/* AniTala RC19 — rebuilt mobile header, navigation and full-bleed mobile Hero */
.sf-mobile-header{display:none}

@media (max-width:760px){
  :root{--sf-header:118px;--sf-mobile-header-height:118px;--sf-mobile-gutter:12px}
  html,body{max-width:100%;overflow-x:clip}
  body.storefront-v3{padding-bottom:82px}
  body.sf-mobile-menu-open{overflow:hidden;touch-action:none}

  /* The mobile header is a separate composition; desktop flex/grid rules cannot leak into it. */
  .sf-header{height:auto!important;min-height:var(--sf-mobile-header-height)!important;position:sticky!important;top:0!important;z-index:1100!important;background:rgba(13,12,11,.97)!important;border-bottom:1px solid rgba(216,182,90,.14)!important;box-shadow:0 9px 30px rgba(0,0,0,.22)!important;backdrop-filter:blur(20px) saturate(1.15)!important}
  .sf-desktop-header{display:none!important}
  .sf-mobile-header{display:block!important;position:relative;width:100%;min-width:0}
  .sf-mobile-header-row{height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px 5px;min-width:0}
  .sf-mobile-brand{display:flex;align-items:center;gap:9px;min-width:0;max-width:calc(100% - 174px);color:#fff}
  .sf-mobile-brand-logo{width:43px;height:43px;min-width:43px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(216,182,90,.06));border:1px solid rgba(216,182,90,.17);box-shadow:0 9px 24px rgba(0,0,0,.22)}
  .sf-mobile-brand-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;padding:3px;opacity:1!important;visibility:visible!important;filter:none!important}
  .sf-mobile-brand-logo.sf-brand-mark{font-size:22px;color:#281a05;background:linear-gradient(145deg,#f2d98c,#b9892e)}
  .sf-mobile-brand-copy{display:grid;min-width:0;line-height:1.35}
  .sf-mobile-brand-copy b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sf-mobile-brand-copy small{font-size:8.5px;color:#b9ae9d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sf-mobile-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:none;direction:rtl}
  .sf-mobile-icon-link,.sf-mobile-menu-toggle{position:relative;width:38px;height:38px;min-width:38px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.045);color:#f5ecdd;display:grid;place-items:center;padding:0;box-shadow:none}
  .sf-mobile-icon-link svg{width:20px;height:20px;display:block}
  .sf-mobile-icon-link:active,.sf-mobile-menu-toggle:active{transform:scale(.94);background:rgba(216,182,90,.12)}
  .sf-mobile-live i{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#58d69a;box-shadow:0 0 0 4px rgba(88,214,154,.12)}
  .sf-mobile-cart b{position:absolute;top:-5px;left:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#d5ae4c;color:#1b1306;border:2px solid #0d0c0b;font-size:9px;line-height:1}
  .sf-mobile-menu-toggle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
  .sf-mobile-menu-toggle span{display:block;width:18px;height:1.8px;border-radius:8px;background:currentColor;transition:transform .22s ease,opacity .18s ease}
  .sf-mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.8px) rotate(45deg)}
  .sf-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .sf-mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.8px) rotate(-45deg)}

  /* Search is a direct mobile-header row, never nested among icon actions. */
  .sf-mobile-search{position:relative;height:46px;margin:0 12px 10px;display:grid!important;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:4px;padding:0 5px 0 5px;border-radius:15px;background:#fffdf9;border:1px solid rgba(216,182,90,.38);box-shadow:0 10px 28px rgba(0,0,0,.23);overflow:visible;direction:rtl}
  .sf-mobile-search>svg{width:19px;height:19px;color:#8a7450;margin-inline-start:4px}
  .sf-mobile-search input{display:block!important;width:100%!important;min-width:0!important;height:44px!important;min-height:0!important;padding:0 5px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#1d1810!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important;outline:0!important;text-align:right}
  .sf-mobile-search input::placeholder{color:#857d70!important;font-weight:500}
  .sf-mobile-search button{height:36px;min-width:56px;padding:0 12px;border:0;border-radius:11px;background:linear-gradient(145deg,#e8ca73,#bc8f34);color:#241805;font:800 11px var(--font);box-shadow:0 7px 16px rgba(181,132,43,.22)}
  .sf-mobile-search.is-loading::after{content:"";position:absolute;right:16px;bottom:2px;width:72px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#be9137,transparent);animation:sfSearchPulse 1s linear infinite}
  .sf-mobile-search .sf-search-suggestions{position:absolute;top:51px;right:0;left:0;z-index:1400;max-height:min(60dvh,470px);overflow:auto;border-radius:16px;background:#fffdf9;color:#18130c;border:1px solid rgba(181,138,49,.28);box-shadow:0 25px 65px rgba(0,0,0,.4)}

  /* Proper off-canvas mobile menu in addition to the persistent bottom navigation. */
  .sf-mobile-menu-scrim{position:fixed;inset:0;z-index:1280;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);opacity:0;transition:opacity .24s ease}
  .sf-mobile-menu-scrim.is-open{opacity:1}
  .sf-mobile-menu-panel{position:fixed;z-index:1290;top:0;right:0;bottom:0;width:min(88vw,370px);display:flex!important;flex-direction:column;background:linear-gradient(180deg,#171512,#100f0d);border-left:1px solid rgba(216,182,90,.18);box-shadow:-28px 0 70px rgba(0,0,0,.48);transform:translateX(104%);transition:transform .28s cubic-bezier(.2,.75,.25,1);overflow:auto;overscroll-behavior:contain;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .sf-mobile-menu-panel[hidden]{display:none!important}
  .sf-mobile-menu-panel.is-open{transform:translateX(0)}
  .sf-mobile-menu-panel>header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border-bottom:1px solid rgba(255,255,255,.07)}
  .sf-mobile-menu-panel>header>div{display:flex;align-items:center;gap:10px;min-width:0}
  .sf-mobile-menu-brand{width:44px;height:44px;min-width:44px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.05)}
  .sf-mobile-menu-brand img{width:100%;height:100%;object-fit:contain;padding:3px}
  .sf-mobile-menu-panel>header>div>div{display:grid;min-width:0}
  .sf-mobile-menu-panel>header b{font-size:14px}
  .sf-mobile-menu-panel>header small{font-size:9px;color:#a99f90}
  .sf-mobile-menu-panel>header button{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:25px}
  .sf-mobile-menu-links{display:grid;gap:5px;padding:14px}
  .sf-mobile-menu-links a{min-height:52px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:7px 10px;border-radius:15px;color:#ddd4c7;font-size:13px;font-weight:800}
  .sf-mobile-menu-links a svg{width:22px;height:22px;justify-self:center;color:#d9b75e}
  .sf-mobile-menu-links a.is-active,.sf-mobile-menu-links a:active{background:linear-gradient(135deg,rgba(216,182,90,.17),rgba(216,182,90,.055));color:#fff}
  .sf-mobile-menu-panel>footer{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;border-top:1px solid rgba(255,255,255,.07)}
  .sf-mobile-menu-panel>footer a{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;background:rgba(255,255,255,.05);font-size:11px;font-weight:800}
  .sf-mobile-menu-panel>footer b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;background:rgba(216,182,90,.18);color:#ead185}

  /* Full-bleed portrait Hero: one configured mobile image fills the entire slide. */
  .sf-home-layout .sf-main{width:100%!important;max-width:none!important;padding-top:0!important;overflow:visible!important}
  .sf-hero{position:relative!important;width:100%!important;max-width:none!important;height:auto!important;min-height:clamp(620px,155vw,780px)!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:#0d0b08!important;isolation:isolate!important}
  .sf-hero-track{position:relative!important;width:100%!important;height:auto!important;min-height:inherit!important}
  .sf-hero-slide{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:inherit!important;padding:0!important;display:none!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;overflow:hidden!important;background:#0d0b08!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .sf-hero-slide.is-active{display:grid!important}
  .sf-hero-backdrop,.sf-hero-aura,.sf-glass-card{display:none!important}
  .sf-hero-slide::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(8,7,5,.08),transparent 48%,rgba(8,7,5,.05))!important;pointer-events:none}
  .sf-hero-slide::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;height:auto!important;z-index:2!important;background:linear-gradient(180deg,rgba(8,7,5,.02) 0%,rgba(8,7,5,.03) 38%,rgba(10,8,6,.34) 55%,rgba(13,10,7,.82) 74%,#100d09 100%)!important;pointer-events:none}
  .sf-hero-visual{grid-area:1/1!important;order:initial!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;display:block!important;overflow:hidden!important;background:#0d0b08!important;animation:none!important;opacity:1!important;z-index:0!important}
  .sf-hero-figure{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:#0d0b08!important;transform:none!important}
  .sf-hero-figure picture{display:block!important;width:100%!important;height:100%!important;max-width:none!important}
  .sf-hero-figure img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:50% 50%!important;transform:none!important;filter:none!important;mask-image:none!important;-webkit-mask-image:none!important;opacity:1!important}
  .sf-hero-copy{grid-area:1/1!important;order:initial!important;position:relative!important;z-index:3!important;align-self:end!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:clamp(330px,84vw,480px) 18px 76px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;background:transparent!important;text-align:right!important;transform:none!important;animation:none!important}
  .sf-hero-kicker{align-self:flex-start!important;max-width:100%!important;margin:0!important;padding:6px 11px!important;border:1px solid rgba(229,196,105,.18)!important;background:rgba(27,21,13,.72)!important;backdrop-filter:blur(12px);color:#f0d787!important;font-size:9.5px!important;line-height:1.4!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sf-hero-copy h1{max-width:14ch!important;margin:1px 0 0!important;color:#fff!important;font-size:clamp(29px,8.2vw,39px)!important;line-height:1.24!important;letter-spacing:-.025em!important;text-wrap:balance!important;text-shadow:0 3px 18px rgba(0,0,0,.6)}
  .sf-hero-copy>p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;overflow:hidden!important;max-width:38ch!important;margin:0!important;color:#e9dfd0!important;font-size:12.5px!important;line-height:1.9!important;text-shadow:0 2px 12px rgba(0,0,0,.58)}
  .sf-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:2px!important}
  .sf-hero-actions .sf-button{min-width:0!important;min-height:44px!important;padding:0 9px!important;border-radius:13px!important;font-size:11.5px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;backdrop-filter:blur(12px)}
  .sf-hero-actions .sf-button-ghost{background:rgba(20,17,12,.58)!important;border:1px solid rgba(255,255,255,.14)!important}
  .sf-hero-trust{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 9px!important;max-width:none!important;margin-top:2px!important}
  .sf-hero-trust span{min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important;color:#ded4c5!important;font-size:9px!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .sf-hero-trust svg{width:16px!important;height:16px!important;min-width:16px!important}
  .sf-hero-controls{position:absolute!important;right:0!important;left:0!important;bottom:24px!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;pointer-events:none}
  .sf-hero-controls>button{width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(14,12,9,.62)!important;backdrop-filter:blur(12px);font-size:21px!important;pointer-events:auto}
  .sf-hero-controls>div{display:flex;align-items:center;gap:6px;pointer-events:auto}
  .sf-hero-controls>div button{height:7px!important;width:7px!important;border:0!important;padding:0!important;background:rgba(255,255,255,.42)!important}
  .sf-hero-controls>div button.active{width:25px!important;background:#d9b65a!important}

  /* The market ribbon and persistent navigation remain inside the viewport. */
  .sf-price-ribbon{width:100%!important;max-width:100%!important;overflow:hidden!important;margin:0!important;border-radius:0!important}
  .sf-price-ribbon-pages{max-width:100%!important;overflow:hidden!important}
  .sf-mobile-nav{display:grid!important;right:8px!important;left:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:1050!important;padding:7px!important;border-radius:20px!important;background:rgba(31,30,33,.94)!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 18px 56px rgba(0,0,0,.36)!important}
  .sf-mobile-nav a{min-width:0!important;padding:6px 2px!important;font-size:9px!important}
  .sf-mobile-nav svg{width:20px!important;height:20px!important}
}

@media (max-width:390px){
  .sf-mobile-brand{max-width:calc(100% - 132px)}
  .sf-mobile-brand-copy small{display:none}
  .sf-mobile-live{display:none!important}
  .sf-mobile-header-actions{gap:4px}
  .sf-mobile-search{margin-inline:9px}
  .sf-hero{min-height:clamp(600px,166vw,720px)!important}
  .sf-hero-copy{padding-inline:15px!important;padding-bottom:72px!important}
  .sf-hero-copy h1{font-size:clamp(27px,8.4vw,34px)!important}
  .sf-hero-actions{grid-template-columns:1fr 1fr!important}
  .sf-hero-trust{grid-template-columns:1fr 1fr!important}
}

@media (max-width:340px){
  .sf-mobile-brand-copy{display:none}
  .sf-mobile-brand{max-width:52px}
  .sf-mobile-search button{min-width:48px;padding-inline:8px}
  .sf-hero-actions{grid-template-columns:1fr!important}
  .sf-hero-trust{display:none!important}
}