.soc-hero-motion{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.soc-hero-motion__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.soc-hero-motion [hidden]{display:none!important}
.soc-hero-motion__toggle{position:absolute;bottom:14px;inset-inline-end:24px;z-index:5;pointer-events:auto;min-height:38px;padding:8px 12px;color:#fff;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.65);border-radius:3px;font:inherit;font-size:12px;cursor:pointer}
.soc-hero-motion__toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
#socotri-app .store-customize__head.soc-fragrance-hero{position:relative;isolation:isolate;overflow:hidden;min-height:280px;display:flex;align-items:center;padding:20px 0 28px;margin:0;background:#302116;border:0;box-shadow:none}
#socotri-app .soc-fragrance-hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to left,rgba(23,14,8,.25),rgba(23,14,8,0) 75%);pointer-events:none}
#socotri-app .soc-fragrance-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
#socotri-app .soc-fragrance-hero .store-page-head__inner{position:relative;z-index:2;width:100%;max-width:1320px;padding-inline:32px;margin-inline:auto;pointer-events:none}
#socotri-app .soc-fragrance-hero .store-breadcrumb a{pointer-events:auto}
#socotri-app .soc-fragrance-hero :is(h1,p,a,.store-breadcrumb,.store-breadcrumb span){color:#fff!important}
#socotri-app .soc-fragrance-hero .store-page-head__row h1{font-size:clamp(28px,3.6vw,46px);font-weight:500;line-height:1.3;margin:18px 0 10px}
#socotri-app .soc-fragrance-hero .store-page-head__desc{display:block!important;max-width:45ch;font-size:15px;line-height:1.8}
#socotri-app .store-socotri__availability{padding:10px 16px;margin:0 auto;max-width:1320px;background:#fff;color:#75634b;font-size:12px}
#gift-box-app .store-gift-hero__inner{position:relative;z-index:2;pointer-events:none}
#gift-box-app .store-gift-hero__inner a{pointer-events:auto}
#gift-box-app .store-gift-hero>.soc-hero-motion::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,rgba(15,10,7,.5),rgba(15,10,7,.05) 65%)}
#gift-box-app .soc-hero-motion__toggle{z-index:3}
@media(max-width:720px){
 #socotri-app .store-customize__head.soc-fragrance-hero{min-height:240px;padding:16px 0 32px}
 #socotri-app .soc-fragrance-hero .store-page-head__inner{padding-inline:20px}
 #socotri-app .soc-fragrance-hero__image,#socotri-app .soc-hero-motion__media{object-position:32% center}
 #socotri-app .soc-fragrance-hero::before{background:linear-gradient(to left,rgba(23,14,8,.75),rgba(23,14,8,.18))}
 #socotri-app .soc-fragrance-hero .store-page-head__desc{max-width:28ch;font-size:13px}
 .soc-hero-motion__toggle{bottom:10px;inset-inline-end:14px}
}

/* Shared cover dimensions: identical for fragrance and gift, independent of media. */
html body.store-body :is(#socotri-app,#gift-box-app) :is(.store-customize__head.soc-fragrance-hero,.store-gift-hero){box-sizing:border-box;height:320px;min-height:320px}
html body.store-body #gift-box-app .store-gift-hero__inner{height:100%;box-sizing:border-box;display:flex;flex-direction:column}
html body.store-body #gift-box-app .store-gift-hero__grid{min-height:0;flex:1}
html body.store-body #gift-box-app .store-gift-hero__crumb{margin-bottom:16px}
@media(max-width:767px){
 html body.store-body :is(#socotri-app,#gift-box-app) :is(.store-customize__head.soc-fragrance-hero,.store-gift-hero){height:280px;min-height:280px}
 html body.store-body #gift-box-app .store-gift-hero__crumb{margin-bottom:12px}
}