/* Baloot 8.6.3 — configurable iOS-style mobile bottom navigation */
.ios-bottom-nav,.ios-mobile-scrim{display:none}.ios-nav-item svg,.ios-menu-sheet svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){
  body.ui-v8-store{padding-bottom:94px}
  .ui-v8-store .legacy-mobile-menu-button,.ui-v8-store #mobileMenuBtn{display:none!important}
  .ui-v8-store .site-header-row{height:58px!important;min-height:58px!important;justify-content:space-between;padding-inline:10px!important;gap:8px!important}
  .ui-v8-store .site-logo{flex:1 1 auto;margin:0;min-width:0}.ui-v8-store .site-logo img{max-width:118px;max-height:42px}
  .ui-v8-store .site-header-row>.desktop-nav{display:none!important}.ui-v8-store .site-header-row>.header-actions{display:flex!important;align-items:center!important;gap:4px!important;margin-right:0!important;flex:0 0 auto!important}
  .ios-bottom-nav{position:fixed;z-index:350;right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));height:72px;display:grid;grid-template-columns:repeat(var(--mobile-nav-count,5),minmax(0,1fr));align-items:center;padding:7px 8px;border:1px solid color-mix(in srgb,var(--theme-line) 78%,transparent);border-radius:24px;background:color-mix(in srgb,var(--theme-surface) 88%,transparent);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);box-shadow:0 18px 55px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.45)}
  .ios-nav-item{position:relative;min-width:0;height:58px!important;min-height:58px!important;padding:5px 3px!important;border:0!important;border-radius:17px!important;background:transparent!important;color:var(--theme-muted)!important;box-shadow:none!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font-size:10px!important;font-weight:800!important;line-height:1.2;transition:.18s ease}
  .ios-nav-item:hover,.ios-nav-item:focus-visible{color:var(--store-primary)!important;background:color-mix(in srgb,var(--store-primary) 8%,transparent)!important;transform:none!important}.ios-nav-item.is-active{color:var(--store-primary)!important;background:color-mix(in srgb,var(--store-primary) 11%,var(--theme-surface))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--store-primary) 13%,transparent)!important}.ios-nav-item.is-active:after{content:"";position:absolute;bottom:2px;width:15px;height:3px;border-radius:999px;background:var(--store-primary)}.ios-nav-item svg{width:23px;height:23px}.ios-nav-center{color:var(--store-primary)!important;background:color-mix(in srgb,var(--store-primary) 9%,var(--theme-surface))!important}
  .ios-nav-icon-wrap{position:relative;display:grid;place-items:center}.ios-cart-item i{position:absolute;top:-8px;left:-12px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--store-primary);color:#fff;font-style:normal;font-size:8px;display:grid;place-items:center;border:2px solid var(--theme-surface)}
  .ios-mobile-scrim{position:fixed;inset:0;z-index:330;background:rgba(2,6,23,.32);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.ios-mobile-scrim:not([hidden]){display:block}
  .ui-v8-store .ios-menu-sheet{position:fixed!important;z-index:360!important;right:10px!important;left:10px!important;bottom:88px!important;top:auto!important;max-height:min(72vh,620px);overflow:auto;padding:8px 10px calc(14px + env(safe-area-inset-bottom))!important;border:1px solid var(--theme-line)!important;border-radius:26px!important;background:color-mix(in srgb,var(--theme-surface) 96%,transparent)!important;box-shadow:0 28px 80px rgba(15,23,42,.28)!important;animation:iosSheetIn .24s cubic-bezier(.2,.8,.2,1)}
  .ui-v8-store .ios-menu-sheet[hidden]{display:none!important}.ui-v8-store .ios-menu-sheet:not([hidden]){display:block!important;pointer-events:auto!important}.ui-v8-store .ios-menu-sheet .ios-menu-links,.ui-v8-store .ios-menu-sheet .ios-menu-links a{pointer-events:auto!important;position:relative;z-index:1}.ios-sheet-handle{width:42px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--theme-muted) 35%,transparent);margin:2px auto 9px}.ios-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 7px 11px}.ios-sheet-head>div{display:flex;flex-direction:column}.ios-sheet-head b{font-size:16px}.ios-sheet-head small{color:var(--theme-muted);font-size:10px}.ios-sheet-head button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border-radius:50%!important;background:var(--theme-surface-2)!important;color:var(--theme-text)!important;border:1px solid var(--theme-line)!important;box-shadow:none!important;font-size:20px!important}
  .ios-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ui-v8-store .ios-menu-links a{display:flex!important;align-items:center;justify-content:flex-start;min-height:48px;padding:10px 12px!important;border:1px solid var(--theme-line)!important;border-radius:15px!important;background:var(--theme-surface-2)!important;color:var(--theme-text)!important;font-weight:800;text-decoration:none}.ui-v8-store .ios-menu-links a:hover{color:var(--store-primary)!important;border-color:color-mix(in srgb,var(--store-primary) 30%,var(--theme-line))!important}
  .ui-v8-store .modern-search-panel{position:fixed!important;z-index:360!important;right:10px!important;left:10px!important;bottom:88px!important;top:auto!important;padding:10px!important;border:1px solid var(--theme-line)!important;border-radius:24px!important;background:color-mix(in srgb,var(--theme-surface) 96%,transparent)!important;box-shadow:0 28px 80px rgba(15,23,42,.28)!important;animation:iosSheetIn .24s cubic-bezier(.2,.8,.2,1)}.ui-v8-store .modern-search-panel[hidden]{display:none!important}
  .ui-v8-store .contact-hub{bottom:102px!important}
  @keyframes iosSheetIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
}
@media(max-width:430px){.ios-bottom-nav{right:7px;left:7px;bottom:max(6px,env(safe-area-inset-bottom));height:68px;border-radius:22px}.ios-nav-item{height:54px!important;min-height:54px!important;font-size:9px!important}.ios-nav-item svg{width:22px;height:22px}.ui-v8-store .ios-menu-sheet,.ui-v8-store .modern-search-panel{right:7px!important;left:7px!important;bottom:82px!important}.ios-menu-links{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.ios-menu-sheet,.modern-search-panel{animation:none!important}.ios-nav-item{transition:none!important}}

/* Baloot 8.6.4 — mobile sheet stacking/visibility hotfix */
@media(max-width:900px){
  body.ios-sheet-open{overflow:hidden}
  .ui-v8-store .ios-menu-sheet,
  .ui-v8-store .modern-search-panel{
    z-index:370!important;
    background:color-mix(in srgb,var(--theme-surface) 98%,transparent)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.35)!important;
    backdrop-filter:blur(28px) saturate(1.35)!important;
    box-shadow:0 28px 90px rgba(2,6,23,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;
    pointer-events:auto!important;
  }
  .ui-v8-store .modern-search-panel:not([hidden]){display:block!important}
  .ui-v8-store .modern-search-panel .search-inner{position:relative;z-index:1}
  .ui-v8-store .ios-menu-sheet .ios-sheet-head,
  .ui-v8-store .ios-menu-sheet .ios-menu-links{position:relative;z-index:1}
  .ios-mobile-scrim{z-index:330!important}
  .ios-bottom-nav{z-index:350!important}
}

/* Baloot 8.6.5 — dark-mode refinement for iOS mobile navigation */
@media(max-width:900px){
  html[data-theme="dark"] .ios-bottom-nav{background:rgba(17,24,39,.90)!important;border-color:#34445c!important;box-shadow:0 22px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important}
  html[data-theme="dark"] .ios-nav-item{color:#b8c4d6!important}
  html[data-theme="dark"] .ios-nav-item.is-active,html[data-theme="dark"] .ios-nav-center{background:color-mix(in srgb,var(--store-primary) 15%,#111827)!important;color:#93c5fd!important}
  html[data-theme="dark"] .ui-v8-store .ios-menu-sheet,html[data-theme="dark"] .ui-v8-store .modern-search-panel{background:rgba(17,24,39,.97)!important;border-color:#34445c!important;color:#f8fafc!important;box-shadow:0 30px 90px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.05)!important}
  html[data-theme="dark"] .ui-v8-store .ios-menu-links a{background:#172033!important;border-color:#2b3a50!important;color:#f8fafc!important}
  html[data-theme="dark"] .ui-v8-store .ios-menu-links a:hover{background:#1d2a41!important;border-color:color-mix(in srgb,var(--store-primary) 45%,#34445c)!important;color:#bfdbfe!important}
  html[data-theme="dark"] .ios-sheet-head button{background:#172033!important;border-color:#34445c!important;color:#f8fafc!important}
  html[data-theme="dark"] .ios-mobile-scrim{background:rgba(2,6,23,.58)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
}

/* Baloot 8.7.9 — mobile header = centered logo only; account/cart/search remain in bottom nav */
@media(max-width:900px){
  .ui-v8-store .site-header-row{
    position:relative!important;
    justify-content:center!important;
    padding-inline:12px!important;
  }
  .ui-v8-store .site-header-row>.header-actions,
  .ui-v8-store .modern-header-actions,
  .ui-v8-store #searchToggle,
  .ui-v8-store #accountQuickToggle,
  .ui-v8-store #cartQuickToggle{
    display:none!important;
  }
  .ui-v8-store .site-logo{
    flex:0 0 auto!important;
    margin:0 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .ui-v8-store .site-logo img{
    display:block!important;
    margin:0 auto!important;
    max-width:132px!important;
    max-height:44px!important;
    object-fit:contain!important;
  }
}