/* =========================================================================
lm.css — wspólny arkusz LM dla WebWave
Hostuj na GitHub Pages lub jsDelivr (NIE raw.githubusercontent — MIME blok).
Linkuj raz w WebWave. Fonty ładuj osobnym w (szybciej).
WSZYSTKO scope'owane (.lm-nav / .lm-ftr / .feed_*) — nic globalnego,
żeby nie wyciekło na natywne elementy WebWave.
Wersjonuj przy zmianie: lm.css?v=2 (albo tag @v2 na jsDelivr).
========================================================================= */
:root{
--navy:#003566; --ink:#1a1e29; --gold:#966e14; --gold-light:#dcb65f; --cream:#f7f3e9;
--bg-elevated:#fffbf2;
--border-soft:rgba(0,53,102,.18);
--font-headline:'Bricolage Grotesque','Inter',system-ui,sans-serif;
--font-display:'Cormorant Garamond',Georgia,serif;
--font-sans:'Noto Sans',-apple-system,'Segoe UI',system-ui,sans-serif;
--radius-lg:16px; --radius-pill:999px; --radius-image:8px;
--shadow-card:0 6px 18px -10px rgba(0,53,102,.14);
--shadow-image:0 16px 36px -22px rgba(0,53,102,.22);
--ease-out:cubic-bezier(.2,.7,.25,1); --dur-base:260ms; --dur-slow:480ms;
}
/* ============================ NAV ============================ */
.lm-nav{ position:sticky; top:0; z-index:1000;
background:rgba(247,243,233,.88); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
border-bottom:1px solid var(--border-soft); font-family:var(--font-sans); }
.lm-nav *{ box-sizing:border-box; }
.lm-nav a{ text-decoration:none; } /* bez color:inherit - inaczej przebija kolor buttona */
.lm-nav__in{ max-width:1200px; margin:0 auto; padding:0 22px; height:72px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
@media(min-width:760px){ .lm-nav__in{ padding:0 40px; } }
.lm-nav__brand img{ height:40px; width:auto; display:block; }
.lm-nav__links{ display:none; align-items:center; gap:24px; margin:0; }
.lm-nav__links a{ font:400 10px/1 var(--font-headline); letter-spacing:.1em; text-transform:uppercase; color:rgba(26,30,41,.78); padding:6px 0; border-bottom:1px solid transparent; transition:color .2s, border-color .2s; white-space:nowrap; }
.lm-nav__links a:hover, .lm-nav__links a.is-active{ color:var(--gold); border-bottom-color:var(--gold); }
.lm-nav__cta{ display:none; }
.lm-nav__btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:11px 20px; border-radius:var(--radius-pill); font:400 13.5px/1 var(--font-headline); letter-spacing:.02em; border:1.5px solid var(--gold); background:var(--gold); color:var(--cream); cursor:pointer; transition:filter .2s; }
.lm-nav__btn:hover{ filter:brightness(.93); }
.lm-nav__burger{ display:inline-flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; padding:11px; background:none; border:0; cursor:pointer; }
.lm-nav__burger span{ display:block; height:2px; width:100%; background:var(--navy); border-radius:2px; transition:transform .25s, opacity .25s; }
.lm-nav.is-open .lm-nav__burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.lm-nav.is-open .lm-nav__burger span:nth-child(2){ opacity:0; }
.lm-nav.is-open .lm-nav__burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.lm-nav__panel{ display:none; flex-direction:column; padding:6px 22px 20px; border-top:1px solid rgba(0,53,102,.12); background:rgba(247,243,233,.97); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.lm-nav.is-open .lm-nav__panel{ display:flex; }
.lm-nav__panel a:not(.lm-nav__btn){ padding:14px 0; font:500 15px/1.2 var(--font-sans); color:var(--navy); border-bottom:1px solid rgba(0,53,102,.08); }
.lm-nav__panel .lm-nav__btn{ margin-top:16px; }
@media(min-width:992px){
.lm-nav__links{ display:flex; }
.lm-nav__cta{ display:block; }
.lm-nav__burger{ display:none; }
.lm-nav__panel{ display:none !important; }
}
/* ============================ STOPKA ============================ */
.lm-ftr{ background:var(--navy); color:var(--cream); font-family:var(--font-sans); }
.lm-ftr *{ box-sizing:border-box; }
.lm-ftr a{ color:inherit; text-decoration:none; }
.lm-ftr__in{ max-width:1200px; margin:0 auto; padding:44px 22px 40px; }
@media(min-width:760px){ .lm-ftr__in{ padding-left:40px; padding-right:40px; } }
.lm-ftr__top{ display:flex; flex-direction:column; gap:26px; align-items:flex-start; }
@media(min-width:760px){ .lm-ftr__top{ flex-direction:row; align-items:center; justify-content:space-between; } }
.lm-ftr__brand img{ height:50px; width:auto; display:block; }
.lm-ftr__nav{ display:flex; flex-wrap:wrap; gap:8px 22px; }
.lm-ftr__nav a{ font:500 14px/1.4 var(--font-sans); color:rgba(247,243,233,.82); border-bottom:1px solid transparent; transition:color .2s, border-color .2s; }
.lm-ftr__nav a:hover{ color:var(--gold-light); border-bottom-color:var(--gold-light); }
.lm-ftr__fine{ display:flex; flex-wrap:wrap; gap:6px 18px; justify-content:space-between; margin-top:34px; padding-top:20px; border-top:1px solid rgba(220,182,95,.14); font:500 12.5px/1.5 var(--font-sans); color:rgba(220,182,95,.8); }
.lm-ftr__fine a{ border-bottom:1px solid transparent; transition:border-color .2s; }
.lm-ftr__fine a:hover{ border-bottom-color:var(--gold-light); }
.lm-ftr__author{ margin:16px 0 0; font:500 11.5px/1.4 var(--font-sans); letter-spacing:.02em; color:rgba(220,182,95,.52); }
.lm-ftr__author a{ color:var(--gold-light); border-bottom:1px solid transparent; transition:border-color .2s; }
.lm-ftr__author a:hover{ border-bottom-color:var(--gold-light); }
/* ============================ SKIN LISTY BLOGA (.feed_* WebWave) ============================ */
.feed_item a, .feed_name_link, .feed_read_more, .feed_short_link, .feed_date a { text-decoration:none !important; }
.feed_thumbnail_wrapper { overflow:hidden !important; border-radius:var(--radius-image) !important; aspect-ratio:4/3 !important; }
.feed_thumbnail, .feed_thumbnail_image { width:100% !important; height:100% !important; }
.feed_thumbnail_image { background-size:cover !important; background-position:center !important; transition:transform var(--dur-slow) var(--ease-out); }
.feed_item:hover .feed_thumbnail_image { transform:scale(1.045); }
.feed_name_link { font-family:var(--font-headline) !important; font-weight:400 !important; font-size:clamp(18px,2.4vw,21px) !important; color:var(--navy) !important; letter-spacing:-.01em; line-height:1.3 !important; overflow-wrap:break-word; }
/* zabezpieczenie: nic w karcie nie wychodzi poza szerokość */
.feed_item, .feed_item_wrapper, .feed_item_element_wrapper, .feed_data_container, .feed_name, .feed_name_link, .feed_short { max-width:100% !important; overflow-wrap:break-word; }
.feed_name{ font-family:var(--font-headline) !important; font-weight:400 !important; font-size:clamp(18px,5vw,21px) !important; line-height:1.3 !important; color:var(--navy) !important; letter-spacing:-.01em !important; overflow-wrap:break-word; }
.feed_name_link:hover .feed_name{ color:var(--gold) !important; }
/* element listy ma width:389px inline - nie pozwól wyjść poza ekran */
.ww_element[data-element-type="newsfeed"], .ww_element[data-element-type="newsfeed"] .feed_content, .ww_element[data-element-type="newsfeed"] .feed_item{ max-width:100% !important; }
.feed_date { font-family:var(--font-sans) !important; text-transform:uppercase; letter-spacing:.14em; font-size:11px !important; color:var(--gold) !important; }
.feed_short { font-family:var(--font-sans) !important; font-size:15px !important; color:rgba(26,30,41,.62) !important; line-height:1.6 !important; }
.feed_read_more, .feed_short_link { font-family:var(--font-headline) !important; font-weight:600 !important; text-transform:uppercase; letter-spacing:.12em; font-size:11px !important; color:var(--gold) !important; }
.feed_pagination_icon, .feed_pagination_next_icon, .feed_pagination_prev_icon { color:var(--gold) !important; }
/* ============================ PRZYCISKI (wspólne dla sekcji) ============================ */
.lm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:16px 26px; border-radius:var(--radius-pill); font:400 15px/1 var(--font-headline); letter-spacing:.02em; border:1.5px solid var(--gold); cursor:pointer; text-decoration:none; transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), filter var(--dur-base) var(--ease-out); }
.lm-btn--primary{ background:var(--gold); color:var(--cream); }
.lm-btn--primary:hover{ filter:brightness(.93); }
.lm-btn--ghost{ background:transparent; color:var(--gold); }
.lm-btn--ghost:hover{ background:var(--gold); color:var(--cream); }
.lm-btn:active{ transform:scale(.98); }
/* ============================ HERO (strona główna) ============================ */
.lm-hero{ position:relative; overflow:hidden; min-height:clamp(600px,90vh,820px); display:flex; align-items:flex-end; font-family:var(--font-sans); }
.lm-hero *{ box-sizing:border-box; }
.lm-hero a{ text-decoration:none; }
.lm-hero__bg{ position:absolute; inset:0; z-index:0; }
.lm-hero__bg img{ width:100%; height:100%; object-fit:cover; object-position:58% 36%; }
.lm-hero__scrim{ position:absolute; inset:0; z-index:1; background:linear-gradient(to top, var(--cream) 4%, color-mix(in srgb,var(--cream) 88%,transparent) 34%, color-mix(in srgb,var(--cream) 44%,transparent) 62%, color-mix(in srgb,var(--cream) 12%,transparent) 100%); }
.lm-hero__in{ position:relative; z-index:2; width:100%; max-width:1200px; margin:0 auto; padding:0 22px 8px; }
@media(min-width:760px){ .lm-hero__in{ padding-left:40px; padding-right:40px; } }
.lm-hero__copy{ max-width:600px; }
.lm-hero__eyebrow{ display:inline-block; margin:0; font:600 12px/1 var(--font-headline); letter-spacing:.22em; text-transform:uppercase; color:var(--gold); }
.lm-hero h1{ font:300 clamp(33px,9vw,52px)/1.06 var(--font-headline); letter-spacing:-.022em; color:var(--navy); margin:12px 0 0; text-wrap:balance; }
.lm-hero__sub{ font:400 16px/1.6 var(--font-sans); color:color-mix(in srgb,var(--ink) 80%,transparent); margin:48px 0 0; max-width:44ch; text-wrap:pretty; }
.lm-hero__ctas{ margin-top:48px; display:flex; flex-wrap:wrap; gap:12px; }
.lm-hero__ctas .lm-btn{ flex:1 1 auto; }
.lm-hero__addr{ margin-top:18px; font:500 13.5px/1.5 var(--font-sans); color:color-mix(in srgb,var(--ink) 62%,transparent); }
.lm-hero__addr b{ color:var(--gold); font-weight:600; }
.lm-hero__trust{ margin-top:26px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; font:500 13.5px/1.3 var(--font-sans); color:color-mix(in srgb,var(--ink) 64%,transparent); }
.lm-hero__trust .stars{ color:var(--gold); letter-spacing:2px; }
.lm-hero__trust .dot{ width:3px; height:3px; border-radius:50%; background:var(--gold); opacity:.7; }
@media(min-width:760px){
.lm-hero{ align-items:center; }
.lm-hero__scrim{ background:linear-gradient(to right, var(--cream) 0%, color-mix(in srgb,var(--cream) 94%,transparent) 32%, color-mix(in srgb,var(--cream) 58%,transparent) 52%, transparent 80%); }
.lm-hero__ctas .lm-btn{ flex:0 0 auto; }
}
/* ============================ WSPÓLNE: sekcje + nagłówki ============================ */
.lm-wrap{ width:100%; max-width:1200px; margin:0 auto; padding-inline:22px; }
@media(min-width:760px){ .lm-wrap{ padding-inline:40px; } }
@media(min-width:1100px){ .lm-wrap{ padding-inline:56px; } }
.lm-section{ padding-block:96px; position:relative; font-family:var(--font-sans); color:var(--ink); }
.lm-section *{ box-sizing:border-box; }
.lm-section a{ text-decoration:none; }
@media(min-width:760px){ .lm-section{ padding-block:140px; } }
.lm-eyebrow{ display:inline-block; margin:0; font:600 12px/1 var(--font-headline); letter-spacing:.22em; text-transform:uppercase; color:var(--gold); }
.lm-h2{ font:300 clamp(34px,8.4vw,60px)/1.04 var(--font-headline); letter-spacing:-.02em; color:var(--navy); margin:12px 0 0; text-wrap:balance; }
.lm-lede{ font:400 16px/1.6 var(--font-sans); color:color-mix(in srgb,var(--ink) 78%,transparent); margin:48px 0 0; max-width:48ch; text-wrap:pretty; }
.lm-it{ font-family:var(--font-display); font-style:italic; font-weight:500; }
/* ============================ SEKCJA 2 — PROBLEM ("znasz to?") ============================ */
.lm-prob__grid{ margin-top:8px; display:grid; gap:clamp(36px,5vw,56px); }
.lm-prob__left{ position:static; }
@media(min-width:900px){ .lm-prob__grid{ grid-template-columns:0.82fr 1.18fr; gap:80px; align-items:start; } }
.lm-prob__head{ max-width:720px; }
.lm-prob__lede{ max-width:38ch; }
.lm-prob__more{ margin-top:30px; display:inline-flex; align-items:center; gap:9px; font:600 13px/1 var(--font-headline); letter-spacing:.08em; text-transform:uppercase; color:var(--gold); }
.lm-prob__stack{ display:grid; gap:16px; }
.lm-prob__card{ display:grid; grid-template-columns:1fr auto; align-items:start; gap:10px 24px; min-height:200px; padding:clamp(26px,3vw,34px) clamp(26px,3vw,36px); background:var(--bg-elevated); border-radius:var(--radius-lg); box-shadow:var(--shadow-card); }
.lm-prob__icon{ grid-column:2; grid-row:1; color:color-mix(in srgb,var(--gold) 78%,transparent); display:flex; }
.lm-prob__icon svg{ width:26px; height:26px; }
.lm-prob__card h3{ grid-column:1; grid-row:1; margin:0; font:400 clamp(19px,2.5vw,22px)/1.2 var(--font-headline); color:var(--navy); letter-spacing:-.01em; }
.lm-prob__card p{ grid-column:1; grid-row:2; margin:32px 0 0; font:400 15.5px/1.6 var(--font-sans); color:color-mix(in srgb,var(--ink) 64%,transparent); max-width:48ch; }
.lm-prob__card p b{ color:var(--navy); font-weight:600; }
/* ============================ SEKCJA 3 — OFERTA (01-04) ============================ */
.lm-offer{ margin-top:80px; }
.lm-offer__row{ display:grid; gap:12px 44px; align-items:start; padding:64px 0; border-top:1px solid var(--border-soft); }
.lm-offer__num{ font:italic 500 clamp(54px,12vw,82px)/0.78 var(--font-display); color:var(--gold); }
.lm-offer__body h3{ margin:0 0 12px; font:300 clamp(22px,5.4vw,27px)/1.16 var(--font-headline); color:var(--navy); letter-spacing:-.01em; }
.lm-offer__body p{ margin:0; font:400 16px/1.65 var(--font-sans); color:color-mix(in srgb,var(--ink) 70%,transparent); max-width:54ch; }
@media(min-width:760px){
.lm-offer__row{ grid-template-columns:130px 1fr; }
.lm-offer__row--rev{ grid-template-columns:1fr 130px; }
.lm-offer__row--rev .lm-offer__num{ order:2; text-align:right; }
.lm-offer__row--rev .lm-offer__body{ order:1; }
.lm-offer__row--rev .lm-offer__body h3, .lm-offer__row--rev .lm-offer__body p{ text-align:right; margin-left:auto; }
}
.lm-offer__pull{ margin:50px 0 0; padding:48px 0 0; border-top:1px solid var(--border-soft); font:italic 400 clamp(21px,5.6vw,28px)/1.34 var(--font-display); color:var(--navy); max-width:720px; text-wrap:pretty; }
.lm-offer__pull b{ font-family:var(--font-headline); font-style:normal; font-weight:400; color:var(--navy); }
.lm-offer__small{ margin:18px 0 0; font:400 14px/1.6 var(--font-sans); color:color-mix(in srgb,var(--ink) 56%,transparent); }
.lm-offer__cta{ margin-top:64px; display:flex; justify-content:flex-end; }
/* ============================ SEKCJA 4 — OPINIE (marquee) ============================ */
.lm-quotes{ margin-top:80px; width:100%; overflow:hidden; padding:8px 0 14px; }
.lm-quotes-track{ display:flex; width:max-content; animation:lm-marquee 55s linear infinite; }
.lm-quotes:hover .lm-quotes-track{ animation-play-state:paused; }
@keyframes lm-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-33.3333%); } }
.lm-quote{ flex:0 0 clamp(280px,80vw,348px); min-height:450px; margin:0 24px 0 0; display:flex; flex-direction:column; gap:18px; padding:32px 30px; border-radius:var(--radius-lg); background:var(--bg-elevated); box-shadow:var(--shadow-card); }
.lm-quote p{ margin:0; font:400 15.5px/1.7 var(--font-sans); color:var(--ink); }
.lm-quote__sig{ margin-top:auto; padding-top:6px; }
.lm-quote__name{ font:italic 500 26px/1 var(--font-display); color:var(--navy); }
@media(prefers-reduced-motion:reduce){ .lm-quotes{ overflow-x:auto; } .lm-quotes-track{ animation:none; } }
.lm-proof__stats{ margin-top:32px; display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; padding-top:24px; border-top:1px solid var(--border-soft); font:500 14px/1.4 var(--font-sans); color:color-mix(in srgb,var(--ink) 64%,transparent); }
.lm-proof__stats .stars{ color:var(--gold); letter-spacing:2px; }
.lm-proof__stats b{ color:var(--navy); font-weight:400; }
.lm-proof__stats .dot{ width:3px; height:3px; border-radius:50%; background:var(--gold); opacity:.7; }
.lm-proof__cta{ margin-top:64px; display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
/* ============================ SEKCJA 5 — WIZYTA (foto + timeline) ============================ */
.lm-visit{ margin-top:80px; display:grid; gap:40px; }
@media(min-width:860px){ .lm-visit{ grid-template-columns:0.88fr 1.12fr; gap:60px; align-items:start; } }
.lm-visit__photo{ border-radius:90px 16px 16px 16px; overflow:hidden; box-shadow:var(--shadow-image); aspect-ratio:4/5; }
.lm-visit__photo img{ width:100%; height:100%; object-fit:cover; }
.lm-step{ display:grid; grid-template-columns:auto 1fr; gap:24px; padding:40px 0; border-top:1px solid var(--border-soft); }
.lm-step:first-child{ border-top:0; padding-top:0; }
.lm-step__num{ font:italic 500 40px/0.9 var(--font-display); color:var(--gold); }
.lm-step h3{ margin:0 0 7px; font:400 20px/1.2 var(--font-headline); color:var(--navy); }
.lm-step p{ margin:0; font:400 15.5px/1.62 var(--font-sans); color:color-mix(in srgb,var(--ink) 70%,transparent); max-width:48ch; }
.lm-visit__note{ margin-top:26px; font:400 14px/1.6 var(--font-sans); color:color-mix(in srgb,var(--ink) 56%,transparent); }
.lm-visit__cta{ margin-top:64px; display:flex; justify-content:flex-end; }
/* ============================ SEKCJA 6 — O MNIE (portret + creds) ============================ */
.lm-about{ margin-top:8px; display:grid; gap:40px; }
@media(min-width:860px){ .lm-about{ grid-template-columns:0.8fr 1.2fr; gap:60px; align-items:start; } }
.lm-about__portrait{ border-radius:16px 16px 16px 90px; overflow:hidden; box-shadow:var(--shadow-image); aspect-ratio:3/4; }
.lm-about__portrait img{ width:100%; height:100%; object-fit:cover; }
.lm-about__sig{ margin-top:16px; padding-left:16px; border-left:1px solid var(--gold); }
.lm-about__sig b{ display:block; font:500 15px/1.3 var(--font-headline); color:var(--navy); }
.lm-about__sig span{ font:400 13px/1.4 var(--font-sans); color:color-mix(in srgb,var(--ink) 56%,transparent); }
.lm-about__body{ font:400 16px/1.75 var(--font-sans); color:color-mix(in srgb,var(--ink) 74%,transparent); max-width:56ch; margin:0; }
.lm-about__copy h2 + .lm-about__body{ margin-top:48px; }
.lm-about__body + .lm-about__body{ margin-top:14px; }
.lm-about__body strong{ color:var(--navy); font-weight:600; }
.lm-creds{ margin:64px 0 0; border-top:1px solid var(--border-soft); }
.lm-creds > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:22px 0; font:600 11px/1 var(--font-headline); letter-spacing:.18em; text-transform:uppercase; color:var(--gold); }
.lm-creds > summary::-webkit-details-marker{ display:none; }
.lm-creds > summary::after{ content:""; width:11px; height:11px; flex:none; background:linear-gradient(var(--gold),var(--gold)) center/11px 1.5px no-repeat, linear-gradient(var(--gold),var(--gold)) center/1.5px 11px no-repeat; }
.lm-creds[open] > summary::after{ background:linear-gradient(var(--gold),var(--gold)) center/11px 1.5px no-repeat; }
.lm-creds__list{ list-style:none; margin:0 0 8px; padding:0; }
.lm-creds__list li{ display:grid; grid-template-columns:76px 1fr; gap:18px; padding:22px 0; border-top:1px solid var(--border-soft); font:400 14.5px/1.5 var(--font-sans); color:color-mix(in srgb,var(--ink) 72%,transparent); }
.lm-creds__list li:last-child{ border-bottom:1px solid var(--border-soft); }
.lm-creds__when{ font:italic 500 16px/1.3 var(--font-display); color:var(--gold); white-space:nowrap; }
.lm-creds__org{ display:block; margin-top:3px; font:400 12.5px/1.4 var(--font-sans); color:color-mix(in srgb,var(--ink) 48%,transparent); }
.lm-creds__base{ margin:18px 0 0; font:400 13.5px/1.6 var(--font-sans); color:color-mix(in srgb,var(--ink) 56%,transparent); max-width:56ch; }
.lm-about__contact{ margin-top:48px; display:flex; flex-direction:column; align-items:flex-end; gap:16px; text-align:right; }
.lm-about__mail{ font:500 14px/1.5 var(--font-sans); color:var(--gold); border-bottom:1px solid color-mix(in srgb,var(--gold) 40%,transparent); }
.lm-about__mail:hover{ border-bottom-color:var(--gold); }
/* ============================ SEKCJA 7 — CENNIK ============================ */
.lm-price{ margin-top:80px; }
.lm-price__card{ display:block; max-width:480px; margin:0 auto; background:var(--bg-elevated); border:1px solid var(--border-soft); border-radius:var(--radius-lg); box-shadow:var(--shadow-card); padding:clamp(32px,5vw,48px); text-align:center; transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out); }
.lm-price__card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-image); }
.lm-price__svc{ font:italic 500 26px/1.1 var(--font-display); color:var(--gold); }
.lm-price__amt{ margin:14px 0 0; font:300 clamp(40px,9vw,56px)/1 var(--font-headline); color:var(--navy); letter-spacing:-.02em; }
.lm-price__amt span{ font-size:.45em; color:color-mix(in srgb,var(--ink) 55%,transparent); }
.lm-price__meta{ margin:12px auto 0; max-width:34ch; font:400 14px/1.5 var(--font-sans); color:color-mix(in srgb,var(--ink) 60%,transparent); }
.lm-price__cta{ display:block; margin-top:28px; }
.lm-price__note{ margin:24px auto 0; max-width:480px; text-align:center; font:400 13.5px/1.6 var(--font-sans); color:color-mix(in srgb,var(--ink) 55%,transparent); }
/* ============================ SEKCJA 8 — FAQ (akordeon) ============================ */
.lm-faq{ margin-top:80px; max-width:840px; }
.lm-faq__item{ border-top:1px solid var(--border-soft); }
.lm-faq__item:first-of-type{ border-top:0; }
.lm-faq__item summary{ list-style:none; cursor:pointer; padding:24px 46px 24px 0; position:relative; font:400 clamp(17px,4.6vw,20px)/1.4 var(--font-headline); color:var(--navy); }
.lm-faq__item summary::-webkit-details-marker{ display:none; }
.lm-faq__item summary::after{ content:""; position:absolute; right:2px; top:50%; transform:translateY(-50%); width:13px; height:13px; background:linear-gradient(var(--gold),var(--gold)) center/13px 1.5px no-repeat, linear-gradient(var(--gold),var(--gold)) center/1.5px 13px no-repeat; }
.lm-faq__item[open] summary::after{ background:linear-gradient(var(--gold),var(--gold)) center/13px 1.5px no-repeat; }
.lm-faq__answer{ margin:0; padding:0 46px 26px 0; font:400 16px/1.7 var(--font-sans); color:color-mix(in srgb,var(--ink) 70%,transparent); max-width:66ch; }
.lm-faq__more{ margin:64px 0 0; font:400 15px/1.6 var(--font-sans); color:color-mix(in srgb,var(--ink) 62%,transparent); }
.lm-faq__more a{ color:var(--gold); font-weight:600; }
/* ============================ SEKCJA 9 — KONTAKT (granatowy band) ============================ */
.lm-contact{ background:var(--navy); color:var(--cream); }
.lm-contact .lm-eyebrow{ color:var(--gold-light); }
.lm-contact .lm-h2{ color:var(--cream); }
.lm-contact .lm-lede{ color:rgba(247,243,233,.82); }
.lm-contact__grid{ margin-top:80px; display:grid; gap:36px; }
@media(min-width:860px){ .lm-contact__grid{ grid-template-columns:1fr 1fr; gap:48px; align-items:stretch; } }
.lm-contact__nap{ display:flex; flex-direction:column; gap:24px; }
.lm-nap__k{ display:block; font:600 11px/1 var(--font-headline); letter-spacing:.16em; text-transform:uppercase; color:var(--gold-light); margin-bottom:8px; }
.lm-nap__v{ font:400 17px/1.55 var(--font-sans); color:var(--cream); margin:0; }
.lm-nap__v strong{ font-weight:600; }
.lm-nap__v a{ color:var(--cream); border-bottom:1px solid transparent; transition:color .2s, border-color .2s; }
.lm-nap__v a:hover{ color:var(--gold-light); border-bottom-color:var(--gold-light); }
.lm-contact__map{ border-radius:var(--radius-lg); overflow:hidden; min-height:300px; border:1px solid rgba(220,182,95,.28); }
.lm-contact__map iframe{ width:100%; height:100%; min-height:300px; border:0; display:block; }
.lm-contact__actions{ margin-top:44px; display:flex; flex-wrap:wrap; gap:14px; }
.lm-contact .lm-btn--primary{ background:var(--gold-light); color:var(--navy); border-color:var(--gold-light); }
.lm-contact .lm-btn--primary:hover{ filter:brightness(.95); }
.lm-contact .lm-btn--ghost{ color:var(--gold-light); border-color:var(--gold-light); }
.lm-contact .lm-btn--ghost:hover{ background:var(--gold-light); color:var(--navy); }
/* ============================ STICKY BAR MOBILNY ============================ */
.lm-sbar{ position:fixed; left:0; right:0; bottom:0; z-index:99999 !important; display:grid; grid-template-columns:1fr 1.25fr; gap:10px; background:var(--navy); padding:10px 12px calc(10px + env(safe-area-inset-bottom)); box-shadow:0 -8px 24px -12px rgba(0,53,102,.5); font-family:var(--font-sans); transition:transform .32s cubic-bezier(.2,.7,.25,1); }
.lm-sbar.is-hidden{ transform:translateY(120%); }
.lm-sbar a{ display:flex; align-items:center; justify-content:center; gap:8px; height:50px; border-radius:var(--radius-pill); font:600 14.5px/1 var(--font-headline); letter-spacing:.01em; text-decoration:none; }
.lm-sbar__call{ color:var(--gold-light); border:1.5px solid rgba(220,182,95,.55); }
.lm-sbar__call:active{ background:rgba(220,182,95,.12); }
.lm-sbar__book{ background:var(--gold-light); color:var(--navy); }
.lm-sbar__book:active{ filter:brightness(.94); }
@media(min-width:940px){ .lm-sbar{ display:none; } }
/* ============================ MOBILE: CTA pełna szerokość ============================ */
.lm-nav__panel .lm-nav__btn{ width:100%; }
@media(max-width:640px){
.lm-btn{ width:100%; }
}
/* ============================ SEKCJA BLOG (home): nagłówek + linki wokół natywnej listy ============================ */
.lm-blog__head{ padding-top:clamp(96px,12vw,140px); padding-bottom:clamp(40px,5vw,56px); }
.lm-blog__foot{ padding-top:clamp(40px,5vw,56px); padding-bottom:clamp(96px,12vw,140px); }
.lm-blog__all{ margin:0 0 0 auto; width:fit-content; display:flex; align-items:center; gap:8px; font:600 11px/1 var(--font-headline); letter-spacing:.12em; text-transform:uppercase; color:var(--gold); border-bottom:1px solid transparent; transition:border-color .2s var(--ease-out); }
.lm-blog__all:hover{ border-bottom-color:var(--gold); }
.lm-blog__soft{ margin:48px 0 0; font:400 15px/1.6 var(--font-sans); color:color-mix(in srgb,var(--ink) 64%,transparent); }
.lm-blog__soft a{ color:var(--gold); font-weight:600; border-bottom:1px solid color-mix(in srgb,var(--gold) 45%,transparent); transition:border-color .2s var(--ease-out); }
.lm-blog__soft a:hover{ border-bottom-color:var(--gold); }
/* ============================ STRONA /blog: H1 + dolny CTA band ============================ */
.lm-h1{ font:300 clamp(40px,8vw,64px)/1.04 var(--font-headline); letter-spacing:-.02em; color:var(--navy); margin:12px 0 0; text-wrap:balance; }
.lm-ctaband{ background:var(--navy); color:var(--cream); text-align:center; }
.lm-ctaband .lm-h2{ color:var(--cream); margin:0; }
.lm-ctaband p{ margin:18px auto 0; max-width:48ch; font:400 16px/1.6 var(--font-sans); color:rgba(247,243,233,.82); }
.lm-ctaband__actions{ margin-top:36px; display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.lm-ctaband .lm-btn--primary{ background:var(--gold-light); color:var(--navy); border-color:var(--gold-light); }
.lm-ctaband .lm-btn--primary:hover{ filter:brightness(.95); }
.lm-ctaband .lm-btn--ghost{ color:var(--gold-light); border-color:var(--gold-light); }
.lm-ctaband .lm-btn--ghost:hover{ background:var(--gold-light); color:var(--navy); }
/* ============================ WZÓR ARTYKUŁU (wpis) ============================ */
/* tytuł wpisu (WebWave daje h1 na biało -> nadpisujemy na granat, Bricolage) */
.news_element.h1_default_block, .news_element{ font-family:var(--font-headline) !important; font-weight:300 !important; font-size:clamp(28px,5vw,44px) !important; line-height:1.12 !important; color:var(--navy) !important; letter-spacing:-.02em !important; }
/* data wpisu — granat, jak w makiecie (nie złota wersalikowa) */
.news_date_format{ font-family:var(--font-sans) !important; font-weight:600 !important; font-size:13px !important; line-height:1.4 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--navy) !important; }
/* autorka w nagłówku wpisu — element_874 (tekst "Liliana Masłowska"; ID unikalny w witrynie i stały dla szablonu wpisu).
Noto Sans = pełne polskie znaki (naprawia znikające "ł" na żywo), kolor stonowany jak meta w makiecie. */
#element_874 .wwTextContent, #element_874 .wwTextContent p{ font-family:var(--font-sans) !important; font-weight:500 !important; font-size:13.5px !important; line-height:1.4 !important; color:color-mix(in srgb,var(--ink) 56%,transparent) !important; }
/* zdjęcie nagłówkowe wpisu — element_252 (obraz hero szablonu wpisu).
Sygnaturowy narożnik (jak hero w makiecie) + miękki cień. Radius nie zmienia wysokości, więc jest bezpieczny. */
#element_252 .ww_image_wrapper{ border-radius:48px 12px 12px 12px !important; overflow:hidden !important; box-shadow:var(--shadow-image); }
/* breadcrumb — wyrównanie do kolumny treści (przestaje uciekać w lewo poza krawędź).
Element jest fullwidth (1350px, left:-75px); centrujemy zawartość do tej samej osi co .lm-wrap. */
.lm-crumbs{ max-width:1200px; margin-inline:auto; padding-inline:22px; box-sizing:border-box; font:500 12.5px/1.5 var(--font-sans); color:color-mix(in srgb,var(--ink) 52%,transparent); }
@media(min-width:760px){ .lm-crumbs{ padding-inline:40px; } }
.lm-crumbs a{ color:color-mix(in srgb,var(--ink) 52%,transparent); text-decoration:none; }
.lm-crumbs a:hover{ color:var(--gold); }
.lm-crumbs .sep{ margin:0 8px; color:var(--gold); }
/* CTA w treści wpisu */
.lm-incta{ margin:8px 0; padding:32px; border-radius:var(--radius-lg); background:var(--bg-elevated); box-shadow:var(--shadow-card); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; }
.lm-incta *{ box-sizing:border-box; }
.lm-incta p{ margin:0; font:400 16px/1.5 var(--font-sans); color:var(--navy); max-width:40ch; }
@media(max-width:640px){ .lm-incta .lm-btn{ width:100%; } }
/* box autora pod wpisem */
.lm-author{ margin:8px 0; padding-top:28px; border-top:1px solid var(--border-soft); display:flex; gap:18px; align-items:center; }
.lm-author *{ box-sizing:border-box; }
.lm-author__photo{ width:64px; height:64px; border-radius:50%; overflow:hidden; flex:none; box-shadow:var(--shadow-card); }
.lm-author__photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.lm-author b{ display:block; font:500 15px/1.3 var(--font-headline); color:var(--navy); }
.lm-author span{ font:400 13.5px/1.5 var(--font-sans); color:color-mix(in srgb,var(--ink) 58%,transparent); }
/* TREŚĆ WPISU — typografia jak w makiecie (font był za duży na defaultach WebWave).
Scope #element_249 = element treści szablonu wpisu. Akapity to gołe bez klasy
(:not([class]) omija wstawione bloki .lm-incta / .lm-author). */
#element_249 .wwTextContent > div:not([class]){ font:400 17px/1.78 var(--font-sans) !important; color:color-mix(in srgb,var(--ink) 76%,transparent) !important; }
#element_249 .wwTextContent h2{ font:300 clamp(23px,4vw,29px)/1.18 var(--font-headline) !important; letter-spacing:-.015em !important; color:var(--navy) !important; margin:40px 0 8px !important; }
#element_249 .wwTextContent h3{ font:400 clamp(18px,2.6vw,21px)/1.3 var(--font-headline) !important; letter-spacing:-.01em !important; color:var(--navy) !important; margin:28px 0 6px !important; }
#element_249 .wwTextContent strong, #element_249 .wwTextContent b{ color:var(--navy) !important; font-weight:600 !important; }
#element_249 .wwTextContent a{ color:var(--gold) !important; }