@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300&family=Jost:wght@200;300;400;500&display=swap');

/* ══════════════════════════════════════════════════════════
   KAZE — couche premium (Claude)
   Palette sobre, typographie éditoriale, animations douces.
   ══════════════════════════════════════════════════════════ */

:root{
  --black:#0B0B0C;
  --dark:#121214;
  --off:#F4F1EC;
  --cream:#FBF9F6;
  --red:#8E1C2E;
  --red-d:#6B1322;
  --pink:#D8C4B6;
  --gold:#C6AE87;
  --gold-soft:rgba(198,174,135,.38);
  --border:rgba(255,255,255,.08);
  --borderl:rgba(11,11,12,.10);
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ── Typographie ─────────────────────────────────────────── */
body,button,input,select,textarea{
  font-family:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
}
body{letter-spacing:.012em;line-height:1.75}

h1,h2,h3,.hero-title,.sh2,.snv,.pt,.ph1,.sec-title,.story-inner h2,
.specs-inner h2,.shop-title,.cta-title,.ct,.chip-t,.pc-name,.pr-name,.ut,.pn,.cn,.ct-title,.ft{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:300 !important;
  letter-spacing:.06em !important;
  line-height:1.08 !important;
}
.hero-title{font-size:clamp(56px,9vw,124px) !important;letter-spacing:.07em !important}
.hero-title .outline{-webkit-text-stroke:.5px rgba(255,255,255,.22) !important;opacity:.55}
.sh2,.shop-title,.story-inner h2,.specs-inner h2{font-size:clamp(34px,5vw,62px) !important}

/* micro-labels : fines et espacées */
.hero-eyebrow-text,.stag,.htb-item,.hs-lab,.snl,.phit,.badge,.chip,.eyebrow,
.btn-hp,.btn-ho,.btn,.nav a,.cta-btn,.shop-subtitle{
  font-family:'Jost',sans-serif !important;
}
.hero-eyebrow-text,.stag,.hs-lab,.snl,.htb-item{
  font-weight:400 !important;letter-spacing:.28em !important;font-size:10.5px !important;
}
p{font-weight:300;line-height:1.85}

/* ── Fonds et matières ───────────────────────────────────── */
body{background:var(--cream)}
.hero{background:linear-gradient(180deg,#0B0B0C 0%,#0E0E10 55%,#09090A 100%) !important}
.hero-grad{background:
  radial-gradient(ellipse 70% 80% at 8% 100%,rgba(142,28,46,.16) 0%,transparent 58%),
  radial-gradient(ellipse 50% 60% at 95% 5%,rgba(198,174,135,.07) 0%,transparent 55%) !important}
.hero-noise{opacity:.022 !important}

/* on retire les motifs trop marqués */
.petal,.hero-grid,.hero-kanji-bg,.story-kanji,.phik,.sck,.ck,
.hero-card-kanji,.shop-hero-kanji,.kaze-why-kanji,.tech-hero-kanji,
.blog-hero-kanji,.empty-kanji,.coll-kanji,.collection-kanji,.kanji-bg,.kanji-watermark{display:none !important}
div[style*="Noto Serif JP"]{display:none !important}
.hero-stat:has(.hs-num[style*="Noto"]){display:none !important}
.hero-accent-line{background:linear-gradient(to bottom,transparent,var(--gold-soft) 30%,var(--gold-soft) 70%,transparent) !important}

/* ── Boutons ─────────────────────────────────────────────── */
.btn-hp,.btn,.cta-btn,.add-cart,.btn-primary,button.primary{
  background:var(--red) !important;color:#fff !important;border:1px solid var(--red) !important;
  border-radius:0 !important;padding:15px 34px !important;
  font-size:11px !important;letter-spacing:.24em !important;font-weight:400 !important;
  transition:background .5s var(--ease),color .5s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease) !important;
}
.btn-hp:hover,.btn:hover,.cta-btn:hover,.add-cart:hover{
  background:transparent !important;color:var(--gold) !important;border-color:var(--gold) !important;
  transform:translateY(-1px) !important;box-shadow:none !important;
}
.btn-ho,.btn-secondary,.btn-outline{
  background:transparent !important;border:1px solid rgba(255,255,255,.28) !important;color:rgba(255,255,255,.86) !important;
  border-radius:0 !important;padding:15px 32px !important;font-size:11px !important;letter-spacing:.24em !important;font-weight:400 !important;
  transition:border-color .5s var(--ease),color .5s var(--ease) !important;
}
.btn-ho:hover,.btn-outline:hover{border-color:var(--gold) !important;color:var(--gold) !important}

/* ── Cartes et bordures : traits fins ───────────────────── */
.hero-card,.card,.pcard,.prod-card,.sca,.scb,.phi,.spec-card,.content-card,.chart-card{
  border-radius:0 !important;
  border:1px solid var(--border) !important;
  background:rgba(255,255,255,.02) !important;
  box-shadow:none !important;
  transition:border-color .6s var(--ease),transform .6s var(--ease) !important;
}
.hero-card::before{background:linear-gradient(90deg,transparent,var(--gold-soft),transparent) !important}
.hero-card::after{background:linear-gradient(160deg,rgba(198,174,135,.05) 0%,transparent 60%) !important}
.hero-card:hover,.pcard:hover,.prod-card:hover{border-color:var(--gold-soft) !important;transform:translateY(-3px) !important}

/* sections claires : cartes ivoire */
.sc .phi,.sw .card,.section.sw .card,.shop-card,.product-card{
  background:#fff !important;border:1px solid var(--borderl) !important;
}

/* ── Navigation ──────────────────────────────────────────── */
header,.site-header,.nav,.navbar,.hdr{
  background:rgba(251,249,246,.86) !important;backdrop-filter:blur(14px) saturate(1.1) !important;
  border-bottom:1px solid var(--borderl) !important;transition:padding .5s var(--ease),background .5s var(--ease) !important;
}
header a,.nav a,.navbar a{letter-spacing:.2em !important;font-size:11.5px !important;font-weight:400 !important}
.nav a,header nav a{position:relative}
.nav a::after,header nav a::after{
  content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:right;transition:transform .55s var(--ease);
}
.nav a:hover::after,header nav a:hover::after{transform:scaleX(1);transform-origin:left}
.pz-scrolled header,header.pz-scrolled{box-shadow:0 1px 24px rgba(11,11,12,.07) !important}

/* ── Prix et accents ─────────────────────────────────────── */
.price,.hc-price,.pc-price,.product-price,.hero-card .price{
  font-family:'Cormorant Garamond',serif !important;font-weight:400 !important;
  letter-spacing:.04em !important;color:var(--black) !important;
}
.hero-card .price,.hero-card .hc-price{color:#fff !important}
.badge,.tag,.chip{
  border-radius:0 !important;background:transparent !important;border:1px solid var(--gold-soft) !important;
  color:var(--gold) !important;letter-spacing:.22em !important;font-size:9.5px !important;font-weight:400 !important;
}

/* images : respiration et zoom lent */
.media,.prod-img,.card img,.pcard img,.shop-card img,.gallery img,.hero-card-top img{
  transition:transform 1.4s var(--ease) !important;will-change:transform;
}
.card:hover img,.pcard:hover img,.shop-card:hover img,.media:hover img{transform:scale(1.045) !important}

/* ── Rythme vertical plus large ──────────────────────────── */
.section{padding-top:clamp(84px,11vh,150px) !important;padding-bottom:clamp(84px,11vh,150px) !important}
.stag{margin-bottom:18px !important}

/* ── Animations d'apparition (classes posées par premium.js) ── */
.pz[data-pz]{opacity:0;transform:translateY(22px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.pz.pz-in{opacity:1;transform:none}
.pz-line{display:block;overflow:hidden}
.pz-line>span{display:block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.pz-line.pz-in>span{transform:none}
.pz-rule{transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.pz-rule.pz-in{transform:scaleX(1)}
@media (prefers-reduced-motion: reduce){
  .pz[data-pz],.pz-line>span,.pz-rule{opacity:1 !important;transform:none !important;transition:none !important}
}

/* ── Mobile : on garde tout dans l'écran ────────────────── */
@media (max-width:768px){
  .hero-title{font-size:clamp(46px,15vw,74px) !important}
  .sh2,.shop-title{font-size:clamp(30px,8.5vw,42px) !important}
  .section{padding-top:64px !important;padding-bottom:64px !important}
  body{overflow-x:hidden}
}


/* ── Ajustements fins ───────────────────────────────────── */
.hs-num{font-family:'Cormorant Garamond',serif !important;font-weight:300 !important;font-size:32px !important;line-height:1 !important;letter-spacing:.04em !important}
.hero-stats{padding-top:30px !important;border-top:1px solid rgba(255,255,255,.07) !important;flex-wrap:wrap;row-gap:18px}
.hero-stat{border-right:1px solid rgba(255,255,255,.07) !important}

/* séparateurs et filets dorés discrets */
.section + .section{border-top:1px solid var(--borderl)}
.hero-divider,.sec-line,.stag-line{background:var(--gold) !important;opacity:.7}

/* cartes claires : ombre très douce au survol */
.sc .phi:hover,.shop-card:hover,.product-card:hover,.pcard:hover{
  box-shadow:0 18px 50px -28px rgba(11,11,12,.45) !important;border-color:var(--gold-soft) !important;
}

/* configurateur : pastilles sobres */
.step,.config-step,.cfg-step{border-radius:50% !important}
.step.active,.config-step.active,.cfg-step.active{background:var(--red) !important;box-shadow:0 0 0 4px rgba(142,28,46,.12) !important}

/* liens texte */
a{transition:color .4s var(--ease)}
a:hover{color:var(--red)}

/* titres de section : filet doré au-dessus */
.sh2::before{content:'';display:block;width:34px;height:1px;background:var(--gold);margin-bottom:22px;opacity:.85}
.section[style*="text-align:center"] .sh2::before,div[style*="text-align:center"] .sh2::before{margin-left:auto;margin-right:auto}

/* titres de blocs secondaires */
.ut,.pn{font-size:19px !important;letter-spacing:.1em !important}
.uiw{border-color:var(--gold-soft) !important}
.uiw::before,.ui::before{background:var(--gold) !important}
.usp{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.shop-all-btn{background:transparent !important;color:var(--black) !important;border:1px solid var(--black) !important;letter-spacing:.24em !important;padding:16px 42px !important;transition:background .5s var(--ease),color .5s var(--ease) !important}
.shop-all-btn:hover{background:var(--black) !important;color:var(--cream) !important}

/* glyphes décoratifs restants */
.weight::before,.newsletter::before,.hero-kanji-bg,.story-kanji{content:none !important;display:none !important}