/* RC21 — full-viewport editorial Hero with safe overlay zones. */
.storefront-v9.sf-home-layout{--sf-home-header-height:82px;--sf-home-ticker-height:164px;background:#0b0a08}
.storefront-v9.sf-home-layout .sf-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
.storefront-v9.sf-home-layout .sf-header{position:absolute!important;inset:0 0 auto!important;top:0!important;z-index:90!important;background:linear-gradient(180deg,rgba(7,7,6,.88),rgba(7,7,6,.48) 72%,transparent)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.storefront-v9.sf-home-layout .sf-header::after{content:"";position:absolute;inset:auto 4vw 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,230,160,.2),transparent);pointer-events:none}
.storefront-v9.sf-home-layout .sf-header :where(.sf-nav a,.sf-brand,.sf-live-link,.sf-cart-link,.sf-account-link){text-shadow:0 2px 14px rgba(0,0,0,.72)}
.storefront-v9.sf-home-layout .sf-price-ribbon{position:absolute!important;inset:var(--sf-home-header-height) 0 auto!important;z-index:70!important;width:100%!important;margin:0!important;padding:10px clamp(18px,4vw,70px) 12px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(8,8,7,.38),rgba(8,8,7,.18),transparent)!important;box-shadow:none!important;backdrop-filter:none!important}
.storefront-v9.sf-home-layout .sf-price-ribbon-head,.storefront-v9.sf-home-layout .sf-price-ribbon-pages,.storefront-v9.sf-home-layout .sf-price-ribbon-controls{max-width:1540px;margin-inline:auto}
.storefront-v9.sf-home-layout .sf-price-ribbon-item{background:rgba(13,12,10,.56)!important;border-color:rgba(255,236,176,.12)!important;box-shadow:0 10px 30px rgba(0,0,0,.12)!important;backdrop-filter:blur(16px)}
.storefront-v9.sf-home-layout .sf-price-ribbon-item:hover{background:rgba(34,29,19,.72)!important;border-color:rgba(232,198,104,.32)!important}

.storefront-v9 .sf-hero{position:relative!important;width:100%!important;max-width:none!important;height:100svh!important;min-height:760px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#080806!important;isolation:isolate}
.storefront-v9 .sf-hero-track,.storefront-v9 .sf-hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
.storefront-v9 .sf-hero-slide{display:block!important;opacity:0!important;visibility:hidden!important;transform:scale(1.018)!important;transition:opacity .75s ease,visibility .75s ease,transform 1.25s cubic-bezier(.2,.75,.2,1)!important;pointer-events:none!important}
.storefront-v9 .sf-hero-slide.is-active{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
.storefront-v9 .sf-hero-shell{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate!important}
.storefront-v9 .sf-hero-backdrop,.storefront-v9 .sf-hero-aura,.storefront-v9 .sf-glass-card{display:none!important}
.storefront-v9 .sf-hero-visual,.storefront-v9 .sf-hero-figure,.storefront-v9 .sf-hero-figure picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#090806!important;box-shadow:none!important;opacity:1!important;transform:none!important;z-index:0!important}
.storefront-v9 .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:center center!important;border:0!important;border-radius:0!important;filter:saturate(.98) contrast(1.04) brightness(.86)!important;mask-image:none!important;-webkit-mask-image:none!important;transform:scale(1.01)!important;animation:none!important}
/* The image stays full-screen, while these directional gradients reserve a readable editorial zone. */
.storefront-v9 .sf-hero-slide::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(7,7,6,.86) 0%,rgba(7,7,6,.72) 22%,rgba(7,7,6,.36) 44%,rgba(7,7,6,.06) 68%,rgba(7,7,6,.14) 100%)!important}
[dir="rtl"] .storefront-v9 .sf-hero-slide::before{background:linear-gradient(270deg,rgba(7,7,6,.86) 0%,rgba(7,7,6,.72) 22%,rgba(7,7,6,.36) 44%,rgba(7,7,6,.06) 68%,rgba(7,7,6,.14) 100%)!important}
.storefront-v9 .sf-hero-slide::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(4,4,3,.58) 0%,transparent 30%,transparent 66%,rgba(5,5,4,.56) 100%)!important}
.storefront-v9 .sf-hero-copy{position:absolute!important;z-index:4!important;inset-inline-start:clamp(34px,7vw,132px)!important;top:50%!important;width:min(620px,42vw)!important;height:auto!important;max-width:620px!important;margin:clamp(70px,7vh,120px) 0 0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:clamp(12px,1.3vw,20px)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:start!important;transform:translateY(-50%)!important}
.storefront-v9 .sf-hero-copy::before{content:"";position:absolute;z-index:-1;inset:-44px -54px;border-radius:48% 52% 44% 56%;background:radial-gradient(ellipse at center,rgba(4,4,3,.54),rgba(4,4,3,.22) 56%,transparent 74%);filter:blur(10px);pointer-events:none}
.storefront-v9 .sf-hero-kicker{align-self:flex-start!important;margin:0!important;padding:7px 13px!important;border:1px solid rgba(239,210,128,.28)!important;border-radius:999px!important;background:rgba(12,11,8,.38)!important;color:#f1d789!important;backdrop-filter:blur(14px);font-size:12px!important;font-weight:900!important;letter-spacing:.04em!important}
.storefront-v9 .sf-hero-copy h1{max-width:12ch!important;margin:0!important;color:#fff!important;font-size:clamp(48px,5.3vw,84px)!important;line-height:1.12!important;letter-spacing:-.035em!important;text-wrap:balance!important;text-shadow:0 5px 34px rgba(0,0,0,.76)!important}
.storefront-v9 .sf-hero-copy>p{max-width:48ch!important;margin:0!important;color:#f0e8db!important;font-size:clamp(15px,1.15vw,19px)!important;line-height:2!important;text-shadow:0 3px 22px rgba(0,0,0,.88)!important}
.storefront-v9 .sf-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:3px!important}
.storefront-v9 .sf-hero-actions .sf-button{min-height:50px!important;border-radius:15px!important;backdrop-filter:blur(14px)}
.storefront-v9 .sf-hero-actions .sf-button-ghost{background:rgba(9,9,7,.38)!important;border-color:rgba(255,255,255,.22)!important}
.storefront-v9 .sf-hero-trust{display:flex!important;flex-wrap:wrap!important;gap:8px 18px!important;margin-top:3px!important;color:#e8decd!important;text-shadow:0 2px 14px #000}
.storefront-v9 .sf-hero-controls{position:absolute!important;z-index:7!important;inset:auto 0 26px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
.storefront-v9 .sf-hero-controls>button{background:rgba(10,9,7,.42)!important;border-color:rgba(255,255,255,.16)!important;backdrop-filter:blur(14px)}

@media(max-width:980px){
  .storefront-v9.sf-home-layout{--sf-home-header-height:116px;--sf-home-ticker-height:184px}
  .storefront-v9.sf-home-layout .sf-mobile-header{background:transparent!important;border:0!important;box-shadow:none!important}
  .storefront-v9.sf-home-layout .sf-mobile-header-row,.storefront-v9.sf-home-layout .sf-mobile-search{background:rgba(10,9,7,.44)!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(18px)}
  .storefront-v9.sf-home-layout .sf-price-ribbon{top:var(--sf-home-header-height)!important;padding:4px 8px 8px!important}
  .storefront-v9 .sf-hero{height:100svh!important;min-height:720px!important}
  .storefront-v9 .sf-hero-figure img{object-position:center center!important;filter:saturate(1.02) contrast(1.03) brightness(.8)!important}
  .storefront-v9 .sf-hero-slide::before,[dir="rtl"] .storefront-v9 .sf-hero-slide::before{background:linear-gradient(180deg,rgba(5,5,4,.44) 0%,rgba(5,5,4,.09) 34%,rgba(5,5,4,.14) 50%,rgba(7,6,5,.78) 73%,rgba(7,6,5,.96) 100%)!important}
  .storefront-v9 .sf-hero-slide::after{background:linear-gradient(90deg,rgba(4,4,3,.22),transparent 34%,transparent 70%,rgba(4,4,3,.18))!important}
  .storefront-v9 .sf-hero-copy{inset-inline:16px!important;top:auto!important;bottom:66px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 4px!important;gap:9px!important;transform:none!important;align-items:stretch!important}
  .storefront-v9 .sf-hero-copy::before{inset:-42px -28px -26px;background:linear-gradient(180deg,transparent,rgba(5,5,4,.58) 30%,rgba(5,5,4,.74));filter:blur(8px);border-radius:28px}
  .storefront-v9 .sf-hero-kicker{align-self:flex-start!important;font-size:10px!important;padding:5px 10px!important}
  .storefront-v9 .sf-hero-copy h1{max-width:13ch!important;font-size:clamp(31px,9.2vw,47px)!important;line-height:1.2!important}
  .storefront-v9 .sf-hero-copy>p{max-width:42ch!important;font-size:12.5px!important;line-height:1.85!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
  .storefront-v9 .sf-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .storefront-v9 .sf-hero-actions .sf-button{min-width:0!important;min-height:44px!important;padding-inline:9px!important;font-size:11.5px!important}
  .storefront-v9 .sf-hero-trust{display:none!important}
  .storefront-v9 .sf-hero-controls{bottom:22px!important}
}
@media(max-width:540px){
  .storefront-v9.sf-home-layout{--sf-home-header-height:108px}
  .storefront-v9 .sf-hero{min-height:680px!important}
  .storefront-v9 .sf-hero-copy{bottom:62px!important}
  .storefront-v9 .sf-hero-copy h1{font-size:clamp(29px,8.7vw,39px)!important}
  .storefront-v9 .sf-hero-actions{grid-template-columns:1fr 1fr!important}
}
@media(max-width:380px){.storefront-v9 .sf-hero-copy>p{display:none!important}.storefront-v9 .sf-hero-copy h1{font-size:28px!important}.storefront-v9 .sf-hero-actions{grid-template-columns:1fr!important}.storefront-v9 .sf-hero-copy{bottom:58px!important}}
@media(prefers-reduced-motion:reduce){.storefront-v9 .sf-hero-slide{transition:opacity .2s linear!important;transform:none!important}.storefront-v9 .sf-hero-figure img{transform:none!important}}
/* Dedicated customer workspace */
.storefront-v9 .sf-customer-dashboard-head{width:min(1380px,calc(100% - 32px));margin:0 auto 16px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border:1px solid rgba(232,198,104,.16);border-radius:24px;background:linear-gradient(135deg,rgba(232,198,104,.07),rgba(255,255,255,.025));box-shadow:0 18px 60px rgba(0,0,0,.16)}
.storefront-v9 .sf-customer-welcome span{color:var(--sf-accent-soft);font-size:11px;font-weight:900}.storefront-v9 .sf-customer-welcome h2{margin:5px 0;font-size:28px}.storefront-v9 .sf-customer-welcome p{margin:0;color:var(--sf-copy)}
.storefront-v9 .sf-customer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.storefront-v9 .sf-customer-nav a{padding:9px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);color:#e9dfce;font-weight:800;font-size:12px}.storefront-v9 .sf-customer-nav a:hover{border-color:rgba(232,198,104,.28);background:rgba(232,198,104,.09);color:#fff}
.storefront-v9 .sf-customer-kpis{width:min(1380px,calc(100% - 32px));margin:0 auto 18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.storefront-v9 .sf-customer-kpis article{padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(255,255,255,.025)}.storefront-v9 .sf-customer-kpis span{display:block;color:var(--sf-copy);font-size:11px}.storefront-v9 .sf-customer-kpis strong{display:block;margin-top:7px;color:#fff;font-size:19px;overflow-wrap:anywhere}
.storefront-v9 .sf-address-card,.storefront-v9 .sf-notification-row,.storefront-v9 .sf-customer-order-note{margin-top:9px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025)}.storefront-v9 .sf-address-card.is-default{border-color:rgba(232,198,104,.28);background:rgba(232,198,104,.055)}.storefront-v9 .sf-address-card header{display:flex;justify-content:space-between}.storefront-v9 .sf-address-card header span{color:var(--sf-accent-soft);font-size:10px}.storefront-v9 .sf-address-card p,.storefront-v9 .sf-notification-row p{margin:6px 0;color:#e4dacb;line-height:1.9}.storefront-v9 .sf-address-card small,.storefront-v9 .sf-notification-row small,.storefront-v9 .sf-customer-order-note small{color:var(--sf-copy)}
.storefront-v9 .sf-notification-row{display:grid;grid-template-columns:9px 1fr;gap:10px}.storefront-v9 .sf-notification-row>i{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--sf-accent);box-shadow:0 0 12px rgba(232,198,104,.45)}
.storefront-v9 .sf-shipment-track-link{display:inline-flex;margin-top:7px;color:var(--sf-accent-soft);font-weight:800}.storefront-v9 .sf-order-timeline li.is-shipment i{background:#6aa9ff}.storefront-v9 .sf-customer-order-note{border-color:rgba(232,198,104,.22)}
@media(max-width:1100px){.storefront-v9 .sf-customer-kpis{grid-template-columns:repeat(3,1fr)}.storefront-v9 .sf-customer-dashboard-head{grid-template-columns:1fr}.storefront-v9 .sf-customer-nav{justify-content:flex-start}}
@media(max-width:620px){.storefront-v9 .sf-customer-kpis{grid-template-columns:repeat(2,1fr)}.storefront-v9 .sf-customer-dashboard-head,.storefront-v9 .sf-customer-kpis{width:calc(100% - 20px)}.storefront-v9 .sf-customer-nav{display:grid;grid-template-columns:1fr 1fr}.storefront-v9 .sf-customer-nav a{text-align:center}}

.storefront-v9 .sf-account-tracking{display:grid;gap:3px}.storefront-v9 .sf-account-tracking small{color:var(--sf-copy);font-size:10px}.storefront-v9 .sf-account-tracking a,.storefront-v9 .sf-account-tracking b{color:var(--sf-accent-soft);font-size:11px;overflow-wrap:anywhere}
