/** Shopify CDN: Minification failed

Line 395:2 Unexpected "/"

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

/* =========================================================
   J'ADORE — Identity skin (nawigacja + stopka)
   Wzor: "Identyfikacja J'Adore Instytut" (Claude Design)
   System: Cormorant + Jost · zloto #C9A24E / #9F7C3C · UPPERCASE labels
   Zakres: GLOBALNY — ladowane w layout/theme.liquid (kazda strona)
   Odwracalne: usun assets/jadore-identity-skin.css + linie
               stylesheet_tag w layout/theme.liquid
   Sklep: jadoreinstytutsklep.com · motyw 183747281220 (foxtheme)
   ========================================================= */

:root{
  --jad-gold:#C9A24E;
  --jad-gold-deep:#9F7C3C;
  --jad-ink:#1A1A1A;
}

/* ===================== NAWIGACJA (header) ===================== */
/* czytelne odstepy miedzy pozycjami */
.header__menu > ul{
  column-gap:clamp(18px,2vw,34px) !important;
  row-gap:0 !important;
  align-items:center;
}

/* typografia pozycji glownych — Jost, UPPERCASE, light spacing */
.header__menu > ul > li > a.menu__item .reversed-link,
.header__menu > ul > li > details > summary .reversed-link,
.header__menu .font-navigation{
  font-family:'Jost',sans-serif !important;
  font-weight:400 !important;
  font-size:13px !important;
  letter-spacing:0.16em !important;
  text-transform:uppercase !important;
  line-height:1.2 !important;
}

/* NIE wymuszamy bazowego koloru — header bywa przezroczysty nad hero.
   Zmieniamy tylko hover na zloto. */
.header__menu > ul > li:hover > a .reversed-link,
.header__menu > ul > li:hover > details > summary .reversed-link,
.header__menu .reversed-link:hover{
  color:var(--jad-gold-deep) !important;
}

/* zlota kreska podkreslenia (reversed-link dziedziczy currentColor) */
.header__menu .reversed-link::before,
.header__menu .reversed-link::after{
  background-color:currentColor !important;
}

/* chevron rozwijanego menu — zloto na hover */
.header__menu > ul > li:hover summary svg path{
  stroke:var(--jad-gold-deep) !important;
}

/* ----- panele rozwijane (dropdown / mega) — bez UPPERCASE, czytelnie ----- */
.header__menu .dropdown__nav a,
.header__menu .dropdown__nav .reversed-link{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  letter-spacing:0.06em !important;
  text-transform:none !important;
}
.header__menu .dropdown__nav a:hover{ color:var(--jad-gold-deep) !important; }

/* ----- menu mobilne (drawer / hamburger na telefonie) ----- */
.menu-drawer__item-link,
.menu-drawer__menus a{
  font-family:'Jost',sans-serif !important;
  font-weight:400 !important;
  letter-spacing:0.12em !important;
  text-transform:uppercase !important;
}
.menu-drawer__item-link:hover,
.menu-drawer__menus a:hover{ color:var(--jad-gold-deep) !important; }

/* ===================== STOPKA (footer) — globalnie ===================== */
/* naglowki kolumn — Jost UPPERCASE zloto (jak etykiety w identyfikacji) */
.footer__wrapper .footer-block__heading,
.footer .footer-block__heading{
  font-family:'Jost',sans-serif !important;
  font-weight:400 !important;
  font-size:13px !important;
  letter-spacing:0.22em !important;
  text-transform:uppercase !important;
  color:var(--jad-gold) !important;
}

/* linki i teksty stopki — Jost, lzejsza waga, oddech */
.footer__wrapper a,
.footer__wrapper .footer-info__item,
.footer__wrapper .footer-newsletter__description,
.footer__wrapper .footer-newsletter__term,
.footer__wrapper .footer__copyright,
.footer .footer__copyright-content{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  letter-spacing:0.04em !important;
}
.footer__wrapper a{ transition:color .2s ease; }
.footer__wrapper a:hover{ color:var(--jad-gold) !important; }

/* dane kontaktowe — czytelniejszy interlinia */
.footer-info__item{ line-height:1.9 !important; }

/* zlota nitka nad dolnym paskiem + drobny UPPERCASE copyright */
.footer__bottom{
  border-top:1px solid rgba(201,162,78,0.30) !important;
}
.footer__copyright,
.footer__copyright-content{
  font-size:11px !important;
  letter-spacing:0.18em !important;
  text-transform:uppercase !important;
}

/* =========================================================
   J'ADORE — Menu kafelkowe (mega desktop + drawer mobile)
   Verbatim wg standalone: zdjecie + gradient + tytul Cormorant.
   Klasy budowane przez assets/jadore-megamenu.js.
   Tokeny: zloto #C9A24E, hairline #EAE8E2, Cormorant + Jost.
   ========================================================= */

/* ----- wspolny KAFEL (image card) ----- */
.jad-tile{
  position:relative; display:block; overflow:hidden;
  aspect-ratio:4/3; text-decoration:none; border-radius:2px;
  background:#211D17 center/cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(236,234,228,.55);
  filter:saturate(.94) brightness(.96) contrast(1.01);
  transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, filter .35s ease;
}
.jad-tile:hover{ filter:saturate(1) brightness(1.02) contrast(1.01); }
/* lekki welon — tylko tyle, by tytul byl czytelny, bez zatapiania zdjecia */
.jad-tile__shade{
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(18,14,9,.10) 0%,rgba(18,14,9,0) 40%,rgba(14,11,6,.20) 70%,rgba(8,6,3,.60) 100%);
  transition:background .3s ease;
}
.jad-tile__cap{
  position:absolute; left:0; right:0; bottom:0;
  padding:clamp(14px,1.4vw,20px) clamp(15px,1.5vw,22px);
  display:flex; flex-direction:column; gap:6px; z-index:1;
}
.jad-tile__title{
  font-family:'Cormorant',serif; font-weight:500;
  font-size:clamp(17px,1.5vw,22px); line-height:1.08; letter-spacing:.01em;
  color:#FFFFFF; text-shadow:0 1px 10px rgba(0,0,0,.25);
}
.jad-tile:hover{ transform:scale(1.012); box-shadow:0 18px 40px -22px rgba(20,18,14,.4); }
/* kafel bez zdjecia -> elegancki placeholder */
.jad-tile--noimg{ background:linear-gradient(150deg,#F4F1EB,#E7E2D7); }
.jad-tile--noimg .jad-tile__title{ color:#1A1A1A; text-shadow:none; }
.jad-tile--noimg .jad-tile__shade{ background:linear-gradient(180deg,transparent,rgba(201,162,78,.12)); }

/* ===================== MEGA PANEL (desktop >=1024) ===================== */
.jad-mega{
  position:fixed; left:0; right:0; top:var(--jad-mega-top,64px);
  z-index:1200; display:none; opacity:0; transform:translateY(-8px);
  background:linear-gradient(165deg,#FBFBFA 0%,#F3F2F0 100%);
  border-top:1px solid #EAE8E2; border-bottom:1px solid #EAE8E2;
  box-shadow:0 30px 78px -46px rgba(20,18,14,.34);
  transition:opacity .22s ease, transform .22s ease; pointer-events:none;
  max-height:calc(100vh - var(--jad-mega-top,64px)); overflow-y:auto; overscroll-behavior:contain;
}
.jad-mega.is-open{ display:block; opacity:1; transform:translateY(0); pointer-events:auto; }
.jad-mega__inner{ max-width:1280px; margin:0 auto; padding:clamp(26px,3vw,44px) clamp(24px,4vw,64px) clamp(32px,3.4vw,52px); }
.jad-mega__head{ display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding-bottom:18px; margin-bottom:clamp(20px,2vw,30px); border-bottom:1px solid #EAE8E2; }
.jad-mega__head-title{ font-family:'Cormorant',serif; font-weight:500; font-size:clamp(26px,2.6vw,38px); line-height:1; color:#16150F; }
.jad-mega__head-all{ font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#9F7C3C; text-decoration:none; white-space:nowrap; transition:color .2s ease; }
.jad-mega__head-all:hover{ color:#7A5E2C; }
.jad-mega__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,1.2vw,20px); }
@media (max-width:1180px){ .jad-mega__grid{ grid-template-columns:repeat(3,1fr); } }

/* nie pokazuj natywnego dropdownu motywu dla pozycji z naszym mega */
.header__menu > ul > li.jad-has-mega .dropdown{ display:none !important; }

/* ===================== DRAWER (mobile / dotyk) ===================== */
.jad-drawer{ position:fixed; inset:0; z-index:1300; display:none; }
.jad-drawer.is-open{ display:block; }
.jad-drawer__overlay{ position:absolute; inset:0; background:rgba(16,14,10,.42); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); opacity:0; transition:opacity .3s ease; }
.jad-drawer.is-open .jad-drawer__overlay{ opacity:1; }
.jad-drawer__panel{
  position:absolute; top:0; left:0; height:100%; width:min(420px,90vw);
  background:#FFFFFF; box-shadow:0 0 60px -10px rgba(20,18,14,.4);
  display:flex; flex-direction:column;
  transform:translateX(-100%); transition:transform .34s cubic-bezier(.2,.7,.2,1);
  overflow-y:auto;
}
.jad-drawer.is-open .jad-drawer__panel{ transform:translateX(0); }
.jad-drawer__top{ display:flex; align-items:center; justify-content:space-between; padding:18px clamp(20px,5vw,28px); border-bottom:1px solid #EFEEEB; position:sticky; top:0; background:#fff; z-index:1; }
.jad-drawer__brand{ font-family:'Cormorant',serif; font-weight:500; font-size:26px; color:#16150F; }
.jad-drawer__close{ width:38px; height:38px; border:0; background:transparent; font-size:26px; line-height:1; color:#1A1A1A; cursor:pointer; }
.jad-drawer__body{ padding:clamp(22px,5vw,30px); display:flex; flex-direction:column; }
.jad-drawer__label{ font-family:'Jost',sans-serif; font-size:10px; letter-spacing:.32em; text-transform:uppercase; color:#8A8A8C; margin-bottom:16px; }
.jad-drawer__favs{ display:grid; grid-template-columns:repeat(2,1fr); gap:11px; margin-bottom:clamp(24px,5vw,32px); }
.jad-drawer__favs .jad-tile--sm{ aspect-ratio:1/1; }
.jad-drawer__favs .jad-tile__title{ font-size:14px; }
.jad-drawer__windows{ display:flex; flex-direction:column; gap:12px; }
.jad-drawer__windows .jad-tile--win{ aspect-ratio:16/7; }
.jad-drawer__windows .jad-tile__title{ font-size:clamp(20px,5vw,26px); }

/* przycisk wywolujacy drawer */
.jad-drawer-trigger{
  display:none; align-items:center; gap:9px; cursor:pointer;
  background:transparent; border:0; padding:8px 10px;
  font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:#1A1A1A;
}
.jad-drawer-trigger__ico{ font-size:16px; line-height:1; }
@media (max-width:1023px){ .jad-drawer-trigger{ display:inline-flex; } }
body.template-product .jad-drawer-trigger{ display:inline-flex; }

/* blokada scrolla gdy drawer otwarty */
html.jad-noscroll, html.jad-noscroll body{ overflow:hidden; }


/* =========================================================
   J'ADORE — Stopka (verbatim port ze standalone identyfikacji)
   Ukrywa stopke motywu, renderuje .jad-foot (snippet jadore-footer).
   ========================================================= */

/* ukryj stopke foxtheme (zostawiamy mobilny sticky bar nietkniety) */
.footer__wrapper,
.footer .footer__wrapper,
.shopify-section-footer .footer__wrapper { display:none !important; }

@keyframes jadFoil { 0% { background-position:0% 50%; } 100% { background-position:230% 50%; } }
.jad-foil{
  background:linear-gradient(100deg,#5C4317,#8A6A2B 14%,#C9A24E 30%,#ECD59A 44%,#FBF4DE 52%,#D9B570 64%,#AC853C 78%,#5C4317);
  background-size:230% 100%;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  animation:jadFoil 14s linear infinite;
}

.jad-foot{
  background:linear-gradient(160deg,#161616,#0A0A0A);
  color:#FFFFFF;
  padding:clamp(60px,7vw,100px) clamp(28px,5vw,96px);
  display:flex; flex-direction:column; align-items:center;
  gap:32px; text-align:center;
  font-family:'Jost',sans-serif;
}
.jad-foot__mark{ display:flex; flex-direction:column; align-items:center; gap:11px; }
.jad-foot__word{
  font-family:'Cormorant',serif; font-weight:600;
  font-size:clamp(30px,3.6vw,48px); line-height:1; letter-spacing:0.08em;
}
.jad-foot__sub{
  font-family:'Jost',sans-serif; font-size:9px; font-weight:400;
  letter-spacing:0.34em; text-transform:uppercase; color:#9F7C3C; padding-left:0.34em;
}

.jad-foot__salons{
  display:flex; flex-wrap:wrap; gap:clamp(30px,5vw,72px);
  justify-content:center; text-align:center;
}
.jad-foot__salon{ font-size:11px; letter-spacing:0.26em; text-transform:uppercase; color:#CFCFCF; font-weight:400; }
.jad-foot__hours{ font-size:10px; letter-spacing:0.12em; color:#7E7E80; margin-top:8px; }

.jad-foot__rule{ width:100%; max-width:520px; display:flex; align-items:center; gap:18px; margin:4px 0; }
.jad-foot__rule span{ flex:1; height:1px; background:linear-gradient(90deg,transparent,rgba(201,162,78,.4),transparent); }
.jad-foot__rule i{ width:6px; height:6px; transform:rotate(45deg); background:linear-gradient(135deg,#A8843E,#E4CD96,#A8843E); flex:none; }

.jad-foot__social{ display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(16px,2vw,24px); }
.jad-foot__social a{
  width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(201,162,78,.32);
  display:flex; align-items:center; justify-content:center; text-decoration:none;
  transition:border-color .25s ease, background .25s ease;
}
.jad-foot__social a:hover{ border-color:rgba(201,162,78,.7); background:rgba(201,162,78,.07); }

/* rzad kategorii (plain text, jak w standalone) */
.jad-foot__cats{
  max-width:760px; font-family:'Jost',sans-serif; font-size:9px; font-weight:400;
  line-height:2.4; letter-spacing:0.26em; text-transform:uppercase;
  text-align:center; color:#6E5E38;
}

/* tagline */
.jad-foot__tag{
  font-family:'Jost',sans-serif; font-size:9px; font-weight:400;
  letter-spacing:0.32em; text-transform:uppercase; color:#5A5A5C;
}

/* dyskretna linia prawna + copyright */
.jad-foot__legal{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px clamp(14px,2vw,26px); }
.jad-foot__legal a{
  font-family:'Jost',sans-serif; font-size:9px; font-weight:300;
  letter-spacing:0.2em; text-transform:uppercase; color:#7E7E80;
  text-decoration:none; transition:color .2s ease;
}
.jad-foot__legal a:hover{ color:#C9A24E; }
.jad-foot__copy{ font-family:'Jost',sans-serif; font-size:9px; letter-spacing:0.18em; text-transform:uppercase; color:#5A5A5C; }

/* =========================================================
   J'ADORE — Podstrony portowane ze standalone (Claude Design)
   Niewypelnione sloty foto (<image-slot>) -> elegancki placeholder
   z opisem (content:attr(placeholder)) zamiast pustego custom-elementu.
   Globalne dla wszystkich sekcji .jadore-page.
   ========================================================= */
.jadore-page image-slot{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%; min-height:110px; overflow:hidden;
  background:#ECEBE7; color:#A99F8C;
  font-family:'Jost',sans-serif; font-size:11px; font-weight:400;
  letter-spacing:.06em; line-height:1.5; text-align:center; padding:16px;
  border-radius:inherit;
}
.jadore-page image-slot::before{ content:attr(placeholder); }
.jadore-page image-slot img{ width:100%; height:100%; object-fit:cover; display:block; }
.jadore-page .sc-host,.jadore-page .sc-host-x{ display:block; }

/* male przyciski-ikony "+" (Do koszyka): ciemny glif SVG na ciemnym tle = niewidoczny ("czarny box")
   -> rozjasnij glif/stroke na zloto, by "+" byl widoczny */
.jadore-page button[onclick*="jadAdd"] svg,
.jadore-page button[onclick*="jadAdd"] svg path,
.jadore-page a[onclick*="jadAdd"] svg,
.jadore-page a[onclick*="jadAdd"] svg path{ stroke:#EFDDAC !important; color:#EFDDAC !important; }
/* fallback: przyciski-ikony bez zadnego glifa -> dodaj "+" */
.jadore-page button[onclick*="jadAdd"][aria-label]:empty,
.jadore-page a[onclick*="jadAdd"][aria-label]:empty{ display:inline-flex; align-items:center; justify-content:center; line-height:1; }
.jadore-page button[onclick*="jadAdd"][aria-label]:empty::before,
.jadore-page a[onclick*="jadAdd"][aria-label]:empty::before{ content:"+"; font-family:'Jost',sans-serif; font-weight:300; font-size:23px; line-height:1; color:#EFDDAC; }

/* szerszy layout (Agnieszka: strona ma być szeroka) — poszerz główne kontenery */
.jadore-page [style*="max-width:1280px"],.jadore-page [style*="max-width: 1280px"]{ max-width:min(1600px,94vw) !important; }
.jadore-page [style*="max-width:1320px"],.jadore-page [style*="max-width: 1320px"]{ max-width:min(1640px,94vw) !important; }
.jadore-page [style*="max-width:1400px"],.jadore-page [style*="max-width: 1400px"]{ max-width:min(1720px,95vw) !important; }
.jadore-page [style*="max-width:1480px"],.jadore-page [style*="max-width: 1480px"]{ max-width:min(1760px,95vw) !important; }
.jadore-page [style*="max-width:1200px"],.jadore-page [style*="max-width: 1200px"]{ max-width:min(1520px,93vw) !important; }

/* ============== MOBILE RESPONSIVE (Agnieszka: mobile rozjechane) ============== */
@media (max-width:749px){
  .jadore-page{ overflow-x:hidden !important; }
  .jadore-page section,.jadore-page > div{ padding-left:16px !important; padding-right:16px !important; }
  .jadore-page [style*="max-width:1"]{ max-width:100% !important; }
  /* siatki wielokolumnowe -> 2 kol */
  .jadore-page [style*="repeat(4"],.jadore-page [style*="repeat(5"],.jadore-page [style*="repeat(6"]{ grid-template-columns:repeat(2,1fr) !important; }
  .jadore-page [style*="repeat(3"]{ grid-template-columns:repeat(2,1fr) !important; }
  /* layouty 2-kolumnowe (hero/split) -> stack */
  .jadore-page [style*="1fr 1fr"],
  .jadore-page [style*="1.1fr"],.jadore-page [style*="1.2fr"],.jadore-page [style*="1.4fr"],
  .jadore-page [style*=".9fr"],.jadore-page [style*="0.9fr"]{ grid-template-columns:1fr !important; }
  /* duze fixed paddingi w pionie -> mniejsze */
  .jadore-page [style*="padding:clamp"]{ padding-top:clamp(28px,7vw,48px) !important; padding-bottom:clamp(28px,7vw,48px) !important; }
  .jadore-page h1{ font-size:clamp(30px,8.5vw,46px) !important; }
  .jadore-page h2{ font-size:clamp(24px,6.5vw,34px) !important; }
}
@media (max-width:520px){
  .jadore-page [style*="repeat(2"]{ grid-template-columns:1fr 1fr !important; }
}

/* ============ FIX: podwojne logo w naglowku (md: utilities nie dzialaja na podgladzie) ============ */
.header__logo--mobile{ display:none !important; }
.header__logo--desktop{ display:block !important; }
@media (max-width:767px){
  .header__logo--mobile{ display:block !important; }
  .header__logo--desktop{ display:none !important; }
}

/* ===== JAD NAV FIX: menu na jednej linii, mieszczace 7 pozycji bez kolizji z ikonami — 2026-06-30 ===== */
.header__menu > ul{
  flex-wrap:nowrap !important;
  row-gap:0 !important;
  column-gap:clamp(12px,1.3vw,24px) !important;
  margin-right:16px;
}
.header__menu > ul > li{ white-space:nowrap !important; flex:0 0 auto !important; }
@media (min-width:990px){
  .header__menu > ul > li > a.menu__item .reversed-link,
  .header__menu > ul > li > details > summary .reversed-link,
  .header__menu .font-navigation{ font-size:12px !important; letter-spacing:0.1em !important; }
}
@media (min-width:990px) and (max-width:1340px){
  .header__menu > ul{ column-gap:12px !important; margin-right:10px; }
  .header__menu > ul > li > a.menu__item .reversed-link,
  .header__menu > ul > li > details > summary .reversed-link,
  .header__menu .font-navigation{ font-size:11.5px !important; letter-spacing:0.05em !important; }
}
/* ===== /JAD NAV FIX ===== */


/* Ukryj widget Google Merchant Center (robocze — klient nie ma tego widzieć) */
#google-merchantwidget-iframe-wrapper, #merchantwidgetiframe { display:none !important; }

 */

 */

 */

 */

 */

 */

 */

 */

 */

 */

/* ===== JADORE-MEGAMENU-BRANDS (start) =====================================
   Dermokosmetyki mega-menu: rail obszarow + siatka marek + promocje.
   Zloto/cienie wg standalone Identyfikacji (subtelne, sygnaturowe beveled shadows).
   Doklejane do jadore-identity-skin.css. Idempotentne (banner start/end).
   ========================================================================== */

/* panel marek: czyste biale menu (bez szarego slabu, ZERO bezu), szerokie */
.jad-mega.jad-mega--brands{ background:#FFFFFF; box-shadow:0 24px 60px -34px rgba(20,18,14,.28); border-bottom:1px solid #EFEDE7; }
.jad-mega--brands .jad-mega__inner{ max-width:1720px; padding-top:clamp(16px,1.6vw,24px); padding-bottom:clamp(14px,1.4vw,20px); }

.jad-derm{ display:grid; grid-template-columns:236px 1fr; gap:0; align-items:start; }

/* ---- LEFT RAIL ----
   Bez twardych kresek: pionowa krawedz to hairline wygaszony na obu koncach,
   a pozycje obszarow nie maja juz linii pod spodem (czytalo sie jak tabelka). */
.jad-derm__rail{ position:relative; display:flex; flex-direction:column; padding:2px 32px 6px 0; }
.jad-derm__rail::after{ content:''; position:absolute; top:4px; bottom:2px; right:0; width:1px;
  background:linear-gradient(180deg,rgba(26,23,18,0),rgba(26,23,18,.10) 16%,rgba(26,23,18,.10) 78%,rgba(26,23,18,0)); }
.jad-derm__eyebrow{ font-family:'Jost',sans-serif; font-size:9.5px; font-weight:500; letter-spacing:.3em; text-transform:uppercase; color:rgba(26,23,18,.4); margin-bottom:5px; }
.jad-derm__title{ font-family:'Cormorant',serif; font-weight:600; font-size:30px; line-height:1; color:#16130F; }
.jad-derm__rule{ height:1px; width:46px; margin:14px 0 20px; background:linear-gradient(90deg,#C9A24E,rgba(201,162,78,0)); }
.jad-derm__areas-label{ font-family:'Jost',sans-serif; font-size:9px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; color:rgba(26,23,18,.42); margin-bottom:6px; }
.jad-derm__areas{ display:flex; flex-direction:column; gap:1px; }
.jad-derm__area{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px;
  font-family:'Jost',sans-serif; font-size:13px; letter-spacing:.05em; color:#2A2622;
  padding:9px 4px 9px 12px; border-radius:7px; cursor:pointer;
  transition:color .25s ease, background .25s ease; }
/* zamiast kreski pod pozycja: zlota sztaba wysuwajaca sie po lewej */
.jad-derm__area::before{ content:''; position:absolute; left:0; top:50%; width:2px; height:0; border-radius:2px;
  background:linear-gradient(180deg,#C9A24E,#9F7C3C); transform:translateY(-50%);
  transition:height .28s cubic-bezier(.2,.7,.2,1); }
.jad-derm__area:hover,.jad-derm__area.is-active{ color:#9F7C3C; background:rgba(201,162,78,.055); }
.jad-derm__area:hover::before,.jad-derm__area.is-active::before{ height:17px; }
.jad-derm__area-arrow{ color:#C9A24E; opacity:0; transform:translateX(-4px); transition:opacity .25s ease, transform .25s ease; }
.jad-derm__area:hover .jad-derm__area-arrow,.jad-derm__area.is-active .jad-derm__area-arrow{ opacity:1; transform:translateX(0); }
.jad-derm__count{ display:flex; align-items:baseline; gap:9px; margin-top:26px; }
.jad-derm__count-num{ font-family:'Cormorant',serif; font-weight:600; font-size:34px; line-height:1;
  background:linear-gradient(135deg,#C9A24E,#9F7C3C); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#9F7C3C; }
.jad-derm__count-lbl{ font-family:'Jost',sans-serif; font-size:9.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:rgba(26,23,18,.5); line-height:1.25; white-space:pre-line; }
.jad-derm__philo{ margin-top:auto; padding-top:26px; font-family:'Jost',sans-serif; font-size:10.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:#2A2622; text-decoration:none; transition:color .25s ease; }
.jad-derm__philo:hover{ color:#9F7C3C; }

/* ---- CENTER — brand grid ---- */
.jad-derm__main{ padding:0 clamp(18px,2vw,30px); }
.jad-derm__mainhead{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:11px; }
.jad-derm__mainhead-eyebrow{ font-family:'Jost',sans-serif; font-size:9px; font-weight:500; letter-spacing:.28em; text-transform:uppercase; color:rgba(26,23,18,.4); }
.jad-derm__mainhead-active{ font-family:'Jost',sans-serif; font-size:12px; letter-spacing:.04em; color:#9F7C3C; font-weight:500; }
/* siatka LOGOTYPOW: bez ramek, bez tla — logo oddycha, marki czytaja sie jak spis.
   Wszystkie 39 widoczne BEZ scrolla. Pliki maja staly box 480x128 i wyrownana
   mase optyczna, wiec kafle sa rowne bez zadnych sztuczek w CSS. */
.jad-derm__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:6px; padding:0; }
/* --brand-rgb ustawia JS: kolor akcentowy marki (z logotypu lub packshotu).
   Wash jest RADIALNY i wygaszony przed krawedzia — ma byc poswiata koloru opakowan,
   nie kolorowy kafelek. Liniowy gradient dawal twarda krawedz i siatka czytala sie jak patchwork. */
.jad-brand{ --brand-rgb:58,52,44;
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-decoration:none; border-radius:14px; padding:18px 10px 16px; box-shadow:none;
  background:radial-gradient(115% 85% at 50% 6%, rgba(var(--brand-rgb),.055), rgba(var(--brand-rgb),0) 72%);
  transition:background .35s ease, box-shadow .3s ease, transform .3s cubic-bezier(.2,.7,.2,1); }
.jad-brand:hover{ transform:translateY(-2px);
  background:radial-gradient(115% 85% at 50% 6%, rgba(var(--brand-rgb),.14), rgba(var(--brand-rgb),0) 76%);
  box-shadow:0 14px 32px -24px rgba(var(--brand-rgb),.6); }
/* zlota kreska wysuwajaca sie u dolu — akcent domu, nie marki */
.jad-brand::after{ content:''; position:absolute; left:50%; bottom:8px; width:0; height:1px; transform:translateX(-50%);
  background:linear-gradient(90deg,rgba(201,162,78,0),#C9A24E,rgba(201,162,78,0));
  transition:width .32s cubic-bezier(.2,.7,.2,1); }
.jad-brand:hover::after{ width:46px; }

/* bez podpisu pod logo (znak niesie nazwe) -> logo moze byc wieksze */
.jad-brand__media{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:60px; }
.jad-brand__logo{ position:absolute; max-width:92%; max-height:42px; width:auto; height:auto; object-fit:contain;
  transition:opacity .35s ease, transform .4s cubic-bezier(.2,.7,.2,1); }
.jad-brand__logo--mono{ opacity:.58; }
.jad-brand__logo--color{ opacity:0; }
.jad-brand:hover .jad-brand__logo--mono{ opacity:0; }
.jad-brand:hover .jad-brand__logo--color{ opacity:1; transform:scale(1.03); }
/* marka bez pliku logo (fallback z JS) */
.jad-brand__wm{ font-family:'Cormorant',serif; font-weight:600; font-size:19px; line-height:1.06; text-align:center;
  color:#A49A85; padding:0 6px; transition:color .3s ease; }
.jad-brand:hover .jad-brand__wm{ color:#16130F; }

/* bezpiecznik: gdyby ktoras marka jednak wymagala podpisu pod znakiem */
.jad-brand__name{ margin-top:9px; text-align:center;
  font-family:'Jost',sans-serif; font-size:8.5px; font-weight:500; letter-spacing:.15em; text-transform:uppercase;
  color:rgba(26,23,18,.42); line-height:1.3; transition:color .3s ease; }
.jad-brand:hover .jad-brand__name{ color:#16130F; }

/* dotyk (tablet): hoveru nie ma, wiec wash jest mocniejszy = sygnal klikalnosci */
@media (hover:none){
  .jad-brand{ background:radial-gradient(115% 85% at 50% 6%, rgba(var(--brand-rgb),.12), rgba(var(--brand-rgb),0) 76%);
    box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.13); }
  .jad-brand__logo--mono{ opacity:.72; }
  .jad-brand::after{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .jad-brand,.jad-brand__logo,.jad-brand::after,.jad-derm__area::before{ transition:none; }
}

/* ---- RIGHT — promocje ---- */
.jad-derm__promo{ display:flex; flex-direction:column; gap:12px; padding-left:clamp(18px,2vw,26px); border-left:1px solid #EAE8E2; }
.jad-derm__promo-head{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.jad-derm__promo-label{ font-family:'Jost',sans-serif; font-size:9px; font-weight:500; letter-spacing:.24em; text-transform:uppercase; color:rgba(26,23,18,.42); }
.jad-derm__promo-all{ font-family:'Jost',sans-serif; font-size:9px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:#9F7C3C; text-decoration:none; }
.jad-derm__promo-all:hover{ color:#7A5E2C; }
.jad-promo{ display:flex; gap:12px; align-items:center; text-decoration:none; padding:10px; border-radius:12px;
  background:#fff; box-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px #ECEBE7, 0 4px 12px rgba(0,0,0,.05);
  transition:box-shadow .3s ease, transform .3s ease; }
.jad-promo:hover{ transform:translateY(-2px); box-shadow:0 12px 28px -14px rgba(40,32,18,.45), inset 0 0 0 1px #ECE0C6; }
.jad-promo__img{ position:relative; flex:none; width:62px; height:62px; border-radius:9px; background:#F1F0EC center/cover no-repeat; overflow:hidden; }
.jad-promo__badge{ position:absolute; top:5px; left:5px; background:linear-gradient(135deg,#7E2433,#4A1019); color:#F4E7E4; font-family:'Jost',sans-serif; font-size:8.5px; font-weight:600; letter-spacing:.04em; padding:2px 6px; border-radius:20px; }
.jad-promo__info{ display:flex; flex-direction:column; min-width:0; gap:2px; }
.jad-promo__vendor{ font-family:'Jost',sans-serif; font-size:8.5px; letter-spacing:.16em; text-transform:uppercase; color:rgba(26,23,18,.44); }
.jad-promo__title{ font-family:'Cormorant',serif; font-weight:600; font-size:15px; line-height:1.1; color:#16130F; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jad-promo__prices{ display:flex; align-items:baseline; gap:7px; margin-top:2px; }
.jad-promo__price{ font-family:'Cormorant',serif; font-weight:600; font-size:16px; color:#16130F; }
.jad-promo__was{ font-family:'Jost',sans-serif; font-size:11px; color:#B7AE9C; }

/* ---- value props strip ---- */
.jad-derm__props{ position:relative; display:flex; flex-wrap:wrap; gap:8px clamp(20px,3vw,40px); margin-top:18px; padding-top:14px; border-top:0; }
/* hairline wygaszony na koncach zamiast kreski od krawedzi do krawedzi */
.jad-derm__props::before{ content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,rgba(26,23,18,0),rgba(26,23,18,.10) 12%,rgba(26,23,18,.10) 88%,rgba(26,23,18,0)); }
.jad-derm__prop{ display:flex; align-items:center; gap:9px; font-family:'Jost',sans-serif; font-size:10.5px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:rgba(26,23,18,.6); }
.jad-derm__prop-ico{ display:flex; align-items:center; justify-content:center; width:17px; height:17px; border-radius:50%; font-size:9px; color:#9F7C3C; background:radial-gradient(circle at 34% 28%,#FCF8EE,#F1E7CD); box-shadow:inset 0 0 0 1px #E4D2A6; }

/* responsywnie — kolumny auto (minmax) same sie dopasowuja; tu tylko rail */
@media (max-width:1200px){ .jad-derm{ grid-template-columns:212px 1fr; } }
@media (max-width:900px){ .jad-derm__grid{ grid-template-columns:repeat(auto-fill,minmax(116px,1fr)); }
  .jad-brand__logo{ max-height:32px; } }

/* ---- DRAWER: widoki + marki mobilnie ---- */
.jad-drawer__view--brands{ display:none; }
.jad-drawer__back{ border:0; background:transparent; cursor:pointer; font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#9F7C3C; padding:2px 0 14px; }
.jad-drawer__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.jad-drawer__chip{ font-family:'Jost',sans-serif; font-size:10.5px; letter-spacing:.05em; color:#2A2622; padding:7px 13px; border-radius:22px; border:1px solid #E4D2A6; background:#FBF6EC; cursor:pointer; transition:background .2s ease, color .2s ease; }
.jad-drawer__chip.is-active{ background:linear-gradient(135deg,#8A6A2B,#C9A24E 52%,#8A6A2B); color:#fff; border-color:transparent; }
.jad-drawer__brands{ display:flex; flex-direction:column; }
.jad-drawer__brand{ display:flex; align-items:center; gap:13px; text-decoration:none; padding:12px 2px; border-bottom:1px solid rgba(26,23,18,.07); }
/* na dotyku: realne logo marki zamiast inicjalu (szerszy box, bo wordmarki sa poziome) */
.jad-drawer__brand-badge{ flex:none; width:72px; height:34px; display:flex; align-items:center; justify-content:center; }
.jad-drawer__brand-logo{ max-width:100%; max-height:26px; width:auto; height:auto; object-fit:contain; }
.jad-drawer__brand-badge--initial{ width:36px; height:36px; border-radius:50%; font-family:'Cormorant',serif; font-weight:600; font-size:16px; color:#9F7C3C; background:radial-gradient(circle at 34% 28%,#FCF8EE,#F1E7CD); box-shadow:inset 0 0 0 1px #E4D2A6; }
.jad-drawer__brand-name{ flex:1; font-family:'Jost',sans-serif; font-size:13.5px; letter-spacing:.02em; color:#1A1A1A; }
.jad-drawer__brand-arrow{ color:#C9A24E; font-size:14px; }
.jad-drawer__allbrands{ display:block; margin-top:18px; text-align:center; font-family:'Jost',sans-serif; font-size:10.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:#2E2410; text-decoration:none; padding:15px; border-radius:10px; background:linear-gradient(112deg,#94793C,#C2A35C 26%,#EFDDAC 50%,#C9A86A 72%,#94793C); }

/* ---- okienko „Wszystkie kosmetyki" (rail desktop) ----
   Bylo: kremowy gradient (bez) + tytul lamiacy sie na dwie linie + trzywierszowy podpis.
   Jest: czysta biel, zlota sztaba po lewej (spojna z pozycjami obszarow), oba teksty w jednej linii. */
.jad-derm__allcosmo{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin:0 0 22px; padding:13px 13px 13px 16px; border-radius:11px; text-decoration:none; overflow:hidden;
  background:#FFFFFF; box-shadow:inset 0 0 0 1px rgba(26,23,18,.09), 0 2px 10px -7px rgba(20,16,8,.3);
  transition:box-shadow .3s ease, transform .25s ease; }
.jad-derm__allcosmo::before{ content:''; position:absolute; left:0; top:11px; bottom:11px; width:2px; border-radius:0 2px 2px 0;
  background:linear-gradient(180deg,#C9A24E,#9F7C3C); transition:top .28s cubic-bezier(.2,.7,.2,1), bottom .28s cubic-bezier(.2,.7,.2,1); }
.jad-derm__allcosmo:hover{ transform:translateY(-1px);
  box-shadow:inset 0 0 0 1px rgba(201,162,78,.5), 0 10px 24px -15px rgba(150,110,40,.55); }
.jad-derm__allcosmo:hover::before{ top:4px; bottom:4px; }
.jad-derm__allcosmo-txt{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.jad-derm__allcosmo-txt b{ font-family:'Cormorant',serif; font-weight:600; font-size:15.5px; line-height:1.05; color:#16130F; white-space:nowrap; }
.jad-derm__allcosmo-sub{ font-family:'Jost',sans-serif; font-size:8px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:rgba(26,23,18,.46); white-space:nowrap; }
.jad-derm__allcosmo-arr{ flex:none; width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; color:#9F7C3C;
  background:#FFFFFF; box-shadow:inset 0 0 0 1px rgba(201,162,78,.45); transition:transform .25s ease, background .25s ease; }
.jad-derm__allcosmo:hover .jad-derm__allcosmo-arr{ transform:translateX(3px); background:rgba(201,162,78,.08); }

/* ---- okienko „Wszystkie kosmetyki" (drawer mobile) ---- */
.jad-drawer__allcosmo{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 18px; padding:15px 16px; border-radius:12px; text-decoration:none;
  background:linear-gradient(155deg,#FFFFFF,#FBF6EC); box-shadow:inset 0 0 0 1px #E4D2A6, 0 6px 18px -10px rgba(150,110,40,.4); }
.jad-drawer__allcosmo b{ font-family:'Cormorant',serif; font-weight:600; font-size:19px; line-height:1; color:#16130F; }
.jad-drawer__allcosmo-arr{ flex:none; color:#9F7C3C; font-size:16px; }

/* ---- PDP: przycisk „Znajdź produkt" WIĘKSZY i wyraźny na KAŻDEJ karcie produktu ----
   Globalny override (dziala tez dla sekcji PDP zyjacych tylko na motywie, bez lokalnego pliku). */
[data-eg-toggle]{
  padding:30px 16px !important;
  gap:15px !important;
  border-left:4px solid #C9A24E !important;
  border-radius:0 18px 18px 0 !important;
  box-shadow:0 22px 50px -18px rgba(40,32,18,.46) !important;
  background:rgba(255,255,255,.97) !important;
}
[data-eg-toggle] svg{ width:21px !important; height:21px !important; }
[data-eg-toggle] span[style*="vertical-rl"]{ font-size:12.5px !important; letter-spacing:2.8px !important; color:#2E2410 !important; }

/* ---- Tytuły kart produktów → font z identity J'ADORE (Cormorant), GLOBALNIE (wszystkie produkty) ---- */
.product-card__title, .product-card__title a,
.card__heading, .card__heading a,
.product-card__title *, .card-information__wrapper .card__heading{
  font-family:'Cormorant','Cormorant Garamond',Georgia,serif !important;
  font-weight:600 !important; letter-spacing:.2px !important; text-transform:none !important;
}
.product-card__title{ line-height:1.14 !important; }
@media(min-width:750px){ .product-card__title, .card__heading{ font-size:20px !important; } }
@media(max-width:749px){ .product-card__title, .card__heading{ font-size:18px !important; } }

/* ---- Mobile: handle findera KOMPAKTOWY (okrągły, tylko ikona lupy) — nie wysoki pasek ---- */
@media(max-width:749px){
  .dk-handle, .jf-handle, [data-eg-toggle]{
    top:50% !important; bottom:auto !important; transform:translateY(-50%) !important;
    padding:0 !important; width:46px !important; min-width:46px !important; height:46px !important;
    border-radius:0 23px 23px 0 !important; gap:0 !important;
    align-items:center !important; justify-content:center !important;
    box-shadow:0 10px 26px -12px rgba(40,32,18,.42) !important; border-left:3px solid #C9A24E !important;
  }
  .jf-handle .jf-htxt,
  .dk-handle span[style*="vertical-rl"], .dk-handle [data-sel-count],
  [data-eg-toggle] span[style*="vertical-rl"]{ display:none !important; }
  .dk-handle svg, .jf-handle svg, [data-eg-toggle] svg{ width:22px !important; height:22px !important; stroke:#9F7C3C !important; }
}

/* ---- Mobile: tytuły produktów na STRONACH MAREK (.vcard) — mniejsze (Jost), max 2 linie = mniej miejsca ---- */
@media(max-width:749px){
  .jadore-marka .vcard b{
    font-family:'Jost',sans-serif !important; font-size:13px !important; font-weight:500 !important;
    line-height:1.3 !important; margin-bottom:9px !important; letter-spacing:.1px !important;
    display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
  }
}

/* ---- Mobile: strony marek — kompaktowo (2 kol, subtelny koszyk, mniejsze „czym się wyróżnia", etykieta na zdjęciu) ---- */
@media(max-width:749px){
  .jadore-page.jadore-marka .mk-products-grid{ grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
  .jadore-marka .vcard > div{ padding:12px 12px 14px !important; }
  /* etykieta marki NA ZDJĘCIU (róg) — tytuł wyżej, mniej miejsca */
  .jadore-marka .vcard{ position:relative !important; }
  .jadore-marka .vcard > div > div:first-child{ position:absolute !important; top:8px !important; right:8px !important; left:auto !important; z-index:3 !important; margin:0 !important; padding:4px 9px !important; border-radius:20px !important; background:rgba(255,255,255,.92) !important; box-shadow:0 2px 8px rgba(20,16,8,.14) !important; font-size:8px !important; letter-spacing:1px !important; }
  /* subtelniejszy przycisk dodania do koszyka */
  .jadore-marka .vcard .addbtn{ width:34px !important; height:34px !important; background:#fff !important; color:#1E1B16 !important; border:1px solid #E4DECF !important; box-shadow:none !important; }
  .jadore-marka .vcard .addbtn svg{ width:15px !important; height:15px !important; }
  /* mniejsze karty „czym się wyróżnia" */
  .jadore-marka .mk-why-grid{ gap:8px !important; }
  .jadore-marka .mk-why-grid > div{ padding:16px 14px !important; border-radius:12px !important; }
  .jadore-marka .mk-why-grid > div > div:first-child{ font-size:19px !important; margin-bottom:7px !important; }
  .jadore-marka .mk-why-grid h3{ font-size:15.5px !important; margin-bottom:5px !important; line-height:1.15 !important; }
  .jadore-marka .mk-why-grid p{ font-size:11.5px !important; line-height:1.4 !important; }
}
/* ===== JADORE-MEGAMENU-BRANDS (end) ======================================= */

/* =========================================================
   J'ADORE — MEGA "BONY" wariant EDITORIAL
   Typografia prowadzi (Cormorant + zlote hairline'y), jedno zdjecie jako akcent.
   Zastepuje siatke kafli. Scoped na [data-group="bony"].
   ========================================================= */
.jad-mega[data-group="bony"] .jad-ed{
  display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(28px,3vw,48px); align-items:stretch;
}
.jad-mega[data-group="bony"] .jad-ed__eyebrow{
  font-family:'Jost',sans-serif; font-size:10px; letter-spacing:.3em;
  text-transform:uppercase; color:#A9A296; margin-bottom:12px;
}
.jad-mega[data-group="bony"] .jad-mega__head{ margin-bottom:20px; }
.jad-mega[data-group="bony"] .jad-ed__list{
  display:grid; grid-template-columns:1fr 1fr; gap:0 clamp(24px,2.6vw,44px);
}
.jad-mega[data-group="bony"] .jad-ed__row{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  padding:13px 0; border-bottom:1px solid #EAE8E2; text-decoration:none;
  transition:padding-left .2s ease, border-color .2s ease;
}
.jad-mega[data-group="bony"] .jad-ed__row:hover{ padding-left:8px; border-bottom-color:#C9A24E; }
.jad-mega[data-group="bony"] .jad-ed__name{
  font-family:'Cormorant',serif; font-size:clamp(18px,1.35vw,21px); font-weight:400;
  color:#16150F; transition:color .2s ease;
}
.jad-mega[data-group="bony"] .jad-ed__row:hover .jad-ed__name{ color:#9F7C3C; }
.jad-mega[data-group="bony"] .jad-ed__note{
  font-family:'Jost',sans-serif; font-size:9.5px; letter-spacing:.2em;
  text-transform:uppercase; color:#B3AB9C; white-space:nowrap;
}
.jad-mega[data-group="bony"] .jad-ed__fig{
  position:relative; overflow:hidden; border-radius:2px; min-height:330px;
  background:#211D17 center/cover no-repeat; text-decoration:none;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.jad-mega[data-group="bony"] .jad-ed__fig:hover{ transform:scale(1.012); }
.jad-mega[data-group="bony"] .jad-ed__veil{
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(10,8,5,0) 45%,rgba(8,6,3,.55) 100%);
}
.jad-mega[data-group="bony"] .jad-ed__cap{ position:absolute; left:22px; bottom:20px; color:#fff; }
.jad-mega[data-group="bony"] .jad-ed__cap b{
  display:block; font-family:'Cormorant',serif; font-weight:400; font-size:24px;
  text-shadow:0 2px 16px rgba(0,0,0,.4);
}
.jad-mega[data-group="bony"] .jad-ed__cap span{
  font-family:'Jost',sans-serif; font-size:9.5px; letter-spacing:.24em;
  text-transform:uppercase; color:rgba(255,255,255,.75);
}
@media (max-width:1180px){
  .jad-mega[data-group="bony"] .jad-ed{ grid-template-columns:1fr; }
  .jad-mega[data-group="bony"] .jad-ed__fig{ min-height:200px; }
}
@media (prefers-reduced-motion:reduce){
  .jad-mega[data-group="bony"] .jad-ed__row,
  .jad-mega[data-group="bony"] .jad-ed__fig{ transition:none; }
}


/* =========================================================
   JADORE BLOG LIST — editorial redesign (lista /blogs/news)
   Cel: spojnosc z identyfikacja J'ADORE, koniec z "nudna" lista
   Zakres: sekcja .main-blog + .article-card + featured + tagi
   System: Cormorant (naglowki) + Jost (etykiety) · zloto #C9A24E/#9F7C3C
   Odwracalne: usun ten blok z konca jadore-identity-skin.css
   ========================================================= */
.main-blog.section{ background:#f5f4f2; }

/* --- naglowek sekcji "News" --- */
.main-blog .section__heading{
  font-family:'Cormorant','Cormorant Garamond',Georgia,serif !important;
  font-weight:600 !important;
  font-size:clamp(42px,6vw,74px) !important;
  letter-spacing:.5px !important; color:#1a1a1a !important; line-height:1.02 !important;
}
.main-blog .section__header{ position:relative; }
.main-blog .section__header::before{
  content:"JOURNAL \00b7 PIELEGNACJA I WIEDZA";
  display:block; font-family:'Jost',sans-serif; font-weight:500;
  font-size:12px; letter-spacing:.32em; text-transform:uppercase;
  color:#9f7c3c; margin-bottom:14px;
}
.main-blog .section__header::after{
  content:""; display:block; width:56px; height:2px;
  background:linear-gradient(90deg,#c9a24e,#9f7c3c);
  margin:20px auto 0;
}

/* --- FEATURED POST --- */
.main-blog__featured_post .hero__wrapper{
  border-radius:4px; overflow:hidden;
  box-shadow:0 22px 54px -26px rgba(20,16,10,.5);
  outline:1px solid rgba(159,124,62,.20); outline-offset:-1px;
}
.main-blog__featured_post .hero__title,
.main-blog__featured_post .hero__content .h2,
.main-blog__featured_post .hero__content h2,
.main-blog__featured_post h2{
  font-family:'Cormorant','Cormorant Garamond',Georgia,serif !important;
  font-weight:600 !important; letter-spacing:.4px !important;
}

/* --- KARTY ARTYKULOW --- */
.main-blog__items .article-card{
  background:#fff; border:1px solid #ece9e3; border-radius:4px;
  overflow:hidden; height:100%;
  transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,border-color .55s ease;
}
.main-blog__items .article-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 50px -30px rgba(20,16,10,.42);
  border-color:rgba(159,124,62,.42);
}
.main-blog__items .article-card__media{ overflow:hidden; border-radius:0; }
.main-blog__items .article-card__media img{ transition:transform .85s cubic-bezier(.22,1,.36,1); }
.main-blog__items .article-card:hover .article-card__media img{ transform:scale(1.055); }

.main-blog__items .article-card__content{ padding:22px 24px 26px; }
.main-blog__items .article-card__date{
  font-family:'Jost',sans-serif !important; font-weight:500 !important;
  font-size:11px !important; letter-spacing:.24em !important; text-transform:uppercase !important;
  color:#9f7c3c !important; margin-bottom:11px !important;
}
.main-blog__items .article-card__title,
.main-blog__items .article-card__title.h3,
.main-blog__items h3.article-card__title{
  font-family:'Cormorant','Cormorant Garamond',Georgia,serif !important;
  font-weight:600 !important; font-size:24px !important; line-height:1.15 !important;
  letter-spacing:.2px !important; color:#1a1a1a !important; margin:0 0 11px !important;
}
.main-blog__items .article-card__title a{ color:inherit !important; }
.main-blog__items .article-card__excerpt{
  font-family:'Jost',sans-serif !important; font-weight:300 !important;
  font-size:14.5px !important; line-height:1.62 !important; color:#5a564f !important;
  margin-bottom:16px !important;
}
.main-blog__items .article-card__button{
  font-family:'Jost',sans-serif !important; font-weight:500 !important;
  font-size:12px !important; letter-spacing:.18em !important; text-transform:uppercase !important;
  color:#1a1a1a !important; background:none !important; border:0 !important;
  border-bottom:1px solid #c9a24e !important; border-radius:0 !important;
  padding:0 0 3px !important; width:max-content !important; min-height:0 !important;
  display:inline-flex !important; align-items:center !important; gap:8px !important;
}
.main-blog__items .article-card__button::after{ content:"\2192"; transition:transform .3s ease; }
.main-blog__items .article-card:hover .article-card__button::after{ transform:translateX(4px); }

/* --- TAGI / nawigacja --- */
.main-blog__tags .reversed-link{
  font-family:'Jost',sans-serif !important; font-weight:400 !important;
  font-size:12px !important; letter-spacing:.14em !important; text-transform:uppercase !important;
  color:#6b6760 !important; padding:8px 15px !important; border:1px solid #e4e0d8 !important;
  border-radius:999px !important; margin:0 4px 8px !important; transition:all .3s ease !important;
  text-decoration:none !important;
}
.main-blog__tags .reversed-link:hover{ border-color:#c9a24e !important; color:#1a1a1a !important; }
.main-blog__tags .reversed-link.active{
  background:linear-gradient(135deg,#c9a24e,#9f7c3c) !important; color:#fff !important;
  border-color:transparent !important;
}

@media (max-width:749px){
  .main-blog__items .article-card__content{ padding:18px 18px 22px; }
  .main-blog__items .article-card__title,
  .main-blog__items h3.article-card__title{ font-size:21px !important; }
}
/* === /JADORE BLOG LIST === */