/* Mobile header (home) — test 2026-10-01 */
@media(max-width:680px){
  header:not(.has-inner-nav){display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;grid-template-areas:"brand gap acct menu" "search search search search"!important;align-items:center;gap:10px 8px!important;padding:10px 14px 12px!important;min-height:0!important;height:auto!important}
  header:not(.has-inner-nav)>.brand{grid-area:brand;display:flex!important;align-items:center;width:auto!important;height:auto!important;min-width:0}
  header:not(.has-inner-nav)>.brand>span{display:block!important}
  header:not(.has-inner-nav)>.brand strong{font-size:1.35rem!important;white-space:nowrap}
  header:not(.has-inner-nav)>nav{display:none!important}
  header:not(.has-inner-nav)>.tools{display:contents!important}
  header:not(.has-inner-nav) .tools .acct-wrap{grid-area:acct;margin:0!important;justify-self:end}
  header:not(.has-inner-nav) .tools .acct-pill{height:40px;padding:3px 10px 3px 4px!important;column-gap:8px!important}
  header:not(.has-inner-nav) .tools .acct-pill .av{width:32px!important;height:32px!important}
  header:not(.has-inner-nav) .tools .acct-pill .bal{font-size:.86rem!important}
  header:not(.has-inner-nav)>.mobile-menu-toggle{grid-area:menu;display:grid!important;place-items:center;width:40px!important;height:40px!important;border-radius:12px!important;background:#1a1533!important;border:1px solid rgba(169,163,212,.22)!important;font-size:1.15rem!important;color:#fff!important;margin:0!important}
  header:not(.has-inner-nav) .tools .search{grid-area:search;width:100%!important;min-width:0!important;height:42px!important;display:flex!important;align-items:center;gap:8px;padding:0 12px!important;border-radius:12px!important;background:#15112b!important;border:1px solid rgba(169,163,212,.2)!important;margin:0!important}
  header:not(.has-inner-nav) .tools .search>span{font-size:1rem;color:#8b84b8;flex:0 0 auto}
  header:not(.has-inner-nav) .tools .search input{flex:1;width:auto!important;min-width:0!important;height:100%;font-size:.88rem!important;padding:0!important;border:0!important}
  header:not(.has-inner-nav) .tools .search .search-results{top:calc(100% + 6px)!important;left:0!important;right:0!important;width:auto!important}
}
/* Drawer: text logo instead of old green mark, hide theme toggle (site is dark only) */
.mobile-nav-head>span img{display:none!important}
.mobile-nav-head>span::before{content:"ilias";font:800 1.4rem/1 Inter,Cairo,sans-serif;color:#fff;letter-spacing:-.02em}
.mobile-nav-head>span::after{content:"shop";font:800 1.4rem/1 Inter,Cairo,sans-serif;color:var(--p2,#ff5a7a);letter-spacing:-.02em}
.mobile-nav-head>span{direction:ltr;display:inline-flex!important;gap:0!important;align-items:baseline}
#mobileDrawerControls #theme{display:none!important}
#mobileDrawerControls #lang{flex:1}
/* v4: row1 = menu+logo | bell+account, row2 = full search */
@media(max-width:680px){
  header:not(.has-inner-nav){grid-template-columns:auto auto minmax(0,1fr) auto auto!important;grid-template-areas:"acct bell gap brand menu" "search search search search search"!important;gap:10px 8px!important;padding:10px 12px 12px!important}
  header:not(.has-inner-nav)>.brand{justify-self:start}
  header:not(.has-inner-nav)>.brand strong{font-size:1.25rem!important}
  header:not(.has-inner-nav) .tools .acct-wrap,header:not(.has-inner-nav) .tools>.acct-pill{display:flex!important;grid-area:acct;margin:0!important}
  header:not(.has-inner-nav) .tools .acct-pill{width:40px!important;height:40px!important;padding:0!important;justify-content:center;border-radius:50%!important;column-gap:0!important}
  header:not(.has-inner-nav) .tools .acct-pill .nm,header:not(.has-inner-nav) .tools .acct-pill .bal{display:none!important}
  header:not(.has-inner-nav) .tools .acct-pill .av{width:34px!important;height:34px!important}
  header:not(.has-inner-nav) .tools .hdr-bell-wrap{display:inline-flex!important;grid-area:bell}
  header:not(.has-inner-nav) .tools .hdr-bell{width:40px!important;height:40px!important}
  header:not(.has-inner-nav) .tools .search{height:42px!important}
  header:not(.has-inner-nav) .hdr-bell-panel{top:62px!important}
}
.drawer-acct{display:flex;align-items:center;gap:12px;margin:4px 16px 14px;padding:12px;border-radius:16px;text-decoration:none;color:#fff;border:1px solid transparent;background:radial-gradient(circle at 100% 0,rgba(255,90,122,.2),transparent 60%) padding-box,#1b1540 padding-box,linear-gradient(135deg,rgba(124,92,255,.8),rgba(255,90,122,.5)) border-box}
.drawer-acct .dav{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#ff5a7a);font:800 1rem Inter,Cairo,sans-serif;color:#fff}
.drawer-acct .dtx{display:flex;flex-direction:column;gap:2px;min-width:0}
.drawer-acct .dtx b{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawer-acct .dtx small{color:#ffc04d;font-weight:800;font-size:.85rem}
.drawer-acct .dtx small:empty{display:none}
.drawer-acct .dgo{margin-inline-start:auto;color:#cfc3ff;font-size:1.1rem}

/* v5: single row — menu+logo | search icon + bell + account; search opens below */
.m-search-btn{display:none}
@media(max-width:680px){
  header:not(.has-inner-nav){grid-template-columns:auto auto auto minmax(0,1fr) auto auto!important;grid-template-areas:"acct bell srch gap brand menu" "search search search search search search"!important;gap:0 8px!important;padding:10px 12px!important}
  header:not(.has-inner-nav) .m-search-btn{grid-area:srch;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1a1533;border:1px solid rgba(169,163,212,.22);color:#fff;cursor:pointer;padding:0}
  header:not(.has-inner-nav) .m-search-btn .i-x{display:none}
  header.m-search-open:not(.has-inner-nav) .m-search-btn .i-s{display:none}
  header.m-search-open:not(.has-inner-nav) .m-search-btn .i-x{display:block}
  header.m-search-open:not(.has-inner-nav) .m-search-btn{background:rgba(124,92,255,.25);border-color:rgba(124,92,255,.6)}
  header:not(.has-inner-nav) .tools .search{display:none!important}
  header.m-search-open:not(.has-inner-nav){row-gap:10px!important}
  header.m-search-open:not(.has-inner-nav) .tools .search{display:flex!important;animation:mSrchIn .18s ease-out}
  header:not(.has-inner-nav) .hdr-bell-panel{top:62px!important}
}
@keyframes mSrchIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* v5b: hero flush under header, no frame */
@media(max-width:680px){
  header:not(.has-inner-nav){border-bottom:0!important;box-shadow:none!important}
  main>.hb{margin-top:-14px!important}
  .hb-slide::after{background:linear-gradient(0deg,var(--bg),transparent 28%)!important}
}
/* v5c: plain icons (no frame) for search + bell, even spacing */
@media(max-width:680px){
  header:not(.has-inner-nav){column-gap:4px!important}
  header:not(.has-inner-nav) .m-search-btn,header:not(.has-inner-nav) .tools .hdr-bell,header.m-search-open:not(.has-inner-nav) .m-search-btn{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:50%!important;width:38px!important;height:38px!important;color:#e9e4ff!important}
  header:not(.has-inner-nav) .m-search-btn svg,header:not(.has-inner-nav) .tools .hdr-bell svg{width:22px!important;height:22px!important}
  header:not(.has-inner-nav) .m-search-btn:active,header:not(.has-inner-nav) .tools .hdr-bell:active{background:rgba(255,255,255,.08)!important}
  header.m-search-open:not(.has-inner-nav) .m-search-btn{color:#cfc3ff!important}
  header:not(.has-inner-nav) .tools .acct-wrap,header:not(.has-inner-nav) .tools>.acct-pill{margin-inline-start:4px!important}
}
@media(max-width:680px){
  header:not(.has-inner-nav)>.mobile-menu-toggle{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:50%!important;width:38px!important;height:38px!important;font-size:1.35rem!important;color:#e9e4ff!important}
  header:not(.has-inner-nav)>.mobile-menu-toggle:active{background:rgba(255,255,255,.08)!important}
}
/* v9: unified icon sizing + spacing */
@media(max-width:680px){
  header:not(.has-inner-nav){column-gap:6px!important;padding:10px 14px!important;align-items:center!important}
  header:not(.has-inner-nav)>.mobile-menu-toggle,header:not(.has-inner-nav) .m-search-btn,header:not(.has-inner-nav) .tools .hdr-bell{width:40px!important;height:40px!important;padding:0!important;display:grid!important;place-items:center!important;color:#ece8ff!important}
  header:not(.has-inner-nav)>.mobile-menu-toggle svg,header:not(.has-inner-nav) .m-search-btn svg,header:not(.has-inner-nav) .tools .hdr-bell svg{width:22px!important;height:22px!important;stroke-width:2!important}
  header:not(.has-inner-nav) .tools .hdr-bell-wrap{align-items:center}
  header:not(.has-inner-nav) .tools .acct-wrap,header:not(.has-inner-nav) .tools>.acct-pill{margin-inline-start:2px!important;align-self:center}
  header:not(.has-inner-nav) .tools .acct-pill{width:36px!important;height:36px!important;background:transparent!important;border:0!important}
  header:not(.has-inner-nav) .tools .acct-pill .av{width:36px!important;height:36px!important}
  header:not(.has-inner-nav)>.brand{margin-inline-end:2px!important;align-self:center}
  header:not(.has-inner-nav)>.brand strong{font-size:1.3rem!important;line-height:1!important}
}
/* v10: optical balance */
@media(max-width:680px){
  header:not(.has-inner-nav)>.mobile-menu-toggle svg{width:24px!important;height:24px!important;stroke-width:2.2!important}
  header:not(.has-inner-nav) .m-search-btn svg{width:23px!important;height:23px!important;stroke-width:2.1!important}
  header:not(.has-inner-nav) .tools .hdr-bell svg{width:23px!important;height:23px!important;stroke-width:2!important}
  header:not(.has-inner-nav) .tools .acct-pill{width:32px!important;height:32px!important}
  header:not(.has-inner-nav) .tools .acct-pill .av{width:32px!important;height:32px!important;font-size:.85rem!important}
  header:not(.has-inner-nav) .tools .acct-wrap,header:not(.has-inner-nav) .tools>.acct-pill{margin-inline-start:6px!important}
}
@media(max-width:680px){
  header:not(.has-inner-nav) .tools .acct-pill{width:40px!important;height:40px!important;display:grid!important;place-items:center!important}
  header:not(.has-inner-nav) .tools .acct-pill .av{width:26px!important;height:26px!important;font-size:.72rem!important}
  header:not(.has-inner-nav) .tools .acct-pill .av svg{width:15px!important;height:15px!important}
  header:not(.has-inner-nav) .tools .acct-wrap,header:not(.has-inner-nav) .tools>.acct-pill{margin-inline-start:0!important}
}
/* v12: header uses page navy; translucent + blur after scroll */
@media(max-width:680px){
  header:not(.has-inner-nav){background:#0d0a1f!important;transition:background-color .25s ease,box-shadow .25s ease}
  header.is-scrolled:not(.has-inner-nav){background:rgba(13,10,31,.72)!important;-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);box-shadow:0 1px 0 rgba(169,163,212,.10)!important}
}