/* Prod is Fine — Visual QA corrective pass v3 */

/* Header: keep mascot visible and lock the approved wordmark proportions. */
.header-inner{min-height:86px;gap:18px}
.brand-link{gap:11px;min-width:286px;align-items:center}
.brand-mascot{width:48px;height:48px;object-fit:contain;border-radius:12px;flex:0 0 48px}
.brand-script{width:214px;max-height:62px;object-fit:contain;flex:0 0 auto}

/* Global vertical rhythm */
.hero{padding-top:54px;padding-bottom:44px}
.section.compact{padding-top:42px;padding-bottom:46px}
#wsl{padding-top:54px;padding-bottom:62px}
.collection-band{margin-top:0;padding-top:52px;padding-bottom:58px}
#faq{padding-top:54px}
.closing{padding-top:58px;padding-bottom:10px}

/* WSL system: distinct, readable tags rather than four near-identical pastels. */
.wsl-grid{gap:16px}
.wsl-card{min-height:172px;padding:20px;border-radius:16px;background:#f5f4ef;box-shadow:0 1px 0 rgba(20,24,28,.03)}
.wsl-card span{font-size:11px;letter-spacing:.02em;margin-top:1px;margin-bottom:10px}
.wsl-card p{font-size:12px;line-height:1.5;max-width:22ch}
.wsl-tag,.badge{border-width:1px;font-weight:900;box-shadow:none}
.wsl-tag{padding:7px 12px;margin-bottom:15px}

.wsl-tag.wsl-1,.badge.wsl-1{color:#0b5736;border-color:#79a98d;background:#dff2e7}
.wsl-tag.wsl-1:before,.badge.wsl-1 i{background:#16794d}
.wsl-tag.wsl-2,.badge.wsl-2{color:#174a78;border-color:#8fb3d9;background:#ddebff}
.wsl-tag.wsl-2:before,.badge.wsl-2 i{background:#2c6eaa}
.wsl-tag.wsl-3,.badge.wsl-3{color:#8f321f;border-color:#e5a28f;background:#fce6dc}
.wsl-tag.wsl-3:before,.badge.wsl-3 i{background:#d4552f}
.wsl-tag.wsl-4,.badge.wsl-4{color:#fff4d8;border-color:#4b5154;background:#20262a}
.wsl-tag.wsl-4:before,.badge.wsl-4 i{background:#f0b44d}

/* Product cards: more consistent internal spacing and tag placement. */
.product-content{gap:0}
.product-title{margin-bottom:10px}
.badge{padding:5px 9px;margin-bottom:2px}
.working-price{margin-top:13px}
.product-hook{margin-bottom:14px}
.collection-card .product-content{justify-content:center}
.collection-card .badge{width:max-content}
.collection-card .working-price{margin-top:11px;margin-bottom:0}

/* Closing: CTA first, manifesto second, with deliberate breathing room. */
.closing .drop-box{border-radius:22px;padding:38px 42px;gap:50px}
.closing .drop-box h2{margin-bottom:14px}
.closing .manifesto{padding-top:68px;padding-bottom:54px;gap:72px}
.closing .manifesto p{max-width:720px}
.closing .manifesto .micro{margin-top:20px;line-height:1.45}

@media(max-width:1050px){
  .brand-link{min-width:0}
  .closing .manifesto{gap:30px}
}

@media(max-width:720px){
  .header-inner{min-height:68px;padding:5px 0}
  .brand-link{gap:8px;max-width:calc(100% - 52px)}
  .brand-mascot{width:38px;height:38px;flex-basis:38px;border-radius:9px}
  .brand-script{width:154px;max-width:calc(100vw - 112px)}
  .hero{padding-top:32px;padding-bottom:30px}
  .section.compact{padding-top:32px;padding-bottom:38px}
  #wsl{padding-top:40px;padding-bottom:46px}
  .wsl-grid{grid-template-columns:1fr 1fr;gap:10px}
  .wsl-card{min-height:150px;padding:15px;border-radius:14px}
  .wsl-tag{font-size:9px;padding:6px 9px;margin-bottom:12px}
  .wsl-card span{font-size:9.5px;line-height:1.25}
  .wsl-card p{font-size:10.5px;line-height:1.4}
  .collection-band{padding-top:38px;padding-bottom:44px}
  #faq{padding-top:40px}
  .closing{padding-top:42px}
  .closing .drop-box{padding:26px 22px;gap:20px;border-radius:17px}
  .closing .manifesto{padding-top:46px;padding-bottom:40px;gap:22px}
}

@media(max-width:390px){
  .brand-mascot{width:36px;height:36px;flex-basis:36px}
  .brand-script{width:142px}
  .wsl-grid{grid-template-columns:1fr 1fr}
  .wsl-card{min-height:142px;padding:13px}
}