@font-face{font-family:Jost;src:url('/assets/kroje/Jost[wght].ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Libre Baskerville';src:url('/assets/kroje/LibreBaskerville[wght].ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{
 --k-wegiel:#1E1A17;--k-osika:#F4F0E8;--k-drewno:#C9A27A;--k-dunajec:#3F7C7D;--k-zar:#B4552B;--k-ton-c:#2A2521;--k-ton-j:#E9E2D6;--k-studio:#E9E3D8;--k-bialy:#FFFFFF;--k-ciemna-deska:#3B2A20;--k-blacha:#2E3236;--k-jasne-tlo:#FCFBF8;--k-karta:#EFEAE2;
 --k-w1:#C9A27A;--k-w2:#A9875F;--k-w3:#9AA0A3;--k-w4:#E8D9AE;--k-w5:#5C6B6E;--k-w6:#3A3430;--k-w7:#1E1A17;
 --k-link:color-mix(in srgb,var(--k-dunajec) 80%,var(--k-wegiel));--k-tekst-cichy:color-mix(in srgb,var(--k-wegiel) 70%,var(--k-osika));--k-linia:color-mix(in srgb,var(--k-wegiel) 18%,var(--k-osika));--k-kontrolka:color-mix(in srgb,var(--k-wegiel) 60%,var(--k-osika));
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;
 --f-xs:12px;--f-sm:15px;--f-body:17px;--f-lead:22px;--f-h3:30px;--f-h2:44px;--f-h1:56px;--f-display:72px;--f-hero:96px;
 --r-field:16px;--r-image:24px;--r-panel:28px;--r-pill:999px;--container:1360px;--prose:68ch;
 --panel-bg:var(--k-osika);--panel-ink:var(--k-wegiel);--panel-pattern:url('/assets/marka/wzor-osika.svg');
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:128px}
body{margin:0;color:var(--k-wegiel);background:var(--k-osika);font:400 var(--f-body)/28px Jost,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
button,input,textarea{font:inherit;color:inherit}
button,a,summary,input,textarea{touch-action:manipulation}
a{color:var(--k-link);text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}
button,a,summary{transition:background-color 120ms ease,color 120ms ease,opacity 120ms ease,transform 120ms ease}
button{cursor:pointer}
button:active,.button:active,.model-title:active{transform:scale(.97)}
button:disabled{opacity:.5;cursor:not-allowed;transform:none}
:focus-visible{outline:2px solid var(--k-dunajec);outline-offset:4px}
.tone-wegiel :focus-visible,.media-section :focus-visible{outline-color:var(--k-osika)}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;letter-spacing:0;font-weight:700;overflow-wrap:normal;hyphens:manual;text-wrap:balance}
h1{font-size:var(--f-h2);line-height:52px}
h2{font-size:var(--f-h3);line-height:38px}
h3{font-size:var(--f-lead);line-height:32px}
p+p{margin-top:var(--s4)}
h1+p,h2+p,h3+p{margin-top:var(--s6)}
strong,dt{font-weight:600}
.container{width:calc(100% - 32px);max-width:var(--container);margin-inline:auto;min-width:0}
.prose{max-width:var(--prose)}
.small{font-size:var(--f-sm);line-height:24px}
.label{font-size:var(--f-xs);line-height:18px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.sr-only{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.section{padding-block:var(--s12)}
.section-heading{display:grid;gap:var(--s6);align-items:end;margin-bottom:var(--s8)}
.section-heading p{max-width:52ch}
.section-heading .label{margin-bottom:var(--s4)}
.section>h2+.models-grid,.section>h2+.article-list,.section>h2+.comparison,.section>h2+.gallery{margin-top:var(--s8)}
.section-intro{max-width:var(--prose);margin-top:var(--s6)}
.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--s6);font-weight:500}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--s3) var(--s6);border:1px solid transparent;border-radius:var(--r-pill);font-size:var(--f-sm);line-height:24px;font-weight:500;text-decoration:none;text-align:center}
.primary{background:var(--k-wegiel);color:var(--k-osika)}
.secondary{background:transparent;border-color:currentColor;color:inherit}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border:1px solid var(--k-kontrolka);border-radius:var(--r-pill);background:transparent;font-size:var(--f-lead);line-height:32px}
.arrows{display:flex;gap:var(--s2)}
.skip{position:fixed;z-index:600;top:var(--s4);left:var(--s4);transform:translateY(-200%);background:var(--k-osika);padding:var(--s4);border-radius:var(--r-field)}
.skip:focus{transform:translateY(0)}
.site-header{position:fixed;top:var(--s4);left:0;right:0;z-index:200;pointer-events:none}
.header-inner{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:52px;max-width:960px;padding:var(--s1) var(--s1) var(--s1) var(--s4);transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);border-radius:var(--r-pill);background:color-mix(in srgb,var(--k-osika) 85%,transparent);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:1px solid color-mix(in srgb,var(--k-wegiel) 8%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--k-wegiel) 8%,transparent)}
main{padding-top:calc(56px + var(--s16))}
.home main{padding-top:0}
.brand{width:96px;flex-shrink:0;min-height:44px;display:flex;align-items:center}
.brand img{width:100%}
.header-actions{display:flex;align-items:center;gap:var(--s4);margin-left:auto}
.header-phone{display:none!important;font-size:var(--f-sm);line-height:24px;color:inherit;min-height:44px;align-items:center;white-space:nowrap}
.header-cta{min-height:44px;padding:var(--s2) var(--s4);white-space:nowrap}

.menu-toggle{display:flex;align-items:center;gap:var(--s2);min-height:44px;border:0;background:transparent;padding:var(--s2);font-size:var(--f-sm);line-height:24px}
.menu-toggle img{width:24px;height:28px}
.main-nav{display:flex;flex-direction:column;width:100%;gap:var(--s2)}
.main-nav>a,.mega>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:inherit;text-decoration:none;padding:var(--s2) 0;list-style:none;cursor:pointer}
.mega>summary::-webkit-details-marker{display:none}
.main-nav [aria-current=page]{text-decoration:underline;text-underline-offset:8px}
.menu-close{align-self:end;margin-bottom:var(--s2)}
.js .main-nav{position:fixed;bottom:var(--s4);left:var(--s4);width:calc(100% - 32px);max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain;background:var(--k-osika);border-radius:var(--r-panel);padding:var(--s6);z-index:300;box-shadow:0 16px 48px color-mix(in srgb,var(--k-wegiel) 18%,transparent)}
.menu-backdrop{position:fixed;inset:0;z-index:150;background:color-mix(in srgb,var(--k-wegiel) 40%,transparent)}
.mega-top{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding-bottom:var(--s4);font-size:var(--f-sm);line-height:24px}
.mega-top>a{min-height:44px;display:flex;align-items:center}
.menu-mark{width:24px;height:28px}
.mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.mini-model{border-radius:var(--r-field);padding:var(--s3);display:flex;flex-direction:column;color:var(--panel-ink);text-decoration:none;min-width:0}
.mini-model .brand-photo{aspect-ratio:3/2;display:grid;align-content:center}
.mini-model .brand-photo img{max-height:96px;object-fit:contain;margin:auto}
.mini-model figcaption{font-size:var(--f-xs);line-height:18px}
.mini-model strong{font-size:var(--f-sm);line-height:24px;display:block}
.mini-model small{font-size:var(--f-xs);line-height:18px;display:block;margin-top:var(--s1)}
.breadcrumbs{padding-top:var(--s6);font-size:var(--f-xs);line-height:18px;color:var(--k-tekst-cichy)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);padding:0;margin:0;list-style:none}
.breadcrumbs li:not(:last-child)::after{content:'/';margin-left:var(--s3)}
.breadcrumbs a{color:inherit;display:inline-flex;min-height:44px;align-items:center}
.breadcrumbs [aria-current]{display:inline-flex;min-height:44px;align-items:center}
.tone-wegiel{--panel-bg:var(--k-wegiel);--panel-ink:var(--k-osika);--panel-pattern:url('/assets/marka/wzor-wegiel.svg')}
.tone-osika{--panel-bg:var(--k-osika);--panel-ink:var(--k-wegiel);--panel-pattern:url('/assets/marka/wzor-osika.svg')}
.tone-bialy{--panel-bg:var(--k-bialy);--panel-ink:var(--k-wegiel);--panel-pattern:url('/assets/marka/wzor-osika.svg')}
.tone-studio{--panel-bg:var(--k-studio);--panel-ink:var(--k-wegiel);--panel-pattern:url('/assets/marka/wzor-osika.svg')}
.patterned{position:relative;isolation:isolate;background-color:var(--panel-bg);color:var(--panel-ink)}
.patterned::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background-image:var(--panel-pattern);background-size:cover;background-position:right center;pointer-events:none}
.patterned a{color:inherit}
.panel-mark{position:absolute;width:40px;height:48px;top:var(--s6);right:var(--s6);opacity:.7}
.brand-photo img{width:100%;object-fit:contain}
.brand-photo figcaption,.photo figcaption{font-size:var(--f-xs);line-height:18px;margin-top:var(--s2)}
.photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-image)}
.media-section{position:relative;isolation:isolate;overflow:hidden;color:var(--k-bialy)}
.media-section::before{content:'';position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--k-wegiel) 68%,transparent);pointer-events:none}
.media-section>.photo{position:absolute;inset:0;margin:0}
.media-section>.photo img,.hero-video{width:100%;height:100%;object-fit:cover;border-radius:0}
.media-section>.photo figcaption{position:absolute;right:var(--s4);bottom:var(--s4);z-index:4;color:var(--k-bialy);background:var(--k-wegiel);border-radius:var(--r-pill);padding:var(--s1) var(--s2);font-size:var(--f-xs);line-height:18px;margin:0}
.hero-video{position:absolute;inset:0;pointer-events:none}
.home-hero{display:grid;align-items:end;min-height:100vh;min-height:100svh;padding-block:var(--s16)}
.hero-copy{position:relative;z-index:3}
.home-hero h1{font-size:var(--f-h2);line-height:48px;letter-spacing:-.02em;font-weight:700;max-width:19ch;text-wrap:balance}
.h1-nad{display:block;font:500 var(--f-xs)/18px Jost,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--s8)}
.hero-lead{max-width:48ch;margin-top:var(--s6);font-size:var(--f-body);line-height:28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s8)}
.light-primary{background:var(--k-bialy);color:var(--k-wegiel)}
.light-secondary{border-color:var(--k-bialy);color:var(--k-bialy);background:transparent}
.motion-toggle{position:absolute;z-index:4;right:var(--s4);top:calc(56px + var(--s8));min-height:44px;border:1px solid currentColor;border-radius:var(--r-pill);padding:var(--s2) var(--s4);background:var(--k-wegiel);color:var(--k-bialy);font-size:var(--f-xs);line-height:18px}
.slow-zoom img{animation:hero-zoom 16s ease-in-out infinite alternate;transform-origin:center}
.motion-paused .slow-zoom img{animation-play-state:paused}
@keyframes hero-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}
.carousel{border-radius:var(--r-panel);position:relative;min-width:0}
.price-note{margin-top:var(--s6)}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s6);flex-wrap:wrap}
.swipe-surface{touch-action:pan-y}
.scene-section{min-height:720px;padding-block:var(--s16);display:flex;align-items:center;margin-top:var(--s12)}
.scene-section::before{display:none}
.scene-shade{position:absolute;z-index:3;inset:0;background:color-mix(in srgb,var(--k-wegiel) 55%,transparent);pointer-events:none}
.scene-content{position:relative;z-index:4}
.scene-copy{max-width:680px}
.scene-copy h2{font-size:var(--f-h2);line-height:52px}
.proof{display:grid;gap:var(--s6);margin-top:var(--s8)}
.proof>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);padding-top:var(--s4);border-top:1px solid color-mix(in srgb,var(--k-bialy) 30%,transparent)}
.proof strong{font-family:'Libre Baskerville',Georgia,serif;font-size:var(--f-h2);line-height:52px;font-weight:700;white-space:nowrap}
.proof>div:nth-child(2) strong{font-size:var(--f-h3);line-height:38px}
.proof span{font-size:var(--f-sm);line-height:24px}
.technology-section{margin-top:var(--s12)}
.technology-foot{max-width:var(--prose);margin:var(--s8) auto 0}
.technology-foot a{color:var(--k-osika)}
.full-wall{margin-top:var(--s8);padding-block:var(--s4)}
.dark-section .full-wall{max-width:var(--prose);margin-inline:auto}
.steps{list-style:none;padding:0;margin:var(--s8) 0 0;display:grid;gap:var(--s8)}
.steps>li{min-width:0}
.steps h3{font-size:var(--f-lead);line-height:32px}
.steps h3+p{margin-top:var(--s4)}
.timeline>li{position:relative}
.ground-options>li{padding:var(--s8);border-radius:var(--r-panel);background:var(--k-studio)}
.ending-section{margin-top:var(--s12);padding-block:calc(var(--s16) + var(--s8));text-align:center}
.ending-copy{position:relative;z-index:3;max-width:960px}
.ending-copy h2{font-size:var(--f-h2);line-height:52px}
.ending-copy>p{max-width:52ch;margin:var(--s6) auto 0}
.ending-copy>.button{margin-top:var(--s8)}
.ending-phones{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s6) var(--s12);margin-top:var(--s8)}
.ending-phones p{font-size:var(--f-xs);line-height:18px;margin:0}
.ending-phones a{display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--k-bialy);font-size:var(--f-lead);line-height:32px;margin-top:var(--s2)}
.faq-section{display:grid;gap:var(--s8)}
.faq-section h2{font-size:var(--f-h2);line-height:52px}
.faq{min-width:0}
details:not(.mega){border-top:1px solid var(--k-linia)}
.faq>details:last-child{border-bottom:1px solid var(--k-linia)}
summary{cursor:pointer;min-height:64px;list-style:none}
summary::-webkit-details-marker{display:none}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);padding:var(--s6) 0;font-family:'Libre Baskerville',Georgia,serif;font-size:var(--f-lead);line-height:32px;font-weight:700}
summary>span{flex-shrink:0}
details[open]>summary>span{transform:rotate(45deg)}
.faq details>div{padding:0 0 var(--s6);max-width:var(--prose)}
.cta-panel{padding:var(--s12) var(--s6);border-radius:var(--r-panel)}
.cta-paper{position:relative;display:grid;gap:var(--s6);background:var(--k-osika);color:var(--k-wegiel);padding:var(--s8);border-radius:var(--r-image);max-width:1120px;margin-inline:auto}
.cta-paper h2{font-size:var(--f-h2);line-height:52px}
.cta-paper .button{margin-top:var(--s6)}
.page-hero{padding-block:var(--s12)}
.page-hero h1{max-width:20ch}
.page-hero p{max-width:56ch}
.page-hero .label{margin-bottom:var(--s6)}
.page-hero .label+p{margin-top:0}
.models-grid{display:grid;gap:var(--s6);margin-top:var(--s8)}
.model-card{border-radius:var(--r-panel);padding:var(--s8);display:flex;flex-direction:column;min-width:0}
.model-card>.brand-photo{padding:var(--s6) 0;display:flex;flex-direction:column;justify-content:end;min-height:240px}
.model-card>.brand-photo img{max-height:320px;object-fit:contain}
.model-card h3{font-size:var(--f-h2);line-height:52px;margin-top:var(--s3)}
.model-card-copy{max-width:44ch}
.model-title{text-decoration:none;color:inherit}
.model-card p{font-size:var(--f-sm);line-height:24px}
.model-card p+p{margin-top:var(--s3)}
.model-card .button{margin-top:var(--s6)}
.model-card .panel-mark{top:var(--s4);right:var(--s4);width:24px;height:28px}
.comparison{width:100%;border-collapse:collapse;text-align:left;font-size:var(--f-sm);line-height:24px;margin-top:var(--s8)}
.comparison caption{text-align:left;margin-bottom:var(--s6);color:var(--k-tekst-cichy)}
.comparison th,.comparison td{padding:var(--s4);vertical-align:top;overflow-wrap:anywhere}
.comparison thead{display:none}
.comparison tr{display:grid;border-bottom:1px solid var(--k-linia);padding-block:var(--s4)}
.comparison tbody th{font-size:var(--f-lead);line-height:32px;padding:var(--s2) 0}
.comparison td{display:grid;grid-template-columns:24px 1fr;gap:var(--s4);padding:var(--s3) 0}
.comparison td::before{content:attr(data-label);color:var(--k-link);font-weight:500}
.content-table td{grid-template-columns:1fr;gap:var(--s1)}
.source{margin-top:var(--s6);max-width:var(--prose);color:var(--k-tekst-cichy)}
.heater-grid{display:grid;gap:var(--s6);margin-top:var(--s8)}
.heater-card{display:block;border-radius:var(--r-panel);padding:var(--s8);text-decoration:none;color:var(--panel-ink)}
.heater-card h3{font-size:var(--f-h2);line-height:52px;margin-top:var(--s6)}
.model-hero{display:grid;gap:var(--s8);padding-top:var(--s8)}
.model-stage{border-radius:var(--r-panel);display:grid;align-items:center;padding:var(--s8)}
.model-stage .brand-photo{width:100%}
.model-configuration h1{font-size:var(--f-h2);line-height:52px;margin-top:var(--s4)}
.model-configuration p{font-size:var(--f-sm);line-height:24px}
.model-configuration .price-label{font-size:var(--f-lead);line-height:32px;font-weight:500;margin-top:var(--s6)}
.model-configuration .price-label+.small{margin-top:var(--s2)}
fieldset{border:0;padding:0;margin:var(--s6) 0 0;min-width:0}
legend{font-weight:500;font-size:var(--f-sm);line-height:24px;padding:0;margin-bottom:var(--s3)}
.option-pills{display:flex;flex-wrap:wrap;gap:var(--s2)}
.option{position:relative;cursor:pointer;min-width:0}
.option input{position:absolute;opacity:0;width:1px;height:1px}
.option>span{display:flex;align-items:center;gap:var(--s2);border:1px solid var(--k-kontrolka);border-radius:var(--r-pill);padding:var(--s2) var(--s4);min-height:44px;font-size:var(--f-sm);line-height:24px}
.option input:checked+span{border-color:var(--k-wegiel);background:var(--k-studio)}
.option input:focus-visible+span{outline:2px solid var(--k-dunajec);outline-offset:4px}
.sample{display:block;border-radius:50%;background:var(--sample-bg) var(--sample-img,none) center/cover;color:var(--sample-ink,var(--k-bialy))}
.option .sample{width:24px;height:24px;flex-shrink:0}
.sample-ciemna-deska{--sample-bg:var(--k-ciemna-deska);--sample-img:url('/assets/zdjecia/elewacja-ciemna-deska-800.jpg')}
.sample-modrzew{--sample-bg:var(--k-drewno);--sample-ink:var(--k-wegiel);--sample-img:url('/assets/zdjecia/elewacja-modrzew-800.jpg')}
.sample-blacha{--sample-bg:var(--k-blacha);--sample-img:url('/assets/zdjecia/elewacja-blacha-800.jpg')}
.model-quote{margin-top:var(--s8);width:100%}
.gallery-rail{display:flex;gap:var(--s4);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:var(--s4)}
.gallery-rail .photo{flex:0 0 85%;scroll-snap-align:start}
.model-details{display:grid;gap:var(--s8)}
.specs>div{padding-block:var(--s4);border-bottom:1px solid var(--k-linia)}
.specs dt{font-size:var(--f-sm);line-height:24px}
.specs dd{margin-top:var(--s2)}
.facts-section{display:grid;gap:var(--s8)}
.market dt{white-space:nowrap;font-size:var(--f-lead);line-height:32px}
.signature-hero{display:grid;gap:var(--s8);align-items:center}
.signature-hero>.brand-photo{width:100%;max-width:520px;margin:auto}
.split-section{display:grid;gap:var(--s8);align-items:center}
.text-section .prose>h2+p{margin-top:var(--s6)}
.related-links{list-style:none;padding:0;margin:0}
.custom-samples{display:grid;gap:var(--s6);margin-top:var(--s8)}
.sample-panel{background:var(--k-studio);border-radius:var(--r-panel);padding:var(--s6)}
.big-samples{display:flex;gap:var(--s3);justify-content:space-around;flex-wrap:wrap}
.big-samples .sample{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:var(--f-xs);line-height:18px;text-align:center;padding:var(--s2)}
.window-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.window-samples svg{width:100%;height:auto}
.window-frame{fill:var(--k-drewno)}
.window-glass{fill:var(--k-dunajec)}
.delivery-hero{padding:var(--s8);border-radius:var(--r-panel);display:grid;gap:var(--s8);margin-top:var(--s6)}
.delivery-hero h1{position:relative;font-size:var(--f-h2);line-height:52px}
.delivery-hero .photo{position:relative}
.delivery-table tbody th{font-size:var(--f-h3);line-height:38px}
.delivery-table td:last-child{font-size:var(--f-lead);line-height:32px;font-weight:600;white-space:nowrap}
.page-guide .table-section{background:var(--k-studio);border-radius:var(--r-panel);padding:var(--s8);margin-block:var(--s8)}
.page-guide .table-section caption{color:var(--k-wegiel)}
.filters{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s8)}
.filter-pill{min-height:44px;border:1px solid var(--k-kontrolka);border-radius:var(--r-pill);background:transparent;padding:var(--s2) var(--s4);font-size:var(--f-sm);line-height:24px}
.filter-pill[aria-pressed=true]{background:var(--k-studio);border-color:var(--k-wegiel)}
.filter-count{margin-top:var(--s4);color:var(--k-tekst-cichy)}
.article-list{display:grid;gap:var(--s6);margin-top:var(--s6)}
.article-card{border-radius:var(--r-panel);padding:var(--s8);min-width:0;display:flex;flex-direction:column;align-items:start}
.article-card h3{font-size:var(--f-h3);line-height:38px;position:relative;margin-top:var(--s12)}
.article-card h3 a{text-decoration:none}
.article-card p{font-size:var(--f-sm);line-height:24px;max-width:52ch}
.article-card>.text-link{margin-top:auto;padding-top:var(--s6)}
.article-card .panel-mark{width:24px;height:28px}
.article-heading{max-width:var(--prose);padding-top:var(--s12)}
.article-heading h1{font-size:var(--f-h2);line-height:52px;margin-top:var(--s6)}
.quick-answer{position:relative;background:var(--k-studio);padding:var(--s8);border-radius:var(--r-panel);margin-top:var(--s8)}
.quick-answer>.label{margin-bottom:var(--s4)}
.quick-answer .panel-mark{width:24px;height:28px;top:var(--s6);right:var(--s6)}
.article-heading>.photo{margin-top:var(--s8)}
.page-article .text-section,.page-privacy .text-section,.page-article .table-section{max-width:var(--prose)}
.page-article .section,.page-privacy .section{padding-block:var(--s8)}
.page-article .table-section{width:calc(100% - 32px)}
.brand-story{display:grid;align-items:center;gap:var(--s8);padding:var(--s8);border-radius:var(--r-panel)}
.story-mark{width:100%;max-width:240px;margin:auto}
.people{display:grid;gap:var(--s4);margin-top:var(--s8)}
.contact-person{padding:var(--s6);border:1px solid var(--k-linia);border-radius:var(--r-image);min-width:0}
.contact-person a{display:flex;align-items:center;min-height:44px;max-width:100%;font-size:var(--f-sm);line-height:24px}
.person-number{font-family:'Libre Baskerville',Georgia,serif;font-size:var(--f-h3);line-height:38px;color:var(--k-tekst-cichy)}
.contact-person h3{margin-top:var(--s4)}
.contact-grid{display:grid;gap:var(--s8);align-items:start}
.contact-grid aside>p{margin-top:var(--s6)}
.quote-form{background:var(--k-bialy);border-radius:var(--r-panel);padding:var(--s6);min-width:0}
.quote-form>p{font-size:var(--f-sm);line-height:24px;margin-top:var(--s4)}
.form-grid{display:grid;gap:var(--s6);margin-top:var(--s8)}
.field>label{display:block;font-size:var(--f-sm);line-height:24px;font-weight:500;margin-bottom:var(--s2)}
input:not([type=checkbox]):not([type=radio]),textarea{width:100%;min-height:48px;border:1px solid var(--k-kontrolka);border-radius:var(--r-field);background:var(--k-osika);padding:var(--s3) var(--s4);font-size:var(--f-body);line-height:28px}
textarea{resize:vertical;min-height:128px}
input::placeholder,textarea::placeholder{color:var(--k-tekst-cichy);opacity:1}
input[aria-invalid=true]{border-color:var(--k-zar)}
input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--k-wegiel);flex-shrink:0}
.choices{display:grid;gap:var(--s2)}
.choices label,.consent{display:flex!important;align-items:center;gap:var(--s3);min-height:44px;cursor:pointer;font-size:var(--f-sm);line-height:24px;padding-block:var(--s2)}
.choices.inline{display:flex;flex-wrap:wrap;gap:var(--s6)}
.quote-form>.field,.quote-options{margin-top:var(--s6)}
.quote-options{padding:var(--s6) 0;border-top:1px solid var(--k-linia);border-bottom:1px solid var(--k-linia)}
.field-error{font-size:var(--f-sm);line-height:24px;color:var(--k-wegiel);font-weight:500;margin-top:var(--s2)}
.notice{background:var(--k-studio);padding:var(--s4);border-radius:var(--r-field);overflow-wrap:anywhere}
.notice:empty{display:none}
.quote-form>.button{margin-top:var(--s6)}
.gallery{display:grid;gap:var(--s6)}


/* v4: menu zlewa się z nagłówkiem na górze strony, pasek pojawia się po przewinięciu */
.logo-jasne{display:none}
.brand img{grid-area:1/1}
.main-nav>a,.mega>summary{font-size:var(--f-sm);line-height:24px}
html:not(.przewiniety) .header-inner{background-color:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.przewiniety) body.home .header-inner{color:var(--k-bialy)}
html:not(.przewiniety) body.home .logo-ciemne{display:none}
html:not(.przewiniety) body.home .logo-jasne{display:block}
html:not(.przewiniety) body.home .menu-toggle img{filter:invert(1)}
html:not(.przewiniety) body.home .header-cta{background:var(--k-bialy);color:var(--k-wegiel)}
.js .main-nav{color:var(--k-wegiel)}
.media-section>.photo figcaption{display:none}
/* v4: pas kategorii jak shop.com */
/* v4: odznaka D z numerem */
.odznaka-d{display:inline-grid;place-items:center;width:44px;height:52px;background:var(--k-wegiel);color:var(--k-osika);-webkit-mask:url('/assets/marka/odznaka-d.svg') center/contain no-repeat;mask:url('/assets/marka/odznaka-d.svg') center/contain no-repeat;font:700 var(--f-sm)/24px 'Libre Baskerville',Georgia,serif;flex-shrink:0}
.odznaka-d>span{transform:translateX(-3px)}
.odznaka-d.jasna{background:var(--k-osika);color:var(--k-wegiel)}
/* v4: technologia jako karty warstw */
.warstwy-karty{list-style:none;margin:var(--s8) 0 0;padding:0 max(var(--s4),calc((100% - var(--container))/2));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory}
.warstwa-karta{scroll-snap-align:start;display:grid;grid-template-rows:176px auto;border-radius:var(--r-field);overflow:hidden;background:var(--k-bialy)}
.warstwa-karta.szeroka{grid-column:span 2}
.warstwa-probka{display:block;background:var(--probka)}
.probka-1{--probka:var(--k-w1)}.probka-2{--probka:var(--k-w2)}.probka-3{--probka:var(--k-w3)}.probka-4{--probka:var(--k-w4)}.probka-5{--probka:var(--k-w5)}.probka-6{--probka:var(--k-w6)}.probka-7{--probka:var(--k-w7)}
.probka-1,.probka-7{background-image:repeating-linear-gradient(0deg,transparent 0 31px,color-mix(in srgb,var(--k-wegiel) 14%,transparent) 31px 32px)}
.probka-6{background-image:radial-gradient(circle,var(--k-osika) 2px,transparent 2.5px);background-size:16px 16px}
.warstwa-tekst{display:grid;align-content:start;gap:var(--s2);padding:var(--s4)}
.warstwa-tekst strong{font-size:var(--f-body);line-height:28px}
.warstwa-tekst>span:last-child{font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
.technology-section .text-link{margin-top:var(--s4)}
.warstwa-foto{width:100%;height:100%;object-fit:cover}
.opcje-zdjecia{display:grid;gap:var(--s12);margin-top:var(--s8)}
.opcje-zdjecia h3{margin-bottom:var(--s4)}
.opcje-elewacja{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.opcje-okno{display:grid;gap:var(--s4)}
.opcja-foto img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-field)}
.opcja-foto.okno img{aspect-ratio:3/2}
.opcja-foto figcaption{margin-top:var(--s2);font-size:var(--f-sm);line-height:24px}
/* v4: oś czasu z odznaką D */
.krok-foto{position:relative;margin-bottom:var(--s4)}
.krok-foto .photo img{aspect-ratio:4/5;border-radius:var(--r-field)}
.krok-foto .odznaka-d{position:absolute;right:var(--s4);bottom:var(--s4)}
/* v4: zdjęcie z konturem sygnetu */
.scene-kontur{position:absolute;z-index:2;right:6%;top:15%;height:70%;width:auto;opacity:.5;pointer-events:none}

@media (max-width:389px){
 .home-hero h1{font-size:var(--f-h3);line-height:38px}
}
@media (min-width:768px){
 .opcje-okno{grid-template-columns:repeat(2,minmax(0,1fr))}
 .container{width:calc(100% - 48px)}
 .section{padding-block:var(--s16)}
 .home-hero h1{font-size:var(--f-h1);line-height:64px;letter-spacing:-.02em}
 .ending-copy h2{font-size:var(--f-h2);line-height:52px;letter-spacing:-.01em}
 .section-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}
 .section-heading h2{max-width:20ch}
 .models-grid,.heater-grid,.article-list,.custom-samples,.people{grid-template-columns:repeat(2,minmax(0,1fr))}
 .carousel-controls{padding:var(--s6) var(--s12)}
 .signature-hero,.split-section,.brand-story,.delivery-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .faq-section,.model-details,.facts-section{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s12)}
 .cta-panel{padding:var(--s16)}
 .cta-paper{grid-template-columns:minmax(0,3fr) minmax(0,2fr);padding:var(--s12);gap:var(--s12)}
 .cta-paper h2{font-size:var(--f-h2);line-height:52px;letter-spacing:-.01em}
 .comparison thead{display:table-header-group}
 .comparison tr{display:table-row;padding:0}
 .comparison th,.comparison td{border-bottom:1px solid var(--k-linia);padding:var(--s6) var(--s4);width:25%}
 .comparison thead th{font-weight:500;background:var(--k-studio)}
 .comparison th:first-child{padding-left:0}
 .comparison tbody th{font-size:var(--f-sm);line-height:24px}
 .comparison td{display:table-cell}
 .comparison td::before{display:none}
 .content-table th,.content-table td{width:auto}
 .gallery-rail .photo{flex-basis:45%}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--s12)}
 .contact-grid .people{grid-template-columns:1fr}
 .quote-form{padding:var(--s8)}
 .big-samples .sample{width:112px;height:112px;font-size:var(--f-sm);line-height:24px}
 .page-guide .table-section{padding:var(--s12)}
 .delivery-table tbody th{font-size:var(--f-h3);line-height:38px}
 .delivery-table td:last-child{font-size:var(--f-h3);line-height:38px}
 .article-heading h1{font-size:var(--f-h2);line-height:52px;letter-spacing:-.01em}
}
@media (min-width:1024px){
 .js .main-nav{color:inherit}
 .motion-toggle{top:auto;bottom:var(--s12)}
 .warstwy-karty{grid-auto-columns:minmax(0,1fr);padding-inline:max(var(--s8),calc((100% - var(--container))/2))}
 .container{width:calc(100% - 64px)}
 h2{font-size:var(--f-h2);line-height:52px}
 .header-inner{flex-wrap:nowrap;gap:var(--s8);width:max-content;max-width:calc(100% - 64px);justify-content:center;padding:var(--s1) var(--s1) var(--s1) var(--s2)}
 .brand{width:104px}
 .main-nav,.js .main-nav{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;width:auto;max-height:none;overflow:visible;background:transparent;padding:0;border-radius:0;box-shadow:none;gap:var(--s6);font-size:var(--f-sm);line-height:24px;flex:none}
 .main-nav>a,.mega>summary{white-space:nowrap}
 .main-nav .menu-close,.mobile-contact{display:none!important}
 .header-actions{margin:0}
 .mega-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:var(--container);padding:var(--s6);background:var(--k-osika);border:1px solid var(--k-linia);border-radius:var(--r-panel);box-shadow:0 16px 48px color-mix(in srgb,var(--k-wegiel) 12%,transparent)}
 .mega-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
 .mega-top>a{margin-left:auto}
 .mini-model{padding:var(--s4)}
 .mini-model .brand-photo img{max-height:144px}
 .home-hero h1{font-size:var(--f-h1);line-height:64px;letter-spacing:-.02em}
 .scene-shade{right:auto;width:46%;background:color-mix(in srgb,var(--k-wegiel) 45%,transparent)}
 .scene-copy h2{font-size:var(--f-h2);line-height:52px;letter-spacing:-.01em}
 .proof>div:nth-child(2) strong{font-size:var(--f-h2);line-height:52px}
 .home-hero .h1-nad{font-size:var(--f-xs);line-height:18px}
 .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
 .page-delivery .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
 .page-hero h1{font-size:var(--f-h2);line-height:52px;letter-spacing:-.01em}
 .model-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s12);align-items:start}
 .model-stage{min-height:640px;position:sticky;top:112px;padding:var(--s12)}
 .model-configuration h1{font-size:var(--f-h2);line-height:52px;letter-spacing:-.01em}
 .model-configuration p{max-width:52ch}
 .page-hero{padding-block:var(--s16)}
 .page-guide .table-section{padding:var(--s16)}
 .delivery-hero{padding:var(--s12);align-items:center}
 .delivery-hero h1{font-size:var(--f-h2);line-height:52px;letter-spacing:-.01em}
 .page-technology .text-section,.page-custom .text-section{max-width:var(--container)}
 .page-technology .text-section>.prose,.page-custom .text-section>.prose{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4) var(--s12);background:var(--k-studio);padding:var(--s12);border-radius:var(--r-panel)}
 .page-technology .text-section:nth-of-type(even)>.prose{background:var(--k-bialy)}
 .page-technology .text-section h2,.page-custom .text-section h2{grid-row:span 4;max-width:16ch}
 .page-technology .text-section p,.page-custom .text-section p{margin:0}
 .article-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
 .signature-hero .brand-photo img{max-height:560px}
}
@media (min-width:1440px){
 .section{padding-block:calc(var(--s16) + var(--s8))}
 .main-nav,.js .main-nav{gap:var(--s6)}
 .signature-hero{gap:var(--s16)}
 .model-stage{min-height:720px}
}
@media (hover:hover) and (pointer:fine){
 a:hover{text-decoration-thickness:2px}
 .button:hover,.icon-button:hover,.filter-pill:hover{opacity:.78}
 .main-nav>a:hover,.mega>summary:hover{color:var(--k-link)}
 .model-card:hover .model-title,.article-card:hover h3 a{text-decoration:underline;text-underline-offset:8px}
 .mini-model:hover{transform:translateY(-4px)}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hero-video,.motion-toggle{display:none!important}
 .slow-zoom img{animation:none;transform:none}
 *,*::before,*::after{transition:none!important;animation:none!important}
 button:active,.button:active,.model-title:active,.mini-model:hover{transform:none}
 .gallery-rail{scroll-behavior:auto}
}

/* v5: pas modeli: słowa na górze, sauna rośnie na osi aktywnego słowa, opis z lewej */
.pas-sekcja{background:var(--k-jasne-tlo);padding-block:var(--s12) var(--s16);overflow:hidden}
.pas{position:relative;overflow:hidden;overflow:clip;touch-action:pan-y;margin-bottom:calc(-1 * var(--s3));-webkit-mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}
.pas-tor{display:flex;align-items:flex-end;gap:var(--s8);width:max-content;transition:transform .5s cubic-bezier(.2,.8,0,1);will-change:transform}
.pas-slowo{border:0;background:none;padding:0;font:700 var(--f-h2)/52px 'Libre Baskerville',Georgia,serif;letter-spacing:-.02em;white-space:nowrap;color:color-mix(in srgb,var(--k-wegiel) 28%,transparent);min-height:44px;cursor:pointer}
.pas-slowo[aria-pressed=true]{color:var(--k-wegiel)}
.pas-scena{display:grid;gap:var(--s6)}
.pas-obrazy{position:relative;z-index:1;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:end center;height:240px;pointer-events:none}
.pas-sauna{grid-area:1/1;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;transform-origin:50% 0;transition:opacity .5s cubic-bezier(.2,.8,0,1),transform .5s cubic-bezier(.2,.8,0,1)}
.pas-sauna.wchodzi{opacity:0;transform:translateY(calc(-1 * var(--s8))) scale(.5)}
.pas-infos{order:2}
.pas-info .label{color:var(--k-tekst-cichy)}
.pas-info h3{font-size:var(--f-h3);line-height:38px;margin-top:var(--s2)}
.pas-info>p:not(.label){margin-top:var(--s3);font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
.pas-dane{display:grid;margin:var(--s6) 0 0;font-size:var(--f-sm);line-height:24px}
.pas-dane div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--s4);padding-block:var(--s2);border-top:1px solid var(--k-linia)}
.pas-dane div:last-child{border-bottom:1px solid var(--k-linia)}
.pas-dane dt{color:var(--k-tekst-cichy)}
.pas-dane dd{margin:0;font-weight:500}
.pas-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s6);margin-top:var(--s6)}
.pas-akcje .text-link{margin-top:0}
.pas-sterowanie{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s8)}
.pas-licznik{margin-left:var(--s2);font-size:var(--f-sm);line-height:24px;font-variant-numeric:tabular-nums;color:var(--k-tekst-cichy)}
@media (max-width:389px){.pas-slowo{font-size:var(--f-h3);line-height:38px}}
@media (min-width:1024px){
 .pas-tor{gap:var(--s16)}
 .pas-slowo{font-size:var(--f-hero);line-height:96px}
 .pas-scena{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s12)}
 .pas-infos{order:0;align-self:end}
 .pas{margin-bottom:calc(-1 * var(--s8))}
 .pas-obrazy{height:480px}
}
@media (min-width:1440px){.pas-obrazy{height:600px}}

/* v5: stopka w kolumnach, połowa dawnej wysokości: marka z hasłem, menu w trzech kolumnach, jeden przycisk */
.site-footer{background:var(--k-wegiel);color:var(--k-osika);margin-top:var(--s12);padding:var(--s12) 0 var(--s6)}
.home .site-footer{margin-top:0}
.site-footer a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.footer-top{display:grid;gap:var(--s6)}
.footer-logo{width:120px;height:auto}
.footer-quote{margin-top:var(--s3);font-family:'Libre Baskerville',Georgia,serif;font-size:var(--f-body);line-height:28px;max-width:20ch}
.footer-top nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s6);font-size:var(--f-sm);line-height:24px}
.footer-kontakt{display:flex;flex-direction:column;align-items:flex-start;font-size:var(--f-sm);line-height:24px}
.footer-kontakt .label{margin:0;min-height:32px;display:flex;align-items:center;color:color-mix(in srgb,var(--k-osika) 72%,transparent)}
.footer-kontakt>p:not(.label){margin:0;min-height:44px;display:flex;align-items:center}
.site-footer .footer-cta{margin-top:var(--s4)}
.site-footer .footer-cta{color:var(--k-wegiel)}
.footer-bottom{display:flex;flex-wrap:wrap;gap:0 var(--s6);align-items:center;margin-top:var(--s8);padding-top:var(--s3);border-top:1px solid color-mix(in srgb,var(--k-osika) 20%,transparent);font-size:var(--f-xs);line-height:18px;color:color-mix(in srgb,var(--k-osika) 72%,transparent)}
@media (min-width:1024px){
 .footer-top{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3fr);gap:var(--s12);align-items:start}
 .footer-top nav{grid-template-columns:repeat(3,max-content);gap:0 var(--s8)}
 .footer-top nav a,.footer-bottom a,.footer-kontakt a,.footer-kontakt>p:not(.label){min-height:32px}
 .site-footer .footer-cta{min-height:44px}
}
@media (max-width:767px){h1,h2{-webkit-hyphens:auto;hyphens:auto}}
/* v5: menu Sauny: strzałka wyśrodkowana z napisem, panel zawsze w kolorze tekstu (na filmie nagłówek jest biały) */
.mega>summary{gap:var(--s1)}
.mega-strzalka{flex:none;transition:transform .2s cubic-bezier(.4,0,.2,1)}
.mega[open] .mega-strzalka{transform:rotate(180deg)}
.mega-panel{color:var(--k-wegiel)}
@media (min-width:1024px){.mega-panel{width:min(var(--container),calc(100vw - 64px));margin-top:var(--s2)}}
@media (hover:hover) and (pointer:fine){html:not(.przewiniety) body.home .main-nav>a:hover,html:not(.przewiniety) body.home .mega>summary:hover{color:inherit;text-decoration:underline;text-underline-offset:8px}}
html:not(.przewiniety) body.home .mega[open]>summary{color:inherit}
/* v5: telefon: w pasku tylko logo i trzy kreski; menu zjeżdża od góry, na dole wycena i telefony */
.ikona-zamknij,.menu-toggle[aria-expanded=true] .ikona-menu{display:none}
.menu-toggle[aria-expanded=true] .ikona-zamknij{display:block}
@media (max-width:1023px){
 .header-actions{display:none}
 .menu-toggle{margin-left:auto;width:44px;height:44px;justify-content:center;padding:0;color:inherit}
 .brand,.menu-toggle{position:relative;z-index:310}
 .js .main-nav{top:0;bottom:auto;left:0;width:100%;max-height:100dvh;border-radius:0 0 var(--r-panel) var(--r-panel);padding:calc(var(--s16) + var(--s6)) var(--s4) var(--s6);gap:0;animation:menu-z-gory .3s cubic-bezier(.2,.8,0,1)}
 .main-nav .menu-close{display:none!important}
 .main-nav>a,.mega>summary{min-height:52px;font-size:var(--f-body);line-height:28px;font-weight:500;border-bottom:1px solid var(--k-linia)}
 .mobile-contact{display:grid;gap:var(--s2);margin-top:var(--s6)}
 .mobile-contact a:not(.button){min-height:44px;display:flex;align-items:center;font-size:var(--f-body);line-height:28px;color:inherit;font-variant-numeric:tabular-nums}
 html body.menu-open .header-inner,html body.home.menu-open .header-inner{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border-color:transparent;box-shadow:none;color:var(--k-wegiel)}
 html body.menu-open.home .logo-ciemne{display:block}
 html body.menu-open.home .logo-jasne{display:none}
}
@keyframes menu-z-gory{from{opacity:0;transform:translateY(calc(-1 * var(--s6)))}}


/* v6-firma: technologia, dostawa, o nas, kontakt, FAQ, realizacje (klasy f6-) */
.f6-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s6);margin-top:var(--s6)}
.f6-akcje .text-link{margin-top:0}
.f6-maly-tytul{font:500 var(--f-xs)/18px Jost,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--k-tekst-cichy)}
/* nagłówki bez dzielenia wyrazów: słowa mieszczą się w 358 px */
:is(.page-technology,.page-delivery,.page-about,.page-contact,.page-faq,.page-realizations) main :is(h1,h2,h3){-webkit-hyphens:manual;hyphens:manual}
/* fakty: liczba krojem nagłówka, opis drobnym pismem */
.f6-fakty{display:grid;grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:var(--s4) var(--s6);margin-top:var(--s8)}
.f6-fakty>div{display:grid;gap:var(--s1);padding-top:var(--s3);border-top:1px solid var(--k-linia);min-width:0}
.f6-fakty strong{font:700 var(--f-h3)/38px 'Libre Baskerville',Georgia,serif;white-space:nowrap}
.f6-fakty span{font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
.f6-fakty-zdjecie>div,.tone-wegiel .f6-fakty>div{border-top-color:color-mix(in srgb,var(--k-bialy) 30%,transparent)}
.f6-fakty-zdjecie span,.tone-wegiel .f6-fakty span{color:color-mix(in srgb,var(--k-osika) 80%,transparent)}
/* otwarcie technologii: tekst i fakty obok dużego zdjęcia */
.f6-otwarcie{display:grid;gap:var(--s8);padding-block:var(--s8) var(--s12)}
.f6-otwarcie .label,.f6-sygnet-otwarcie .label,.f6-faq-otwarcie .label,.f6-real-otwarcie .label,.f6-kontakt-glowa .label{margin-bottom:var(--s4);color:var(--k-tekst-cichy)}
.f6-otwarcie p:not(.label){max-width:48ch}
.f6-otwarcie-foto{position:relative}
.f6-otwarcie-foto .photo img{aspect-ratio:4/3}
.f6-kontur{position:absolute;right:var(--s6);bottom:var(--s6);height:40%;width:auto;opacity:.7;pointer-events:none}
/* zdjęcie obok tekstu */
.f6-split{display:grid;gap:var(--s8);align-items:center}
.f6-split .label,.f6-okna .label,.f6-ciemna .label,.f6-karta .label,.f6-podloze .label,.f6-dowozimy .label,.f6-dalej .label,.f6-znak .label{margin-bottom:var(--s3);color:var(--k-tekst-cichy)}
.f6-split p:not(.label){max-width:52ch}
/* porównanie okien */
.f6-okna-glowa{display:grid;gap:var(--s6)}
.f6-okna-zdjecia{display:grid;gap:var(--s6);margin-top:var(--s8)}
.f6-okno figcaption{display:grid;gap:var(--s1);margin-top:var(--s4)}
.f6-okno figcaption strong{font:700 var(--f-lead)/32px 'Libre Baskerville',Georgia,serif}
.f6-okno .label{margin:0}
/* jedyna ciemna sekcja na stronie technologii */
.f6-ciemna{display:grid;gap:var(--s8);padding:var(--s8) var(--s6);border-radius:var(--r-panel)}
.f6-ciemna .label{color:color-mix(in srgb,var(--k-osika) 72%,transparent)}
.f6-ciemna p:not(.label){max-width:52ch}
.f6-ciemna .f6-fakty{margin-top:0;align-content:end}
/* spokojny pas wyceny */
.f6-pas{display:grid;gap:var(--s6);align-items:center;padding:var(--s8) var(--s6);border-radius:var(--r-panel)}
.f6-pas-znak{width:64px;height:72px}
.f6-pas-sygnet{max-width:200px}
.f6-pas p{max-width:52ch}
/* dostawa: zdjęcie w kadrze */
.f6-kadr{display:grid;align-items:end;min-height:calc(var(--s16) * 8);border-radius:var(--r-panel);padding:var(--s8) var(--s6);margin-top:var(--s4)}
.f6-kadr::before{background:color-mix(in srgb,var(--k-wegiel) 55%,transparent)}
.f6-kadr>.photo img{border-radius:0}
.f6-kadr-tekst{position:relative;z-index:3;max-width:560px}
.f6-kadr-tekst .label{margin-bottom:var(--s4)}
.f6-kadr-tekst h1{font-size:var(--f-h3);line-height:38px}
.f6-kadr-tekst p:not(.label){max-width:48ch}
.f6-kadr-tekst .button{margin-top:var(--s8)}
/* trasa: Tarnów, auto z dźwigiem, ogród */
.f6-trasa{list-style:none;padding:0;margin-top:var(--s8);margin-bottom:0;display:grid;gap:var(--s6)}
.f6-trasa li{position:relative;display:grid;gap:var(--s1);padding-left:var(--s8);min-width:0}
.f6-trasa li:not(:last-child)::after{content:'';position:absolute;left:5px;top:var(--s6);bottom:calc(-1 * var(--s6));border-left:2px dotted var(--k-kontrolka)}
.f6-kropka{position:absolute;left:0;top:var(--s2);width:12px;height:12px;border-radius:50%;background:var(--k-wegiel)}
.f6-trasa strong{font:700 var(--f-lead)/32px 'Libre Baskerville',Georgia,serif}
.f6-trasa span:last-child{font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
/* podłoże: trzy karty ze zdjęciem i odznaką D */
.f6-podloze>ol{list-style:none;padding:0;margin:0;display:grid;gap:var(--s8)}
.f6-podloze li{min-width:0}
.f6-podloze-foto{position:relative;margin-bottom:var(--s4)}
.f6-podloze-foto .photo img{aspect-ratio:4/3;border-radius:var(--r-field)}
.f6-podloze-foto .odznaka-d{position:absolute;right:var(--s4);bottom:var(--s4)}
.f6-podloze-foto.pusta{display:grid;place-items:center;aspect-ratio:4/3;border-radius:var(--r-field);background:var(--k-studio)}
.f6-podloze-foto.pusta .odznaka-d{position:static}
.f6-podloze h3{font-size:var(--f-lead);line-height:32px}
.f6-podloze h3+p{margin-top:var(--s2);font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
/* dwie karty przed dostawą */
.f6-karty2{display:grid;gap:var(--s6);padding-top:0}
.f6-karta{position:relative;border-radius:var(--r-panel);padding:var(--s8) var(--s6);background:var(--panel-bg);min-width:0}
.f6-karta h2{font-size:var(--f-h3);line-height:38px;max-width:18ch}
.f6-karta p:not(.label){max-width:52ch}
.f6-wielka{font:700 var(--f-h2)/52px 'Libre Baskerville',Georgia,serif;white-space:nowrap;margin-bottom:var(--s4)}
.f6-karta .label+.f6-wielka{margin-top:0}
/* dokąd dowozimy: wiersze jak przystanki na trasie */
.f6-wzor{justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:var(--s2) var(--s4);border:1px solid var(--k-kontrolka);border-radius:var(--r-pill);font-size:var(--f-sm);line-height:24px;font-weight:500}
.f6-dowozimy-uklad{display:grid;gap:var(--s8);align-items:start}
.f6-trasa-tabela{width:100%;border-collapse:collapse;display:block}
.f6-trasa-tabela caption{display:block;text-align:left;font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy);margin-bottom:var(--s4)}
.f6-trasa-tabela thead{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.f6-trasa-tabela tbody{display:block}
.f6-trasa-tabela tr{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:'kropka miasto koszt' 'kropka km koszt';gap:0 var(--s4);align-items:center;padding-block:var(--s4);border-bottom:1px solid var(--k-linia)}
.f6-trasa-tabela tr::before{content:'';grid-area:kropka;width:12px;height:12px;border-radius:50%;border:2px solid var(--k-wegiel);background:var(--k-osika)}
.f6-trasa-tabela tbody th{grid-area:miasto;text-align:left;font:700 var(--f-lead)/32px 'Libre Baskerville',Georgia,serif;padding:0}
.f6-trasa-tabela td{padding:0}
.f6-trasa-tabela td:nth-of-type(1){grid-area:km;font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
.f6-trasa-tabela td:nth-of-type(2){grid-area:koszt;font:700 var(--f-lead)/32px 'Libre Baskerville',Georgia,serif;white-space:nowrap;text-align:right}
.f6-uwagi{margin-top:var(--s6);font-size:var(--f-sm);line-height:24px}
.f6-uwagi p+p{margin-top:var(--s2)}
.f6-dowozimy .source{margin-top:var(--s4)}
.f6-dalej{border-radius:var(--r-panel);padding:var(--s8) var(--s6);min-width:0}
.f6-dalej h3{font-size:var(--f-h3);line-height:38px}
.f6-dalej p:not(.label){font-size:var(--f-sm);line-height:24px}
.f6-dalej h3+p{margin-top:var(--s4)}
.f6-koniec{margin-top:var(--s12)}
.page-delivery .site-footer,.page-about .site-footer{margin-top:0}
/* o nas */
.f6-sygnet-otwarcie{display:grid;gap:var(--s8);align-items:center;padding-block:var(--s8) var(--s12)}
.f6-sygnet-otwarcie p:not(.label){max-width:48ch}
.f6-sygnet-otwarcie>.brand-photo{width:100%;max-width:320px;margin-inline:auto}
.f6-warsztat{margin-top:0}
.f6-warsztat .scene-shade{background:color-mix(in srgb,var(--k-wegiel) 64%,transparent)}
.f6-fakty-zdjecie span{color:var(--k-osika)}
.f6-warsztat .label{margin-bottom:var(--s4);color:color-mix(in srgb,var(--k-osika) 80%,transparent)}
.f6-split-odwrocony>div{order:2}
.f6-znak{display:grid;gap:var(--s8);align-items:center;padding:var(--s8) var(--s6);border-radius:var(--r-panel)}
.f6-znak-sygnet{display:grid;place-items:center}
.f6-znak-img{width:100%;max-width:200px;height:auto}
.f6-znak-punkty{display:grid;gap:var(--s6);margin-top:var(--s6)}
.f6-znak-punkty>div{padding-top:var(--s4);border-top:1px solid var(--k-linia)}
/* kontakt: formularz w spokojnym panelu obok kontaktów */
.f6-kontakt{display:grid;gap:var(--s8);padding-block:var(--s8) var(--s12);grid-template-areas:'glowa' 'form' 'osoby'}
.f6-kontakt-glowa{grid-area:glowa}
.f6-kontakt-glowa p:not(.label){max-width:44ch}
.f6-kontakt-form{grid-area:form;min-width:0}
.f6-kontakt-osoby{grid-area:osoby;min-width:0}
.f6-kontakt-osoby h2{font-size:var(--f-h3);line-height:38px}
.f6-kontakt-osoby .people{grid-template-columns:1fr;margin-top:var(--s6)}
.f6-kontakt-osoby .contact-person{background:var(--k-bialy);border-color:transparent}
.f6-kontakt-adres{margin-top:var(--s6);font-size:var(--f-sm);line-height:24px}
.f6-kontakt-adres a{display:inline-flex;align-items:center;min-height:44px}
.f6-kontakt-sygnet{max-width:240px;margin-top:var(--s8)}
.page-contact .quote-form{background:var(--k-bialy);border:1px solid var(--k-linia);box-shadow:0 1px 2px color-mix(in srgb,var(--k-wegiel) 4%,transparent)}
.page-contact .quote-form>h2{font-size:var(--f-h3);line-height:38px}
.page-contact .quote-form fieldset>.choices:not(.inline){grid-template-columns:1fr}
.page-contact .choices:not(.inline) label{border:1px solid var(--k-linia);border-radius:var(--r-field);padding:var(--s2) var(--s4)}
.page-contact .choices:not(.inline) label:has(input:checked){border-color:var(--k-wegiel);background:var(--k-studio)}
/* FAQ: grupy z bokiem i akordeonami */
.f6-faq-otwarcie{display:grid;gap:var(--s8);align-items:center;padding-block:var(--s8) var(--s12)}
.f6-faq-otwarcie p:not(.label){max-width:52ch}
.f6-faq-otwarcie .f6-maly-tytul{margin-top:var(--s8)}
.f6-faq-otwarcie>.brand-photo{width:100%;max-width:240px;margin-inline:auto}
.f6-pigulki{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.f6-pigulka{display:inline-flex;align-items:center;gap:var(--s2);color:inherit;text-decoration:none}
.f6-pigulka span{color:var(--k-tekst-cichy);font-variant-numeric:tabular-nums}
.f6-faq-grupa{display:grid;gap:var(--s6);border-top:1px solid var(--k-linia);scroll-margin-top:calc(var(--s16) + var(--s8))}
.f6-faq-bok h3{font-size:var(--f-h3);line-height:38px}
.f6-faq-bok .label{margin-bottom:var(--s3);color:var(--k-tekst-cichy)}
.f6-faq-bok .photo{margin-top:var(--s6);display:none}
.f6-faq-bok .text-link{margin-top:var(--s4)}
.f6-faq-grupa .faq summary{font-size:var(--f-body);line-height:28px}
/* realizacje: mozaika wizualizacji */
.f6-real-otwarcie{display:grid;gap:var(--s6);padding-block:var(--s8)}
.f6-real-otwarcie p:not(.label){max-width:52ch}
.f6-mozaika-sekcja{padding-bottom:var(--s12)}
.f6-mozaika{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-top:var(--s4)}
.f6-mozaika .photo{position:relative;min-width:0}
.f6-mozaika .photo:first-child,.f6-mozaika .photo:last-child:nth-child(even){grid-column:1/-1}
.f6-mozaika .photo img{height:100%;border-radius:var(--r-field)}
.f6-mozaika figcaption{position:absolute;left:var(--s3);bottom:var(--s3);margin:0;padding:var(--s1) var(--s2);border-radius:var(--r-pill);background:color-mix(in srgb,var(--k-wegiel) 72%,transparent);color:var(--k-bialy)}
@media (min-width:768px){
 .f6-fakty strong{font-size:var(--f-h3);line-height:38px}
 .f6-okna-glowa,.f6-okna-zdjecia,.f6-karty2,.f6-pas{grid-template-columns:repeat(2,minmax(0,1fr))}
 .f6-pas{grid-template-columns:auto minmax(0,1fr);padding:var(--s12);gap:var(--s12)}
 .f6-kadr{padding:var(--s12)}
 .f6-kadr-tekst h1{font-size:var(--f-h2);line-height:52px;letter-spacing:-.01em}
 .f6-trasa{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
 .f6-trasa li{padding-left:0;padding-top:var(--s8)}
 .f6-trasa li:not(:last-child)::after{left:var(--s6);right:calc(-1 * var(--s6));top:5px;bottom:auto;border-left:0;border-top:2px dotted var(--k-kontrolka)}
 .f6-kropka{top:0}
 .f6-podloze>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
 .f6-karta,.f6-dalej,.f6-ciemna,.f6-znak{padding:var(--s12)}
 .f6-mozaika{gap:var(--s4)}
 .f6-real-otwarcie{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--s12)}
 .f6-faq-bok .photo{display:block}
}
@media (min-width:1024px){
 .f6-otwarcie{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s12);align-items:center;padding-top:var(--s8)}
 .f6-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s12)}
 .f6-split-odwrocony{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
 .f6-split-odwrocony>div{order:0}
 .f6-ciemna{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s12);padding:var(--s16)}
 .f6-ciemna .f6-fakty{grid-template-columns:1fr}
 .f6-ciemna .f6-fakty strong{font-size:var(--f-h2);line-height:52px}
 .f6-kadr{min-height:calc(var(--s16) * 9);padding:var(--s16)}
 .f6-kadr::before{right:auto;width:52%}
 .f6-dowozimy-uklad{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s12)}
 .f6-trasa-tabela tr{grid-template-columns:24px minmax(0,4fr) minmax(0,3fr) minmax(max-content,4fr);grid-template-areas:'kropka miasto km koszt';padding-block:var(--s6)}
 .f6-trasa-tabela tbody th,.f6-trasa-tabela td:nth-of-type(2){font-size:var(--f-h3);line-height:38px}
 .f6-sygnet-otwarcie{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s16)}
 .f6-sygnet-otwarcie>.brand-photo{max-width:440px}
 .f6-znak{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s16)}
 .f6-znak-img{max-width:280px}
 .f6-znak-punkty{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}
 .f6-kontakt{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;grid-template-areas:'glowa form' 'osoby form';gap:var(--s8) var(--s16);align-items:start}
 .f6-kontakt-osoby{position:sticky;top:112px}
 .page-contact .quote-form{padding:var(--s12)}
 .page-contact .quote-form fieldset>.choices:not(.inline){grid-template-columns:repeat(2,minmax(0,1fr))}
 .f6-faq-otwarcie{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s16)}
 .f6-faq-grupa{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s16);align-items:start}
 .f6-faq-bok{position:sticky;top:112px}
 .f6-faq-grupa .faq summary{font-size:var(--f-lead);line-height:32px}
 .f6-mozaika{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:calc(var(--s16) * 4 + var(--s8))}
 .f6-mozaika .photo,.f6-mozaika .photo:last-child:nth-child(even){grid-column:span 4}
 .f6-faq-otwarcie>.brand-photo{max-width:360px}
 .f6-mozaika .photo:first-child{grid-column:span 8;grid-row:span 2}
 .f6-mozaika .photo img{aspect-ratio:auto}
}
@media (hover:hover) and (pointer:fine){
 .f6-pigulka:hover{opacity:.78}
}
.f6-pigulka:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){
 .f6-pigulka:active{transform:none}
}

/* v6 poradnik: przewodnik, artykuły, polityka prywatności, 404 (szablony/v6_poradnik.py) */
.v6p-przewodnik h1,.v6p-naglowek h1,.v6p-dok-glowa h1,.v6p-blad h1{font-size:var(--f-h3);line-height:38px;letter-spacing:-.01em;max-width:20ch;-webkit-hyphens:manual;hyphens:manual}
.v6p-kryteria h2,.v6p-pytania h2,.v6p-dalej h2,.v6p-wycena h2,.v6p-sekcja h2{font-size:var(--f-h3);line-height:38px}
.v6p-skoki{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s6);margin-top:var(--s8)}
.v6p-skoki .text-link{margin-top:0}

/* przewodnik: kafel ze zdjęciem, papierowa karta */
.v6p-przewodnik{position:relative;display:grid;margin-top:var(--s4)}
.v6p-przewodnik-foto img{aspect-ratio:4/3;border-radius:var(--r-panel)}
.v6p-przewodnik-karta{position:relative;margin:calc(-1 * var(--s12)) var(--s3) 0;padding:var(--s6);background:var(--k-osika);border-radius:var(--r-image)}
.v6p-przewodnik-karta .label{color:var(--k-tekst-cichy);margin-bottom:var(--s4)}
.v6p-przewodnik-karta>p:not(.label){max-width:44ch}

/* siedem kryteriów: tabela jako wiersze ze zdjęciem i odznaką D */
.v6p-kryteria-bok .label{color:var(--k-tekst-cichy);margin-bottom:var(--s4)}
.v6p-kryteria-sygnet{display:none}
.v6p-lista{width:100%;border-collapse:collapse;margin-top:var(--s8);text-align:left}
.v6p-lista caption{caption-side:top;text-align:left;padding-bottom:var(--s4);font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
.v6p-lista thead tr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v6p-lista tbody tr{display:grid;gap:var(--s3);padding-block:var(--s4);border-top:1px solid var(--k-linia)}
.v6p-lista tbody tr:last-child{border-bottom:1px solid var(--k-linia)}
.v6p-lista th{display:flex;align-items:center;gap:var(--s4);padding:0;text-align:left;font-weight:400}
.v6p-lista td{padding:0;margin-left:calc(var(--s16) + var(--s8) + var(--s4));font-size:var(--f-sm);line-height:24px}
.v6p-kryt-foto{position:relative;flex-shrink:0;width:96px}
.v6p-kryt-foto img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-field)}
.v6p-kryt-foto .odznaka-d{position:absolute;right:calc(-1 * var(--s2));bottom:calc(-1 * var(--s2));width:32px;height:38px;font-size:var(--f-xs);line-height:18px}
.v6p-kryt-nazwa{font:700 var(--f-body)/28px 'Libre Baskerville',Georgia,serif}

/* karty poradników */
.v6p-pytania-glowa{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s6)}
.v6p-pytania-glowa .label,.v6p-karta .label{color:var(--k-tekst-cichy)}
.v6p-pytania-glowa .label{margin-bottom:var(--s4)}
.v6p-pytania-glowa .filters{margin-top:0}
.v6p-pytania .filter-count{margin-top:var(--s6)}
.v6p-karty{display:grid;gap:var(--s6);margin-top:var(--s6);grid-auto-flow:dense}
.v6p-karta{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--k-bialy);border-radius:var(--r-image);overflow:hidden;transition:transform 150ms cubic-bezier(.4,0,.2,1)}
.v6p-karta:active{transform:scale(.97)}
.v6p-karta:has(.v6p-karta-link:focus-visible){outline:2px solid var(--k-dunajec);outline-offset:4px}
.v6p-karta-link:focus-visible{outline:none}
.v6p-karta-foto{height:200px;overflow:hidden;flex-shrink:0}
.v6p-karta-foto img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.8,0,1)}
.v6p-karta-tekst{display:flex;flex-direction:column;flex:1;padding:var(--s6)}
.v6p-karta h3{margin-top:var(--s3);font-size:var(--f-lead);line-height:32px}
.v6p-karta-link{color:inherit;text-decoration:none}
.v6p-karta-link::after{content:'';position:absolute;inset:0;z-index:1}
.v6p-karta-tekst>p:not(.label){margin-top:var(--s3);font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
.v6p-czytaj{margin-top:auto;padding-top:var(--s4);font-size:var(--f-sm);line-height:24px;font-weight:500;color:var(--k-link)}
.v6p-czytaj::after{content:' →'}
.page-guide .site-footer{margin-top:0}

/* artykuł: nagłówek ze zdjęciem i odpowiedzią w skrócie */
.v6p-naglowek{display:grid;gap:var(--s8);padding-top:var(--s4)}
.v6p-naglowek .label{color:var(--k-tekst-cichy);margin-bottom:var(--s4)}
.v6p-skrot{position:relative;margin-top:var(--s8);padding:var(--s6);padding-right:var(--s16);background:var(--k-bialy);border-radius:var(--r-image)}
.v6p-skrot .label{color:var(--k-wegiel);margin-bottom:var(--s3)}
.v6p-skrot p:not(.label){font-weight:500}
.v6p-skrot-znak,.v6p-dok-znak{display:block;width:32px;height:38px;background:var(--k-drewno);-webkit-mask:url('/assets/marka/odznaka-d.svg') center/contain no-repeat;mask:url('/assets/marka/odznaka-d.svg') center/contain no-repeat}
.v6p-skrot-znak{position:absolute;top:var(--s6);right:var(--s6)}
.v6p-naglowek-foto img{aspect-ratio:3/2;border-radius:var(--r-panel)}

/* treść: spis i kolumna 68ch */
.v6p-tresc{display:grid;gap:var(--s8);margin-top:var(--s12)}
.v6p-spis{padding:var(--s6);background:var(--k-bialy);border-radius:var(--r-image)}
.v6p-spis .label{color:var(--k-tekst-cichy);margin-bottom:var(--s2)}
.v6p-spis ol{list-style:none;margin:0;padding:0}
.v6p-spis a{display:flex;gap:var(--s3);min-height:44px;align-items:center;padding-block:var(--s2);color:inherit;text-decoration:none;font-size:var(--f-sm);line-height:24px}
.v6p-spis a span{flex-shrink:0;white-space:nowrap;color:var(--k-tekst-cichy);font-variant-numeric:tabular-nums}
.v6p-kolumna{min-width:0}
.v6p-sekcja{padding-block:var(--s8);border-top:1px solid var(--k-linia);scroll-margin-top:calc(var(--s16) + var(--s12))}
.v6p-sekcja:first-child{border-top:0;padding-top:0}
.v6p-sekcja>*{max-width:var(--prose)}
.v6p-sekcja>.v6p-tabela-ramka{max-width:none}
.v6p-nr{display:block;margin-bottom:var(--s3);font-size:var(--f-xs);line-height:18px;font-weight:500;letter-spacing:.14em;color:var(--k-tekst-cichy)}
.v6p-sekcja h2+p{margin-top:var(--s4)}
.v6p-linki{list-style:none;margin:var(--s6) 0 0;padding:0}
.v6p-linki a{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:48px;padding-block:var(--s3);border-bottom:1px solid var(--k-linia);font-weight:500;text-decoration:none}
.v6p-linki li:first-child a{border-top:1px solid var(--k-linia)}
.v6p-linki a::after{content:'→';flex-shrink:0}

/* tabela porównania: dwie kolumny jak karty, na telefonie wiersz = karta */
.v6p-tabela-ramka{margin-top:var(--s6)}
.v6p-tabela{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:var(--f-sm);line-height:24px}
.v6p-tabela caption{caption-side:top;text-align:left;padding-bottom:var(--s4);color:var(--k-tekst-cichy)}
.v6p-tabela thead tr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v6p-tabela tbody tr{display:grid;gap:var(--s3);margin-bottom:var(--s3);padding:var(--s4);background:var(--k-bialy);border-radius:var(--r-field)}
.v6p-tabela th,.v6p-tabela td{padding:0;text-align:left;vertical-align:top}
.v6p-tabela tbody th{font-size:var(--f-body);line-height:28px;font-weight:600}
.v6p-tabela td{display:grid;gap:var(--s1)}
.v6p-tabela td::before{content:attr(data-label);font-size:var(--f-xs);line-height:18px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--k-tekst-cichy)}

/* ciche zakończenie artykułu */
.v6p-dalej-glowa{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s4)}
.v6p-dalej-glowa .text-link{margin-top:0}
.v6p-wycena{position:relative;display:grid;gap:var(--s6);padding:var(--s8);background:var(--k-studio);border-radius:var(--r-panel);overflow:hidden}
.v6p-wycena-znak{display:block;width:64px;height:76px;background:var(--k-drewno);-webkit-mask:url('/assets/marka/sygnet-kontur.svg') center/contain no-repeat;mask:url('/assets/marka/sygnet-kontur.svg') center/contain no-repeat}
.v6p-wycena h2+p{margin-top:var(--s3);max-width:52ch}

/* polityka prywatności: arkusz dokumentu */
.v6p-dok-glowa{padding-block:var(--s8) 0}
.v6p-dok-glowa .label{color:var(--k-tekst-cichy);margin:var(--s6) 0 var(--s4)}
.v6p-arkusz{padding:var(--s6);background:var(--k-bialy);border-radius:var(--r-panel)}
.page-privacy .v6p-spis{background:transparent;padding:0}

/* 404: kafel ze zdjęciem i dwoma wyjściami */
.v6p-blad{position:relative;isolation:isolate;display:grid;align-items:end;min-height:560px;margin-top:var(--s4);border-radius:var(--r-panel);overflow:hidden;color:var(--k-bialy)}
.v6p-blad::before{content:'';position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--k-wegiel) 55%,transparent);pointer-events:none}
.v6p-blad-foto{position:absolute;inset:0}
.v6p-blad-foto img{height:100%;aspect-ratio:auto;border-radius:0}
.v6p-blad-tekst{position:relative;z-index:2;padding:var(--s8) var(--s6);max-width:640px}
.v6p-blad-tekst>.label{margin-bottom:var(--s4)}
.v6p-blad-dokad h2{margin-top:var(--s8);font-size:var(--f-lead);line-height:32px}
.v6p-blad-dokad h2+p{margin-top:var(--s3)}
.v6p-blad :focus-visible{outline-color:var(--k-osika)}

@media (min-width:768px){
 .v6p-przewodnik h1,.v6p-naglowek h1,.v6p-dok-glowa h1,.v6p-blad h1{font-size:var(--f-h2);line-height:52px}
 .v6p-karty{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v6p-lista tbody tr{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:var(--s6)}
 .v6p-lista td{margin-left:0;font-size:var(--f-body);line-height:28px}
 .v6p-kryt-foto{width:128px}
 .v6p-kryt-nazwa{font-size:var(--f-lead);line-height:32px}
 .v6p-tabela{table-layout:fixed}
 .v6p-tabela thead tr{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
 .v6p-tabela tbody tr{display:table-row;margin:0;padding:0;background:transparent;border-radius:0}
 .v6p-tabela th,.v6p-tabela td{display:table-cell;padding:var(--s4) var(--s6);border-bottom:1px solid var(--k-linia)}
 .v6p-tabela th:first-child{padding-left:0;width:28%}
 .v6p-tabela thead th{font-weight:600;border-bottom:0}
 .v6p-tabela thead th:not(:first-child){background:var(--k-studio);border-radius:var(--r-field) var(--r-field) 0 0}
 .v6p-tabela tbody th{font-size:var(--f-sm);line-height:24px}
 .v6p-tabela td{background:var(--k-bialy)}
 .v6p-tabela td::before{display:none}
 .v6p-tabela tbody tr:last-child td{border-bottom:0}
 .v6p-tabela tbody tr:last-child td:last-child{border-radius:0 0 var(--r-field) 0}
 .v6p-tabela tbody tr:last-child td:nth-child(2){border-radius:0 0 0 var(--r-field)}
 .v6p-tabela td+td{border-left:var(--s3) solid var(--k-osika)}
 .v6p-tabela thead th+th+th{border-left:var(--s3) solid var(--k-osika)}
 .v6p-arkusz{padding:var(--s12)}
 .v6p-wycena{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s8);padding:var(--s12)}
 .v6p-blad-tekst{padding:var(--s12)}
}
@media (min-width:1024px){
 .v6p-przewodnik{min-height:640px;align-items:end;padding:var(--s8)}
 .v6p-przewodnik-foto{position:absolute;inset:0}
 .v6p-przewodnik-foto img{height:100%;aspect-ratio:auto}
 .v6p-przewodnik-karta{margin:0;max-width:560px;padding:var(--s12)}
 .v6p-kryteria{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s12);align-items:start}
 .v6p-kryteria-bok{position:sticky;top:calc(var(--s16) + var(--s12))}
 .v6p-kryteria-sygnet{display:block;max-width:280px;margin-top:var(--s8)}
 .v6p-lista{margin-top:0}
 .v6p-karty{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v6p-karta-foto{height:240px}
 .v6p-karta.szeroka{grid-column:span 2;flex-direction:row}
 .v6p-karta.szeroka .v6p-karta-foto{flex:1 1 50%;height:auto;min-height:240px}
 .v6p-karta.szeroka .v6p-karta-tekst{flex:1 1 50%;padding:var(--s8);justify-content:end}
 .v6p-karta.szeroka h3{font-size:var(--f-h3);line-height:38px}
 .v6p-naglowek{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s12);align-items:stretch}
 .v6p-naglowek-tekst{align-self:center;padding-block:var(--s8)}
 .v6p-naglowek-foto img{height:100%;min-height:440px;aspect-ratio:auto}
 .v6p-skrot{padding:var(--s8);padding-right:var(--s16)}
 .v6p-tresc{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--s12);margin-top:var(--s16)}
 .v6p-spis{position:sticky;top:calc(var(--s16) + var(--s12));align-self:start;background:transparent;padding:0}
 .v6p-dok{margin-top:var(--s12)}
 .v6p-blad{min-height:640px}
}
@media (hover:hover) and (pointer:fine){
 .v6p-karta:hover .v6p-karta-foto img{transform:scale(1.03)}
 .v6p-karta:hover .v6p-karta-link{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
 .v6p-spis a:hover,.v6p-linki a:hover{color:var(--k-link)}
}
@media (prefers-reduced-motion:reduce){
 .v6p-karta:active,.v6p-karta:hover .v6p-karta-foto img{transform:none}
}

/* v6-sauny: katalog, karty modeli, na wymiar, cena. Tylko tokeny --k-*, --s*, --f-*, --r-*. */
.v6s-naglowek{display:grid;gap:var(--s4);margin-bottom:var(--s8)}
.v6s-naglowek .label,.v6s-glowa .label,.v6s-konfig .label,.v6s-cena-hero .label,.v6s-split .label,.v6s-srodek .label{color:var(--k-tekst-cichy)}
.v6s-naglowek-dwa>div:last-child{max-width:52ch}
.v6s-naglowek-dwa>div:last-child p{margin:0}
.v6s-akcje-srodek{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);margin-top:var(--s8)}
.v6s-koniec .ending-copy>.v6s-akcje-srodek .button{margin:0}

/* scena z wyciętą sauną: jasne tło, kontur sygnetu w tonie */
.v6s-scena{position:relative;isolation:isolate;display:grid;align-content:center;gap:var(--s6);padding:var(--s8) var(--s4) var(--s6);border-radius:var(--r-panel);background:var(--k-jasne-tlo);overflow:hidden}
.v6s-kontur{position:absolute;z-index:-1;right:var(--s8);top:var(--s8);height:calc(100% - 64px);width:auto;opacity:.12;pointer-events:none}
.v6s-wyciete img{width:100%;max-height:520px;object-fit:contain}
.v6s-fakty{list-style:none;margin:0;padding:var(--s4) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);border-top:1px solid var(--k-linia)}
.v6s-fakty li{display:grid;gap:var(--s1);min-width:0}
.v6s-fakty strong{font-size:var(--f-lead);line-height:32px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.v6s-fakty span{font-size:var(--f-xs);line-height:18px;color:var(--k-tekst-cichy)}

.v6s-model-hero{display:grid;gap:var(--s8);padding-top:var(--s4)}
.v6s-konfig h1{margin-top:var(--s2)}
.v6s-konfig .model-options{margin-top:var(--s6);display:grid;gap:var(--s4)}
.v6s-konfig fieldset{border:0;margin:0;padding:0;min-width:0}
.v6s-konfig legend{padding:0;margin-bottom:var(--s2);font-size:var(--f-sm);line-height:24px;font-weight:500}
.v6s-konfig .model-quote{width:100%;margin-top:var(--s6);border-color:var(--k-wegiel)}

/* mozaika zdjęć */
.v6s-mozaika{display:grid;gap:var(--s3)}
.v6s-mozaika .photo img{height:100%}

/* co w środku: zdjęcie + wiersze z odznaką */
.v6s-srodek{background:var(--k-jasne-tlo)}
.v6s-srodek-siatka{display:grid;gap:var(--s8)}
.v6s-srodek-foto .photo img{aspect-ratio:4/5;border-radius:var(--r-image)}
.v6s-wiersze{margin:var(--s8) 0 0}
.v6s-wiersze>div{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:var(--s4);align-items:start;padding-block:var(--s4);border-top:1px solid var(--k-linia)}
.v6s-wiersze>div:last-child{border-bottom:1px solid var(--k-linia)}
.v6s-wiersze .odznaka-d{grid-row:span 2}
.v6s-wiersze dt{font:700 var(--f-body)/28px 'Libre Baskerville',Georgia,serif}
.v6s-wiersze dd{margin:var(--s1) 0 0;font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}

/* split: zdjęcie albo scena obok tekstu */
.v6s-split{display:grid;gap:var(--s8);align-items:center}
.v6s-split h2{margin-top:var(--s4)}
.v6s-scena-mala{padding:var(--s8)}
.v6s-scena-mala .v6s-wyciete img{max-height:360px}
.v6s-probki{list-style:none;margin:var(--s6) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.v6s-probki li{display:flex;align-items:center;gap:var(--s2);min-height:44px;padding:var(--s2) var(--s4) var(--s2) var(--s2);border:1px solid var(--k-linia);border-radius:var(--r-pill);font-size:var(--f-sm);line-height:24px}
.v6s-probki .sample{width:32px;height:32px}

/* grzanie: tekst + dwa zdjęcia */
.v6s-grzanie-siatka{display:grid;gap:var(--s6)}
.v6s-tekst p{max-width:52ch}
.v6s-piec{position:relative;margin:0}
.v6s-piec .photo img{aspect-ratio:4/5;border-radius:var(--r-image)}
.v6s-piec figcaption{position:absolute;left:var(--s3);bottom:var(--s3);display:grid;padding:var(--s2) var(--s4);border-radius:var(--r-field);background:var(--k-osika);font-size:var(--f-sm);line-height:24px}
.v6s-piec figcaption span{font-size:var(--f-xs);line-height:18px;color:var(--k-tekst-cichy)}

.v6s-dostawa{display:grid;gap:var(--s8);align-items:center}
.v6s-dostawa h2{margin-top:var(--s4)}

/* karty modeli z wyciętą sauną */
.v6s-inne h2{margin-bottom:var(--s8)}
.v6s-karty{display:grid;gap:var(--s4)}
.v6s-karta{display:grid;border-radius:var(--r-panel);background:var(--k-jasne-tlo);color:inherit;text-decoration:none;overflow:hidden;transition:transform .15s cubic-bezier(.4,0,.2,1)}
.v6s-karta:active{transform:scale(.97)}
.v6s-karta-scena{display:grid;place-items:center;padding:var(--s6) var(--s6) 0;aspect-ratio:3/2}
.v6s-karta-scena .v6s-wyciete img{max-height:240px}
.v6s-karta-tekst{display:grid;gap:var(--s2);padding:var(--s6)}
.v6s-karta-tekst .label{color:var(--k-tekst-cichy)}
.v6s-karta-tekst strong{font:700 var(--f-lead)/32px 'Libre Baskerville',Georgia,serif}
.v6s-karta-tekst>span:not(.label){font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
.v6s-karta-tekst .v6s-karta-link{display:inline-flex;align-items:center;min-height:44px;color:var(--k-link);font-weight:500;text-decoration:underline;text-underline-offset:4px}

/* katalog */
.v6s-glowa{display:grid;gap:var(--s6);padding-block:var(--s4) var(--s8)}
.v6s-glowa h1{margin-top:var(--s4)}
.v6s-glowa>div:last-child{max-width:52ch}
.v6s-kolumny{display:grid;gap:var(--s4)}
.v6s-kolumna{display:grid;align-content:start;gap:var(--s3);padding:var(--s4) var(--s4) var(--s6);border-radius:var(--r-panel);background:var(--k-bialy)}
.v6s-kolumna .v6s-karta-scena{border-radius:var(--r-image);background:var(--k-jasne-tlo);padding:var(--s4);margin-bottom:var(--s3)}
.v6s-kolumna .label{color:var(--k-tekst-cichy)}
.v6s-kolumna h3{font-size:var(--f-lead);line-height:32px}
.v6s-kolumna dl{margin:var(--s2) 0 var(--s3);font-size:var(--f-sm);line-height:24px}
.v6s-kolumna dl div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--s3);padding-block:var(--s3);border-top:1px solid var(--k-linia)}
.v6s-kolumna dt{font-weight:400;color:var(--k-tekst-cichy)}
.v6s-kolumna dd{margin:0;font-weight:500}
.v6s-kolumna .button{justify-self:start}
.v6s-dwa{display:grid;gap:var(--s4)}
.v6s-foto-karta{position:relative;display:block;border-radius:var(--r-image);overflow:hidden;color:var(--k-wegiel);text-decoration:none;transition:transform .15s cubic-bezier(.4,0,.2,1)}
.v6s-foto-karta:active{transform:scale(.97)}
.v6s-foto-karta .photo img{border-radius:0}
.v6s-foto-karta>span{position:absolute;left:var(--s4);bottom:var(--s4);display:grid;gap:var(--s1);padding:var(--s4);border-radius:var(--r-field);background:var(--k-osika);max-width:calc(100% - 32px)}
.v6s-foto-karta .label{color:var(--k-tekst-cichy)}
.v6s-foto-karta strong{font:700 var(--f-lead)/32px 'Libre Baskerville',Georgia,serif}
.v6s-foto-karta>span>span:last-child{font-size:var(--f-sm);line-height:24px}

/* na wymiar: zdjęcie w kontenerze, tekst na ciemnym pasie z lewej */
.v6s-foto-hero{padding-top:var(--s4)}
.v6s-foto-hero-tlo{min-height:560px;border-radius:var(--r-panel);display:flex;align-items:flex-end}
.v6s-foto-hero-tlo::before{background:color-mix(in srgb,var(--k-wegiel) 50%,transparent)}
.v6s-foto-hero-tlo .v6s-kontur{z-index:2;opacity:.4;right:var(--s8);top:var(--s16);height:calc(100% - 128px)}
.v6s-foto-hero-tekst{position:relative;z-index:3;padding:var(--s6);max-width:640px}
.v6s-foto-hero-tekst .label{color:var(--k-bialy)}
.v6s-foto-hero-tekst h1{margin-top:var(--s4);font-size:var(--f-h3);line-height:38px}
.v6s-foto-hero-tekst .button{margin-top:var(--s6)}
.v6s-split-odwr .photo img{border-radius:var(--r-image)}
.v6s-split .photo img{border-radius:var(--r-image)}
.v6s-probki-sekcja{background:var(--k-jasne-tlo)}
.v6s-probki-sekcja .opcje-zdjecia{margin-top:0}
.v6s-kroki{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
.v6s-kroki li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--s4);align-items:start}
.v6s-kroki .krok-foto{margin:0}
.v6s-kroki .krok-foto .photo img{aspect-ratio:1}
.v6s-kroki .krok-foto .odznaka-d{right:var(--s2);bottom:var(--s2);transform:scale(.8);transform-origin:100% 100%}
.v6s-kroki h3{font-size:var(--f-body);line-height:28px}
.v6s-kroki p{margin-top:var(--s1);font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy)}
.v6s-pas-wyceny{display:grid;gap:var(--s6);padding:var(--s8) var(--s6);border-radius:var(--r-panel);overflow:hidden}
.v6s-pas-wyceny p{margin-top:var(--s4);max-width:52ch}
.v6s-pas-wyceny .button{justify-self:start}
/* okna pod nagłówkiem sekcji (ten sam temat), drewno i blacha niżej */
.v6s-probki-sekcja .opcje-zdjecia>div:last-child{order:-1}
.v6s-probki-sekcja .opcje-zdjecia>div:last-child>h3{display:none}

/* cena */
.v6s-cena-hero{display:grid;gap:var(--s8);align-items:center;padding-block:var(--s4) var(--s8)}
.v6s-cena-hero h1{margin-top:var(--s4)}
.v6s-cena-hero p:not(.label){max-width:52ch}
.v6s-sygnet img{max-height:480px;margin-inline:auto}
.v6s-lista{list-style:none;margin:0;padding:0}
.v6s-lista li{display:grid;grid-template-columns:44px minmax(0,1fr) 96px;column-gap:var(--s4);row-gap:var(--s1);align-items:center;padding-block:var(--s4);border-top:1px solid var(--k-linia)}
.v6s-lista li:last-child{border-bottom:1px solid var(--k-linia)}
.v6s-lista .odznaka-d{grid-row:span 2}
.v6s-lista h3{font-size:var(--f-body);line-height:28px;align-self:end}
.v6s-lista p{margin:0;grid-column:2;font-size:var(--f-sm);line-height:24px;color:var(--k-tekst-cichy);align-self:start}
.v6s-miniatura{grid-column:3;grid-row:1/span 2}
.v6s-miniatura img{border-radius:var(--r-field)}
.v6s-rynek{background:var(--k-jasne-tlo)}
.v6s-pasy{margin:0}
.v6s-pasy>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2) var(--s4);padding-block:var(--s4);border-top:1px solid var(--k-linia)}
.v6s-pasy dt{font-size:var(--f-sm);line-height:24px}
.v6s-pasy dd{margin:0;font-size:var(--f-body);line-height:28px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.v6s-tor{grid-column:1/-1;position:relative;height:12px;border-radius:var(--r-pill);background:var(--k-ton-j)}
.v6s-zakres{position:absolute;top:0;bottom:0;left:var(--od);width:calc(var(--do) - var(--od));min-width:12px;border-radius:var(--r-pill);background:var(--k-drewno)}
.v6s-tor.otwarte .v6s-zakres{border-radius:var(--r-pill) 0 0 var(--r-pill)}
.v6s-os{display:flex;justify-content:space-between;padding-top:var(--s2);border-top:1px solid var(--k-linia);font-size:var(--f-xs);line-height:18px;color:var(--k-tekst-cichy);font-variant-numeric:tabular-nums}
.v6s-os span{white-space:nowrap}
.v6s-zrodlo{margin-top:var(--s6)}

@media (min-width:768px){
 .v6s-fakty{grid-template-columns:repeat(4,minmax(0,1fr))}
 .v6s-mozaika{grid-template-columns:2fr 1fr;grid-template-rows:auto auto}
 .v6s-mozaika .v6s-duze{grid-row:span 2}
 .v6s-mozaika .v6s-duze img{aspect-ratio:auto}
 .v6s-karty{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v6s-dwa{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v6s-grzanie-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v6s-grzanie-siatka .v6s-tekst{grid-column:1/-1}
 .v6s-foto-hero-tekst{padding:var(--s12)}
 .v6s-foto-hero-tekst h1{font-size:var(--f-h2);line-height:52px}
 .v6s-kroki{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v6s-pas-wyceny{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:var(--s12)}
 .v6s-lista li{grid-template-columns:44px minmax(0,4fr) minmax(0,5fr) 160px}
 .v6s-lista li>*{grid-row:1;align-self:center}
 .v6s-lista .odznaka-d{grid-column:1}
 .v6s-lista h3{grid-column:2}
 .v6s-lista p{grid-column:3}
 .v6s-lista .v6s-miniatura{grid-column:4}
 .v6s-pasy>div{grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);align-items:center}
 .v6s-pasy dd{order:3;text-align:right}
 .v6s-tor{grid-column:auto;order:2}
 .v6s-os{margin-left:calc(25% + 8px);margin-right:calc(25% + 8px)}
}
@media (min-width:1024px){
 .v6s-model-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s12);align-items:start}
 .v6s-model-hero>.v6s-scena{position:sticky;top:96px;min-height:640px;padding:var(--s12) var(--s12) var(--s8)}
 .v6s-srodek-siatka{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s16);align-items:start}
 .v6s-srodek-foto{position:sticky;top:96px}
 .v6s-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s16)}
 .v6s-split-odwr{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
 .v6s-split p{max-width:52ch}
 .v6s-grzanie-siatka{grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);align-items:end}
 .v6s-grzanie-siatka .v6s-tekst{grid-column:auto;align-self:start}
 .v6s-dostawa{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s16)}
 .v6s-karty{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v6s-glowa{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s16);align-items:end;padding-block:var(--s8) var(--s12)}
 .v6s-glowa h1{font-size:var(--f-h1);line-height:64px;letter-spacing:-.01em}
 .v6s-kolumny{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
 .v6s-naglowek-dwa{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s16);align-items:end}
 .v6s-foto-hero-tlo{min-height:640px}
 .v6s-kroki{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s6)}
 .v6s-kroki li{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
 .v6s-kroki .krok-foto .photo img{aspect-ratio:4/5}
 .v6s-kroki .krok-foto .odznaka-d{right:var(--s3);bottom:var(--s3);transform:none}
 .v6s-cena-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s16);padding-block:var(--s8) var(--s12)}
}
@media (hover:hover) and (pointer:fine){
 .v6s-karta:hover strong,.v6s-foto-karta:hover strong{text-decoration:underline;text-underline-offset:8px}
 .v6s-karta:hover,.v6s-foto-karta:hover{transform:translateY(-4px)}
}
.v6s-karta:focus-visible,.v6s-foto-karta:focus-visible{outline:2px solid var(--k-dunajec);outline-offset:4px}
@media (prefers-reduced-motion:reduce){
 .v6s-karta,.v6s-foto-karta{transition:none}
 .v6s-karta:hover,.v6s-foto-karta:hover,.v6s-karta:active,.v6s-foto-karta:active{transform:none}
}
.v6s-karta-scena,.v6s-kolumna,.v6s-karta,.v6s-karta-tekst{min-width:0}
.v6s-karta-scena>.v6s-wyciete{width:100%}
.v6s-glowa h1,.v6s-konfig h1,.v6s-cena-hero h1{font-size:var(--f-h3);line-height:38px}
@media (min-width:768px){.v6s-glowa h1,.v6s-konfig h1,.v6s-cena-hero h1{font-size:var(--f-h2);line-height:52px}}
@media (min-width:1024px){.v6s-karty{grid-template-columns:repeat(2,minmax(0,1fr))}.v6s-glowa h1{font-size:var(--f-h1);line-height:64px}}