/* HOM Plus – core styles + inline search */
/* HOM Plus – styles */
.homplus { position: relative; z-index: 999; display:inline-flex; gap:.5rem; flex-wrap:wrap; }

.homplus-toggle {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem .75rem; background:#111; color:#fff; border:0; border-radius:10px; cursor:pointer;
}
.homplus-toggle .homplus-icon{ display:block; }
.homplus-toggle-text{ font-size:.95rem; }
/****
.homplus-overlay { position:fixed; inset:0; background:rgba(0,0,0,.45); backdrop-filter:saturate(100%) blur(1px); }
****/
.homplus-panel {
  position: fixed; top: 0; left: 0; height: 100%; width: 340px; max-width: 88vw;
  background: #fff; 
  transform: translateX(-100%); transition: transform .28s ease-in-out;
  display:flex; flex-direction:column; overflow:auto; z-index:10000;
}
.homplus-panel[aria-hidden="false"] { transform: translateX(0); }

.homplus-panel-header { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.75rem 1rem; border-bottom:1px solid #eee; }
.homplus-panel-title{ font-size:1rem; font-weight:700; }
.homplus-close { background:transparent; border:0; padding:.5rem; cursor:pointer; }
.homplus-close .homplus-icon{ display:block; }

/* Search */
.homplus-search { display:flex; gap:.5rem; padding:.75rem 1rem; border-bottom:1px solid #eee; }
.homplus-search-input { flex:1; padding:.6rem .7rem; border:1px solid #ddd; border-radius:8px; }
.homplus-results-wrap { padding: .5rem 0 1rem; }
.homplus-results { list-style:none; margin:0; padding:.25rem 0; }
.homplus-result-item { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.6rem 1rem; border-bottom:1px dotted #eee; }
.homplus-result-item a { text-decoration:none; color:#111; }
.homplus-result-item a:hover { text-decoration:underline; }
.homplus-result-meta { font-size:.8rem; color:#666; }

/* Menu */
.homplus-nav { padding: .25rem 0; }
.homplus-menu-list, .homplus-menu-list ul { list-style:none; margin:0; padding:0; }
.homplus-menu-list > li > a { font-weight:600; }
.homplus-menu-list li { display:flex; align-items:center; gap:.25rem; }
.homplus-link { display:block; width:100%; padding:.7rem 1rem; text-decoration:none; color:#111; }
.homplus-link:hover { background:#f6f6f6; }

.homplus-sub-toggle { margin-right:.5rem; background:transparent; border:0; cursor:pointer; padding:.4rem; }
.homplus-sub-caret { display:inline-block; transition: transform .2s ease; }

.homplus-menu-list .sub-menu { display:none; }
.homplus-menu-list .sub-menu .homplus-link{ padding-left: 1.75rem; }
.homplus-menu-list .sub-menu .sub-menu .homplus-link{ padding-left: 2.5rem; }

.homplus-sub-open > .homplus-sub-toggle .homplus-sub-caret { transform: rotate(90deg); }
.homplus-sub-open > .sub-menu { display:block; }

/* Overlay/scroll lock */
.homplus--active .homplus-overlay{ display:block; }
body.homplus-scroll-lock{ overflow:hidden; touch-action:none; }

.homplus-empty { padding:1rem; color:#666; font-size:.95rem; }

.homplus-close {
    background: #ff9933;
}
.homplus-panel[aria-hidden="false"] {
    /***left: 10% !important;****/
}
.homplus-panel {
  left: 0;                 /* stay in place */
  opacity: 0;              /* invisible by default */
  visibility: hidden;      /* not interactive */
  transition: opacity 0.35s ease-in-out, visibility 0.35s ease-in-out;
}

.homplus-panel[aria-hidden="false"] {
  opacity: 1;              /* fade in */
  visibility: visible;     /* interactive */
}
.x-full-wt {
    width: 100%;
    text-align: center;
}
.homplus {
    width: 100%;
}
.x-full-wt .homplus-toggle svg:not([fill]) {
    fill: #000000;
    font-size: 30px;
}
.x-full-wt .homplus-toggle {
    background: transparent;
}



/* Inline search */
.homplus-inline { position: relative; display: block; max-width: 640px; }
.homplus-inline-form { margin-bottom: .5rem; }
.homplus-inline-input { width: 100%; padding: .65rem .8rem; border: 1px solid #ddd; border-radius: 8px; font-size: 1rem; }
.homplus-inline-results { border: 1px solid #eee; border-radius: 8px; background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.06); overflow: hidden; }
.homplus-inline .homplus-results { list-style: none; margin: 0; padding: 0; }
.homplus-inline .homplus-result-item { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding: .65rem .9rem; border-bottom: 1px dotted #f0f0f0; }
.homplus-inline .homplus-result-item:last-child { border-bottom: 0; }
.homplus-inline .homplus-result-item a { text-decoration: none; color: #111; }
.homplus-inline .homplus-result-item a:hover { text-decoration: underline; }
.homplus-inline .homplus-result-meta { font-size: .8rem; color: #666; }