/* === KAI REDESIGN V3 / APPAREL / DRAFT ONLY === */
:root{
  --kai-app-bg:#f3ece5;
  --kai-app-surface:#fff9f4;
  --kai-app-ink:#24181b;
  --kai-app-muted:#75686b;
  --kai-app-line:rgba(61,35,43,.12);
  --kai-app-accent:#e05270;
  --kai-app-accent2:#a93c57;
  --kai-app-dark:#211316;
  --kai-app-shadow:0 24px 68px rgba(61,35,43,.11);
}
body{background:var(--kai-app-bg)!important;color:var(--kai-app-ink)!important}
body h1,body h2,body h3{
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:-.035em!important;
}
.site-header{
  position:sticky!important;top:0;z-index:80;
  background:rgba(250,245,239,.9)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--kai-app-line)!important;
}
.site-header .nav{min-height:80px!important}
.site-header .nav-links a{font-weight:760!important;color:#4f4044!important}
.site-header .nav-links a:hover{color:var(--kai-app-accent2)!important}
.site-header .brand-logo img{
  max-height:58px!important;
  filter:drop-shadow(0 6px 18px rgba(61,35,43,.09));
}
.hero-poster-section{
  padding:26px 0 18px!important;
}
.hero-poster-section>.wrap{
  width:min(1460px,94%)!important;
  max-width:none!important;
  position:relative;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 34px 90px rgba(61,35,43,.18);
  background:var(--kai-app-dark);
}
.hero-poster{
  position:relative;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden;
}
.hero-poster:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(31,18,22,.88),rgba(31,18,22,.54) 52%,rgba(31,18,22,.12));
  pointer-events:none;
}
.hero-poster img{
  width:100%!important;
  height:min(680px,72vh)!important;
  object-fit:cover!important;
  display:block;
}
.hero-intro{
  position:absolute!important;
  z-index:3;
  inset:0 auto 0 0;
  width:min(660px,55%)!important;
  margin:0!important;
  padding:clamp(44px,7vw,90px)!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
}
.hero-intro .eyebrow{color:#ffc7d3!important;letter-spacing:.17em!important}
.hero-intro h1{
  color:#fff!important;
  font-size:clamp(2.9rem,5.8vw,5.8rem)!important;
  line-height:.94!important;
  max-width:650px;
  margin:.5rem 0 1rem!important;
}
.hero-intro p{color:rgba(255,255,255,.84)!important;font-size:clamp(1rem,1.45vw,1.16rem)!important;line-height:1.68!important}
.hero-intro .btn{border-radius:999px!important}
.hero-intro .btn.accent{
  background:linear-gradient(135deg,var(--kai-app-accent),var(--kai-app-accent2))!important;
  border-color:transparent!important;color:#fff!important;
}
.hero-intro .btn.soft{
  background:rgba(24,14,17,.34)!important;
  color:#fff!important;border-color:rgba(255,255,255,.42)!important;
  backdrop-filter:blur(10px);
}
.hero-intro .text-link{color:#fff!important}
.value-strip{
  margin-top:18px!important;
}
.value-grid{gap:14px!important}
.value-card,.niche-card,.product-card,.article-card,.card,.promo,
.collection-visual,.prose,.faq details{
  background:var(--kai-app-surface)!important;
  border:1px solid var(--kai-app-line)!important;
  border-radius:24px!important;
  box-shadow:var(--kai-app-shadow)!important;
}
.value-card{padding:20px 22px!important}
.section{padding:76px 0!important}
.wrap{width:min(1360px,92%)!important}
.section-head h2{
  font-size:clamp(2.25rem,4.1vw,4rem)!important;
  line-height:1.02!important;
}
.section-head p,.section-lead{color:var(--kai-app-muted)!important}
.niche-grid,.product-grid,.article-grid,.grid{gap:20px!important}
.niche-card{
  min-height:270px!important;
  padding:28px!important;
  overflow:hidden;
  position:relative;
}
.niche-card:before{
  content:"";position:absolute;inset:auto -50px -50px auto;
  width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(224,82,112,.16),transparent 68%);
}
.niche-card h3{font-size:1.85rem!important;line-height:1.06!important}
.niche-card p{color:var(--kai-app-muted)!important}
.product-card{overflow:hidden}
.product-card>a>img,.product-card img{
  transition:transform .35s ease;
}
.product-card:hover>a>img,.product-card:hover img{transform:scale(1.025)}
.product-body{padding:24px!important}
.product-card h3{font-size:1.55rem!important;line-height:1.08!important}
.btn{border-radius:999px!important;font-weight:760!important}
.btn.accent,.btn.primary{
  background:linear-gradient(135deg,var(--kai-app-accent),var(--kai-app-accent2))!important;
  border-color:transparent!important;color:#fff!important;
}
.btn.soft{background:transparent!important}
.page-hero{
  width:min(1460px,94%)!important;
  margin:28px auto 34px!important;
  min-height:350px!important;
  border-radius:30px!important;
  padding:clamp(38px,6vw,74px)!important;
  display:flex;align-items:flex-end;
  background:
    linear-gradient(100deg,rgba(31,18,22,.92),rgba(31,18,22,.58)),
    url('/apparel/assets/pages/about-lifestyle-v19.webp') center/cover no-repeat!important;
  color:#fff!important;
  box-shadow:0 28px 70px rgba(61,35,43,.13);
}
.page-hero h1{
  color:#fff!important;
  font-size:clamp(2.7rem,5vw,5rem)!important;
  line-height:.97!important;
  max-width:930px!important;
}
.page-hero p{color:rgba(255,255,255,.80)!important;max-width:760px!important}
.page-hero .eyebrow{color:#ffc4d0!important}
.collection-visual{
  width:min(1360px,92%);
  margin:0 auto 30px!important;
  overflow:hidden;
}
.collection-banner img{width:100%;max-height:560px;object-fit:cover}
.product-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;
  gap:34px!important;
  align-items:start!important;
}
.gallery{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:12px!important;
}
.gallery img{
  border-radius:20px!important;
  box-shadow:0 16px 40px rgba(61,35,43,.09);
}
.sticky-buy{
  position:sticky!important;top:104px!important;
  background:var(--kai-app-surface)!important;
  border:1px solid var(--kai-app-line)!important;
  border-radius:26px!important;
  padding:34px!important;
  box-shadow:var(--kai-app-shadow)!important;
}
.sticky-buy h1{font-size:clamp(2.2rem,4vw,3.8rem)!important;line-height:.98!important}
.chip{border-radius:999px!important}
.article-content{
  max-width:900px!important;
  margin-inline:auto!important;
}
.article-content h2{font-size:clamp(1.8rem,3vw,2.7rem)!important}
.article-content p,.article-content li{line-height:1.8!important}
.article-cluster-cta{
  background:linear-gradient(145deg,#2d1a20,#1c1115)!important;
  color:#fff!important;
  border-radius:24px!important;
  padding:30px!important;
}
.article-cluster-cta p{color:rgba(255,255,255,.72)!important}
.footer{
  background:var(--kai-app-dark)!important;
  color:rgba(255,255,255,.72)!important;
  margin-top:70px!important;
}
.footer a{color:#fff!important}
@media(prefers-reduced-motion:no-preference){
  .niche-card,.product-card,.article-card,.value-card{
    transition:transform .25s ease,box-shadow .25s ease;
  }
  .niche-card:hover,.product-card:hover,.article-card:hover{
    transform:translateY(-5px);
    box-shadow:0 34px 80px rgba(61,35,43,.15)!important;
  }
}
@media(max-width:900px){
  .hero-poster-section>.wrap{min-height:650px}
  .hero-poster img{height:650px!important}
  .hero-intro{width:100%!important;padding:34px 26px!important}
  .hero-poster:after{background:linear-gradient(180deg,rgba(31,18,22,.82),rgba(31,18,22,.55) 58%,rgba(31,18,22,.82))}
  .product-layout{grid-template-columns:1fr!important}
  .sticky-buy{position:static!important}
}
@media(max-width:640px){
  .hero-poster-section>.wrap{border-radius:24px}
  .hero-intro h1{font-size:clamp(2.5rem,12vw,4.3rem)!important}
  .section{padding:52px 0!important}
  .gallery{grid-template-columns:1fr!important}
  .page-hero{min-height:310px!important;padding:34px 24px!important}
}

@media(max-width:650px){
  .cookie{padding:14px!important;border-radius:18px!important;max-height:40vh!important;overflow:auto!important}
  .cookie h3{font-size:1rem!important;margin-bottom:5px!important}
  .cookie p{font-size:.75rem!important;line-height:1.4!important;margin:0 0 10px!important}
  .cookie .actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  .cookie .btn{font-size:.67rem!important;padding:8px 7px!important;min-height:36px!important}
}