/* My Ginger V10 / Editorial polish + responsive experience */
:root{--accent:#d7f267;--ink:#10251f;--paper:#f8f7f1;--line:#e4e5dd}
body{background:#f8f7f1;letter-spacing:-.008em}
.section{scroll-margin-top:88px}
.header{box-shadow:0 1px 0 rgba(20,44,35,.05);background:rgba(250,250,246,.95);backdrop-filter:blur(18px)}
.header-cart{border-radius:99px;box-shadow:0 3px 12px rgba(12,36,24,.07)}
.hero{height:clamp(540px,58vw,740px);min-height:0;isolation:isolate}
.hero-tint{background:linear-gradient(90deg,rgba(4,31,27,.9) 0%,rgba(5,33,30,.7) 36%,rgba(5,33,30,.11) 68%,transparent 100%),linear-gradient(0deg,rgba(3,23,23,.35),transparent 35%)}
.hero-inner{max-width:1480px;margin:auto}
.hero h1{font-weight:800;letter-spacing:-.08em;line-height:.94;font-size:clamp(66px,7.8vw,119px)}
.hero h1 em{color:var(--accent)}
.hero-lead{font-size:clamp(13px,1.2vw,16px);line-height:1.7;max-width:455px}
.hero-meta span{font-size:10px;letter-spacing:.09em}
.product-grid{gap:16px}
.product-card{border-radius:15px;border-color:#e5e8e1;background:#fff;box-shadow:0 2px 14px rgba(12,34,23,.025);overflow:hidden;transition:transform .27s ease, box-shadow .27s ease}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(13,40,28,.09)}
.product-media{background:#f2f5f1}
.product-media img{transform:scale(.94);transition:transform .38s ease}
.product-card:hover .product-media img{transform:scale(1)}
.product-brand{letter-spacing:.11em}
.card-add{background:#15392d;border-radius:99px}
.card-add:hover{background:#24503b}
.filters button.active{box-shadow:0 4px 9px rgba(15,45,34,.13)}
.category-card{border-radius:14px;overflow:hidden}
.category-card .category-image img{object-fit:contain}
.section-heading h2{letter-spacing:-.065em}
.lookbook-section{padding-top:75px;padding-bottom:48px}
.lookbook-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.lookbook-heading h2{font-size:clamp(42px,5.3vw,76px);letter-spacing:-.075em;line-height:1;margin:0}
.lookbook-heading h2 em,.lookbook-side-copy h3 em{font-family:'Instrument Serif',serif;font-weight:400}
.lookbook-heading>p{max-width:330px;color:#607369;font-size:13px;line-height:1.75}
.lookbook-grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:590px;border-radius:21px;overflow:hidden;background:#0f332a}
.lookbook-photo{position:relative;overflow:hidden;min-height:550px;background:#ba6c4a}
.lookbook-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(24,27,25,.26),transparent 55%);pointer-events:none}
.lookbook-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.lookbook-photo:hover>img{transform:scale(1.025)}
.lookbook-kicker{position:absolute;left:28px;top:28px;font-size:10px;color:#fff;z-index:2;letter-spacing:.2em;font-weight:700}
.lookbook-hotspot{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.96);color:#15362b;border:1px solid rgba(255,255,255,.8);border-radius:100px;padding:7px 13px 7px 7px;font-size:10px;letter-spacing:.08em;font-weight:800;box-shadow:0 7px 24px rgba(0,0,0,.14);transition:transform .25s ease,background .25s ease}
.lookbook-hotspot i{height:27px;width:27px;display:grid;place-items:center;border-radius:50%;background:#d9ed92;font-size:18px;font-style:normal;line-height:1}
.lookbook-hotspot:hover,.lookbook-hotspot.selected{transform:translateY(-4px);background:#eaffad}
.hotspot-one{top:42%;right:17%}.hotspot-two{bottom:15%;left:22%}
.lookbook-side{padding:clamp(28px,4.2vw,62px);display:flex;flex-direction:column;justify-content:space-between;color:#f7f9f4;gap:25px;background:radial-gradient(circle at 100% 0%,#295746 0%,#0f332a 62%)}
.lookbook-side-label{font-size:10px;letter-spacing:.2em;color:#c9ddc5;font-weight:800}
.lookbook-side-copy h3{font-size:clamp(52px,5vw,83px);letter-spacing:-.075em;line-height:.92;margin:0 0 20px;font-weight:800}
.lookbook-side-copy h3 em{color:var(--accent);white-space:nowrap}
.lookbook-side-copy p{font-size:13px;color:#cedcd2;line-height:1.85;max-width:400px;margin:0}
.lookbook-feature{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);padding:12px;display:flex;align-items:center;gap:15px;border-radius:14px;min-height:114px}
.lookbook-feature img{width:100px;height:94px;object-fit:contain;border-radius:10px;background:#f4f5f0;padding:10px;flex:none}
.lookbook-feature>div{min-width:0;display:grid;gap:5px}
.lookbook-feature small{font-size:9px;letter-spacing:.18em;color:#c8dacc}
.lookbook-feature strong{font-size:20px;letter-spacing:-.035em}
.lookbook-feature span{font-size:11px;color:#cdd7d2;line-height:1.4}
.lookbook-feature button{border:0;background:transparent;color:var(--accent);text-align:left;font-weight:800;padding:3px 0;font-size:11px;width:fit-content}
.lookbook-bundle{border:none;border-radius:12px;padding:15px 18px;text-align:left;background:var(--accent);color:#142a20;display:flex;flex-direction:column;gap:4px}
.lookbook-bundle>span{font-size:9px;letter-spacing:.15em;font-weight:800}
.lookbook-bundle strong{display:flex;justify-content:space-between;align-items:center;font-size:17px}
.lookbook-bundle b{font-size:24px}
/* detail modal utility: real product information not cluttered */
.detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 10px}
.detail-specs>div{border:1px solid #e2e8dd;border-radius:10px;padding:12px;background:#f7f9f4}
.detail-specs span{display:block;color:#718074;font-size:10px;margin-bottom:5px}
.detail-specs strong{font-size:12px}
.size-helper{border:0;background:none;padding:0;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px;color:#315f41;text-align:left}
.fit-note{margin-top:10px;border-left:3px solid #b5ce71;padding-left:12px;color:#64756a;font-size:12px;line-height:1.7}
/* Responsive refinements */
@media(max-width:1060px){.lookbook-grid{grid-template-columns:1fr 1fr}.lookbook-side{padding:30px}.lookbook-side-copy h3{font-size:55px}}
@media(max-width:800px){.hero{height:530px}.hero-tint{background:linear-gradient(90deg,rgba(2,28,25,.88),rgba(2,28,25,.48) 70%,rgba(2,28,25,.16))}.lookbook-grid{grid-template-columns:1fr 1fr}.lookbook-side-copy h3{font-size:46px}.lookbook-photo{min-height:490px}.lookbook-side{gap:18px}}
@media(max-width:650px){
 .hero{height:clamp(410px,116vw,590px)}.hero h1{font-size:clamp(40px,10.4vw,61px);line-height:.99;letter-spacing:-.06em}.hero-lead{max-width:285px;line-height:1.58}.hero-meta{display:none}.hero-tint{background:linear-gradient(90deg,rgba(2,32,28,.89) 0%,rgba(2,32,28,.52) 64%,rgba(2,32,28,.16)),linear-gradient(0deg,rgba(2,32,28,.37),transparent 60%)}
 .lookbook-section{padding-top:46px;padding-bottom:24px}.lookbook-heading{display:block;margin-bottom:16px}.lookbook-heading h2{font-size:clamp(38px,9.5vw,55px)}.lookbook-heading>p{font-size:12px;margin-top:14px;max-width:340px}
 .lookbook-grid{grid-template-columns:1fr;border-radius:15px}.lookbook-photo{height:430px;min-height:0}.lookbook-photo>img{object-position:center 35%}.lookbook-hotspot{font-size:9px}.hotspot-one{top:48%;right:10%}.hotspot-two{bottom:11%;left:13%}
 .lookbook-side{padding:25px;gap:18px}.lookbook-side-copy h3{font-size:clamp(43px,10vw,60px)}.lookbook-feature{min-height:95px}.lookbook-feature img{width:85px;height:80px}
 .product-grid{gap:9px}.product-card{border-radius:11px}.product-media img{transform:scale(.99)}.product-card:hover .product-media img{transform:scale(1.025)}
 .detail-specs{gap:6px}.detail-specs>div{padding:9px}
}
@media(max-width:360px){.lookbook-photo{height:345px}.lookbook-hotspot span{display:none}.lookbook-hotspot{padding:6px}.hotspot-one{right:15%}.lookbook-side-copy h3{font-size:43px}.hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.lookbook-photo>img,.lookbook-hotspot{transition:none!important}}