/* ============================================================
   ESTE SKLEP — MOTYW "Rytuał / Warm Nude"
   Ciepły, kobiecy, ponadczasowy. Baza: kość słoniowa + blush +
   piasek/glinka. CTA: ciepły róż. Turkus = delikatna NIĆ MARKI
   (eyebrow/linki/akcenty) — most do estesalon. Serif w nagłówkach.
   Ładowana NA KOŃCU (override). Cormorant: SIL OFL.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{
  --bg:#F8F2EA;            /* ciepła kość słoniowa */
  --bg-alt:#F1E6DA;        /* ciepły piasek-blush */
  --card:#FFFCF8;          /* ciepła biel */
  --ink:#2E2620;           /* ciepłe espresso (nie czerń) */
  --soft:#6E6155;          /* ciepły taupe-brąz */
  --muted:#76675A;         /* ciepły muted — przyciemniony dla WCAG AA (4.9:1 na --bg) */
  --line:#EBDFD0;          /* ciepły hairline */
  --accent:#9C6555;        /* ciepły róż/glinka — CTA, biały tekst (AA 4.8:1) */
  --deep:#8E5C50;          /* głębszy róż — hover */
  --teal:#3C938F;          /* NIĆ MARKI — ikony/bordery/większe akcenty */
  --teal-text:#1C6F6A;     /* t400 do DROBNEGO tekstu teal (eyebrow 11-12px) — AA 5.3:1 na kremie */
  --tint:#F1E1D7;          /* blush tint (tła sekcji, chipy) */
  --tan:#C9B49B;           /* glinka */
  --spark:#3C938F;
  --r:22px; --r-lg:30px;
  --shadow:0 22px 54px rgba(120,86,70,.12);
}

/* bezpiecznik: brak poziomego przewijania (full-bleed 100vw + marquee) */
html{overflow-x:clip}

/* przyciski: róż z białym tekstem */
.btn--accent{background:var(--accent);color:#fff}
.btn--accent:hover{background:var(--deep);color:#fff}
.prod-card .badge{background:var(--accent);color:#fff}
.icon-btn .count,.count{background:var(--accent);color:#fff}
.prod-card .add{background:var(--tint);color:var(--deep)}
.prod-card .add:hover{background:var(--accent);color:#fff}

/* turkus = delikatna nić marki (drobny tekst w t400 dla AA) */
.pdp-rating .stars,.rev-score .stars,.rev-item .stars,.quote-sep p i{color:var(--teal)}
.eyebrow,.sec-head--xl .num{color:var(--teal-text)}
.nav-links a::after,.scrollbar{background:var(--teal)}
.pill--tint{background:var(--tint);color:var(--teal)}
.hf-card .d,.cine-card .d{color:var(--teal)}
.serif{color:var(--teal)}

/* ciemny rozdział: ciepłe espresso zamiast klinicznego teal */
.dark{background:#2E2620}
.dark .eyebrow{color:var(--tan)}
.dark h2 .serif{color:#EAD7CE}
.dark .why .item{border-top-color:rgba(201,180,155,.32)}
.dark .why .n{color:var(--tan)}
.ctaband{background:var(--tint)}
.ctaband p{color:var(--soft)}

/* miększe karty/cienie */
.prod-card,.offer,.stat,.active,.hf-card,.cine-card{border-radius:var(--r)}

/* TYPOGRAFIA: serif w nagłówkach (kobieco, ponadczasowo) */
.cine h1,.hf h1,.sec-head h2,.sec-head--xl h2,.pdp-info h1,h2.big,
.dark h2,.manifest p,.ctaband h2,.pdp-statement p,.quote-sep p,
.brandsec .tagline,.split .copy h2,.two-col h2,.howit h3,
.page-hero h1,.news h2{
  font-family:'Cormorant','Georgia',serif;font-weight:500;letter-spacing:0;
}
.cine h1,.hf h1{font-weight:600;letter-spacing:-.01em;line-height:1.0;text-wrap:balance}
/* hero większy i czytelniejszy na mobile */
@media(max-width:600px){
  .cine h1{font-size:clamp(50px,15vw,64px);line-height:1.02}
  .cine-copy{padding:54px 24px 26px}
  .cine .lead{font-size:16px}
  /* cele dotykowe min 44px */
  .prod-card .add{width:44px;height:44px;flex-shrink:0}
  .pdp-buy .qty button{width:44px;height:44px}
  .nav-actions .icon-btn{width:44px;height:44px}
  /* dolne sekcje: ciaśniejszy rytm + większe, czytelniejsze nagłówki */
  section{padding:64px 0}
  .sec-head{margin-bottom:30px}
  .sec-head h2,.sec-head--xl h2{font-size:40px;line-height:1.05}
  .manifest{padding:74px 0}
  .manifest p{font-size:30px;line-height:1.3}
  .dark .inner{padding:74px 0}
  .dark h2{font-size:38px}
  .dark .why{gap:30px;margin-top:44px}
  .split .copy{padding:52px 24px}
  .split .copy h2{font-size:34px}
  .quote-sep{padding:64px 0}
  .quote-sep p{font-size:25px;line-height:1.4}
  .brandsec{padding:54px 0}
  .brandsec .tagline{font-size:22px}
  .brandsec .tagline small{font-size:14px}
  .ctaband .inner{padding:66px 24px}
  .ctaband h2{font-size:38px}
  .news h2{font-size:30px}
  /* PDP (wspólny motyw) */
  .pdp-statement{padding:64px 0}
  .pdp-statement p{font-size:30px}
  .howit{gap:26px;margin-top:30px}
}
.sec-head--xl h2,.dark h2,.split .copy h2,.ctaband h2{font-weight:600}
.serif{font-family:'Cormorant','Georgia',serif;font-style:italic;font-weight:600}

/* ---------- ZMYSŁOWE KARTY SKŁADNIKÓW (zamiast schematów+pasków) ---------- */
.softing{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:46px}
.softing .scard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;display:flex;gap:22px;align-items:flex-start;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s}
.softing .scard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--tan)}
.softing .em{width:62px;height:62px;border-radius:50%;background:var(--tint);display:grid;place-items:center;flex-shrink:0}
.softing .em svg{width:28px;height:28px;color:var(--teal)}
.softing h4{font-family:'Cormorant','Georgia',serif;font-size:26px;font-weight:600;letter-spacing:0;line-height:1}
.softing .role{font-family:var(--font-d);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500;margin:8px 0 12px}
.softing p{font-size:14.5px;font-weight:300;color:var(--soft);line-height:1.7}
.softing .tag{display:inline-block;margin-top:16px;font-family:var(--font-d);font-size:11px;letter-spacing:.04em;color:var(--teal);background:var(--tint);border-radius:var(--r-pill);padding:8px 16px}
@media(max-width:760px){.softing{grid-template-columns:1fr}}

/* ---------- PROMOCJE: topbar + ceny przekreślone ---------- */
.topbar .tb-promo{color:#EAD7CE}
.topbar .tb-promo b{color:#fff;font-weight:600}
.topbar .tb-promo:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}

.price s{font-size:.72em;font-weight:300;color:var(--muted);text-decoration-color:var(--tan);margin-left:6px}
.pdp-old{display:inline-flex;align-items:center;gap:10px;margin-left:14px;font-size:15px}
.pdp-old s{font-weight:300;color:var(--muted);text-decoration-color:var(--tan)}
.pdp-old b{font-family:var(--font-d);font-size:11px;letter-spacing:.08em;background:var(--ink);color:#fff;border-radius:var(--r-pill);padding:5px 10px;font-weight:500}
.pdp-old[hidden]{display:none}

/* ---------- TRUST-ROW (cichy pasek zaufania) ---------- */
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 4px}
.trust-row>div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center}
.trust-row svg{grid-row:1/3;width:26px;height:26px;color:var(--teal)}
.trust-row b{font-family:var(--font-d);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--ink)}
.trust-row span{font-size:12.5px;font-weight:300;color:var(--muted);line-height:1.5}
@media(max-width:760px){.trust-row{grid-template-columns:1fr;gap:18px}}

/* ---------- KONTO KLIENTA ---------- */
.k-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:90px}
.k-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(28px,3.4vw,46px)}
.k-card--tint{background:var(--tint);border-color:transparent;display:flex;flex-direction:column}
.k-card h3{font-family:'Cormorant','Georgia',serif;font-weight:600;font-size:28px;margin-bottom:22px}
.k-sub{font-weight:300;color:var(--soft);margin-bottom:18px}
.k-field{display:block;margin-bottom:16px}
.k-field span{display:block;font-family:var(--font-d);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:8px}
.k-field input{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 18px;font-family:var(--font-b);font-size:14.5px;color:var(--ink);outline:none;transition:border-color .2s}
.k-field input:focus{border-color:var(--tan)}
.k-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 22px;font-size:12.5px}
.k-check{display:flex;gap:8px;align-items:center;color:var(--soft);font-weight:300;cursor:pointer}
.k-check input{accent-color:var(--accent)}
.k-link{font-family:var(--font-d);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--deep);font-weight:500}
.k-ticks{list-style:none;margin:0 0 26px;flex:1}
.k-ticks li{position:relative;padding:10px 0 10px 30px;font-weight:300;color:var(--soft);border-bottom:1px solid rgba(120,86,70,.1)}
.k-ticks li:last-child{border-bottom:none}
.k-ticks li::before{content:"✓";position:absolute;left:2px;top:9px;color:var(--teal);font-size:13px}
.k-order{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 30px;margin-bottom:26px}
.k-order-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.k-order-items{display:grid;gap:2px}
.k-oi{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;padding:10px 8px;border-radius:14px;transition:background .2s}
.k-oi:hover{background:var(--tint)}
.k-oi img{width:56px;height:56px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px}
.k-oi-n{font-size:14px;font-weight:400}
.k-oi-p{font-family:var(--font-d);font-weight:600;font-size:14.5px}
.k-order-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:16px;padding-top:16px;font-weight:300;color:var(--soft)}
.k-order-foot b{font-family:var(--font-d);color:var(--ink)}
.k-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.k-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .25s}
.k-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--tan)}
.k-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--tint);margin-bottom:16px}
.k-ico svg{width:22px;height:22px;color:var(--teal)}
.k-tile h4{font-family:'Cormorant','Georgia',serif;font-weight:600;font-size:21px;margin-bottom:8px}
.k-tile p{font-size:13px;font-weight:300;color:var(--muted);line-height:1.55}
@media(max-width:860px){
  .k-split{grid-template-columns:1fr;margin-bottom:56px}
  .k-tiles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.k-tiles{grid-template-columns:1fr}}

/* ---------- STRONA MARKI ---------- */
.mk-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;padding:26px 0 72px}
.mk-logo{height:56px;margin-bottom:26px}
.mk-logo img{height:100%;width:auto;max-width:240px;object-fit:contain}
.mk-hero h1{font-family:'Cormorant','Georgia',serif;font-weight:600;font-size:clamp(34px,3.6vw,54px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.mk-hero .lead{margin-top:20px;max-width:520px;font-size:16px;font-weight:300;color:var(--soft)}
.mk-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.mk-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.mk-media{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;max-height:520px;box-shadow:var(--shadow)}
.mk-media img{width:100%;height:100%;object-fit:cover}
@media(max-width:860px){
  .mk-hero{grid-template-columns:1fr;padding-bottom:48px}
  .mk-media{order:-1;aspect-ratio:4/3;max-height:320px}
  .mk-logo{height:44px;margin-bottom:18px}
}

/* mega-menu "Marki": style wstrzykiwane przez luxe.js (#mm-css) — muszą działać
   też na stronach bez soft.css; tu celowo NIC o .mm */

/* sklep: sticky pasek filtrów (marka + potrzeba) pod headerem */
.shop-stick{position:sticky;top:63px;z-index:40;background:var(--bg);box-shadow:0 14px 18px -16px rgba(120,86,70,.16)}
.shop-bar--needs{border-top:none;margin-bottom:0;padding-top:0}
.shop-stick .shop-bar:first-child{margin-bottom:0;border-bottom:none;padding-bottom:12px}
.shop-stick + .prod-grid{margin-top:34px}
#needChips{display:contents}
@media(max-width:760px){
  .shop-stick{top:56px}
  .shop-bar--needs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:14px}
  .shop-bar--needs::-webkit-scrollbar{display:none}
  .shop-bar--needs .fpill{flex-shrink:0}
}

/* ✦ jako blokowy ornament między wierszami cytatu (inline łamał zdanie luką) */
.quote-sep p i{display:block;margin:16px auto 14px;font-size:.8em;color:var(--teal)}

/* mobile: 2 kolumny kart produktowych (home było ~20k px w 1 kolumnie) */
@media(max-width:600px){
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .prod-card .bd{padding:12px 6px 6px}
  .prod-card h3{font-size:13px;line-height:1.35}
  .prod-card .desc{display:none}
  .prod-card .inci{font-size:9.5px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .prod-card .price{font-size:15.5px}
  .prod-card .badge{font-size:9px;padding:5px 10px}
}