/*
 * skrzatmeble.pl – styl wspólny ze sklepem skrzatbaby.pl (11.11.2026).
 * Jeden plik dla całej strony, od telefonu w górę:
 * tokeny → baza → przyciski → nagłówek → stopka → strona główna → podstrony → szersze ekrany → RTL.
 * Zasada zdjęć: produkt zawsze w całości (object-fit: contain albo kadr 1:1 zgodny ze zdjęciem).
 */

/* ========== 1. Tokeny (te same co w sklepie) ========== */
:root{
	--sk-bg:#FFFFFF;--sk-bg2:#F7F2EA;--sk-sand:#EFE6D8;
	--sk-ink:#2B211B;--sk-ink2:#6B5D52;--sk-acc:#5B3A26;--sk-acc-h:#472C1C;--sk-kick:#8A4A2A;
	--sk-red:#C23B2A;--sk-ok:#2F6B4F;--sk-dark:#3B2619;--sk-dl:#E3D6C6;
	--sk-line:#E6DCCD;--sk-line2:#D9CCBB;
	--sk-r-btn:10px;--sk-r-img:14px;--sk-r-card:12px;--sk-r-form:8px;
	--sk-sans:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
	--sk-serif:'Fraunces',Georgia,serif;
	--sk-max:1240px;--sk-pad:20px;--sk-sec:44px;
	--sk-gut:max(var(--sk-pad),calc((100vw - var(--sk-max))/2 + var(--sk-pad)))
}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/fraunces-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/fraunces-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/plus-jakarta-sans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ========== 2. Baza ========== */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--sk-bg);color:var(--sk-ink);font-family:var(--sk-sans);font-size:15.5px;line-height:1.6;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg,video{max-width:100%;height:auto}
img,video{display:block}
a{color:inherit;text-decoration:none}
p{margin:0 0 1em}
h1,h2,h3,h4{font-family:var(--sk-serif);font-weight:600;font-style:normal;color:var(--sk-ink);line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance}
h1 em,h2 em,h3 em{font-style:normal}
h1{font-size:clamp(30px,8vw,48px);line-height:1.08}
h2{font-size:clamp(25px,6.4vw,34px)}
h3{font-size:19px}
ul,ol{margin:0 0 1em;padding-inline-start:1.2em}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
table{border-collapse:collapse;width:100%}
figure{margin:0}
address{font-style:normal}
:focus-visible{outline:2px solid var(--sk-acc);outline-offset:3px}
.sk-skip{position:absolute;inset-inline-start:-9999px;top:0;background:var(--sk-acc);color:#fff;padding:12px 18px;z-index:1000;border-radius:0 0 var(--sk-r-btn) 0}
.sk-skip:focus{inset-inline-start:0}
.sk-i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap,.sk-wrap{max-width:var(--sk-max);margin-inline:auto;padding-inline:var(--sk-pad)}
.lead,.sk-lead{color:var(--sk-ink2);margin:0}
.sk-kick,.pill{display:block;font-family:var(--sk-sans);font-size:13px;line-height:1.5;font-weight:600;color:var(--sk-kick);margin:0 0 8px;letter-spacing:0}
.pill .dot{display:none}

/* ========== 3. Przyciski ========== */
.btn,.sk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 26px;border-radius:var(--sk-r-btn);border:1.5px solid transparent;font:600 15.5px/1.25 var(--sk-sans);text-align:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.btn svg{width:18px;height:18px;flex:none}
.btn-sage,.btn-dark,.sk-btn-p{background:var(--sk-acc);border-color:var(--sk-acc);color:#fff}
.btn-sage:hover,.btn-dark:hover,.sk-btn-p:hover{background:var(--sk-acc-h);border-color:var(--sk-acc-h)}
.btn-line,.sk-btn-s{background:#fff;border-color:var(--sk-acc);color:var(--sk-acc)}
.btn-line:hover,.sk-btn-s:hover{background:var(--sk-bg2)}
.sk-lnk,.btn.q-tlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;border-radius:0;background:none;font:600 14.5px/1.3 var(--sk-sans);color:var(--sk-acc)}
.sk-lnk:hover,.btn.q-tlink:hover{background:none;text-decoration:underline;text-underline-offset:4px}
.center-cta{margin-top:24px}
.sk-cta,.hero-actions,.cta{display:flex;flex-direction:column;gap:10px}

/* ========== 4. Pasek, nagłówek, menu, języki ========== */
.sk-bar{background:var(--sk-acc);color:#fff;font-size:12.5px;font-weight:500;line-height:1.4;padding:9px 12px;text-align:center}
.sk-bar ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:4px 36px;flex-wrap:wrap}
.sk-bar-d{display:none}
.sk-hd{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--sk-line)}
.sk-hd-in{display:grid;grid-template-columns:44px 1fr auto;align-items:center;height:60px;gap:8px;padding:0 8px}
.sk-logo{justify-self:center;display:flex;align-items:center}
.sk-logo img{height:32px;width:auto}
.sk-ic{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:none;border-radius:8px;color:var(--sk-ink);padding:0}
.sk-ic:hover{background:var(--sk-bg2)}
.sk-menu-btn .sk-i-x,.sk-menu-btn[aria-expanded="true"] .sk-i-m{display:none}
.sk-menu-btn[aria-expanded="true"] .sk-i-x{display:block}
.sk-nr{display:flex;align-items:center;gap:6px}
.sk-opt{display:none}
.sk-nl{position:fixed;inset:var(--sk-hd-b,97px) 0 0 0;background:#fff;padding:8px 20px 96px;display:none;overflow:auto;z-index:59}
.sk-nl.open{display:block}
.sk-menu{list-style:none;margin:0;padding:0}
.sk-menu a{display:flex;align-items:center;min-height:56px;font-family:var(--sk-serif);font-weight:600;font-size:23px;border-bottom:1px solid var(--sk-line)}
.sk-menu a:hover,.sk-menu a[aria-current]{color:var(--sk-acc)}
.sk-nl-x{display:grid;gap:12px;margin-top:22px}
.sk-nl-x .sk-btn{width:100%}
.sk-nl-l{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.sk-nl-l a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid var(--sk-line2);border-radius:8px;font-size:14px;font-weight:500}
.sk-nl-l a[aria-current]{border-color:var(--sk-acc);background:var(--sk-bg2);font-weight:600}
html.sk-lock{overflow:hidden}
.sk-lang{position:relative}
.sk-lang-b{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 10px;border:0;border-radius:8px;background:none;font-weight:600;font-size:14px}
.sk-lang-b:hover{background:var(--sk-bg2)}
.sk-lang-b .sk-i{width:16px;height:16px;transform:rotate(90deg)}
.sk-lang-m{position:absolute;inset-inline-end:0;top:calc(100% + 6px);min-width:170px;background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r-card);box-shadow:0 14px 34px -18px rgba(43,33,27,.45);padding:6px;z-index:70}
.sk-lang-m a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:8px;font-size:14.5px}
.sk-lang-m a:hover{background:var(--sk-bg2)}
.sk-lang-m a[aria-current]{font-weight:700;color:var(--sk-acc)}
.sk-b2b{font-size:14px;font-weight:600;color:var(--sk-ink);min-height:44px;align-items:center;padding:0 6px}
.sk-b2b:hover{text-decoration:underline;text-underline-offset:4px}
.sk-hd-cta{min-height:44px;padding:8px 20px;font-size:14.5px}

/* ========== 5. Stopka, dolne menu, cookies ========== */
.sk-ft{background:var(--sk-dark);color:var(--sk-dl);padding:36px 0 32px;font-size:14.5px;margin-top:56px}
.sk-ft-g{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px}
.sk-ft-brand,.sk-ft-col:last-child{grid-column:1/-1}
.sk-ft-brand img{height:34px;width:auto;margin-bottom:16px}
.sk-ft-brand p{max-width:30em;margin:0}
.sk-ft-h{font-size:14.5px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.4}
.sk-ft-col{line-height:1.7}
.sk-ft-col a{display:flex;align-items:center;gap:8px;min-height:36px;flex-wrap:wrap}
.sk-ft-col small{font-size:12px;opacity:.7}
.sk-ft a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sk-ft-b{border-top:1px solid #5A4233;margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:10px 24px;flex-wrap:wrap;font-size:13px}
.sk-ft-b a{text-decoration:underline;text-underline-offset:3px}
.sk-ft-soc{display:flex;gap:6px}
.sk-ft-soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;color:#fff;text-decoration:none}
.sk-ft-soc a:hover{background:#5A4233}
.sk-ft-soc svg{width:22px;height:22px}
.bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset-inline:0;bottom:0;z-index:55;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--sk-line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.bnav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 2px;font-size:11px;font-weight:600;color:var(--sk-ink);min-width:0;-webkit-tap-highlight-color:transparent}
.bnav .ic{display:grid;place-items:center;width:48px;height:30px;border-radius:9px}
.bnav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bnav .l{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnav a.is-active{color:var(--sk-acc)}
.bnav a.is-active .ic{background:var(--sk-bg2)}
.bnav a.shop .ic{background:var(--sk-acc);color:#fff}
body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
.cookie-banner{position:fixed;inset-inline:12px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:80;background:#fff;border:1px solid var(--sk-line);border-radius:var(--sk-r-img);box-shadow:0 18px 44px -20px rgba(43,33,27,.5);padding:16px;display:grid;gap:12px;font-size:13.5px;max-width:560px}
.cookie-banner p{margin:0;color:var(--sk-ink2)}
.cookie-banner p a{color:var(--sk-acc);text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}
.cookie-actions .btn{min-height:44px;padding:8px 16px;font-size:14px;flex:1 1 auto}

/* ========== 6. Strona główna ========== */
.sk-main>section,.sk-main>div{padding-inline:var(--sk-gut)}
.sk-main>section{padding-top:var(--sk-sec)}
.sk-main>.sk-band,.sk-main>.contact{background:var(--sk-bg2);margin-top:var(--sk-sec);padding-block:var(--sk-sec)}
.sk-main>.sk-band+.sk-band{margin-top:0;border-top:1px solid var(--sk-line)}
.sec-intro,.section-head{margin-bottom:20px}
.sec-intro h2,.section-head h2,.section-head h1{margin-bottom:8px}
.sec-intro .lead{max-width:44em}
.section-head>.sk-lnk{margin-top:2px}

/* baner */
.sk-main>.sk-hero{padding:0}
.sk-hero picture{display:block}
.sk-hero img{width:100%;height:auto;aspect-ratio:auto 4/3;object-fit:contain}
.sk-panel{padding:22px var(--sk-pad) 28px}
.sk-panel h1{margin:0}
.sk-panel .sk-lead{margin:12px 0 20px}
.sk-hero-l{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:10px}
.sk-hero-n{font-size:13px;color:var(--sk-ink2);margin:10px 0 0}
.sk-hero-n b{color:var(--sk-ink);font-weight:600}

/* atuty */
.sk-main>.sk-usp{margin-top:0}
.sk-usp ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.sk-usp li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:0 14px;align-items:start;font-size:14px;line-height:1.5;color:var(--sk-ink2)}
.sk-usp-i{width:46px;height:46px;border-radius:12px;background:#fff;color:var(--sk-acc);display:grid;place-items:center}
.sk-usp h3{font-family:var(--sk-sans);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.35;color:var(--sk-ink);margin:0 0 2px}
.sk-usp p{margin:0}

/* karty modeli */
.filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px calc(var(--sk-pad)*-1) 0;padding:0 var(--sk-pad) 2px}
.filters::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--sk-line2);border-radius:var(--sk-r-btn);background:#fff;font-size:14.5px;font-weight:600;color:var(--sk-ink);white-space:nowrap}
.chip:hover{border-color:var(--sk-acc)}
.chip.is-active{background:var(--sk-acc);border-color:var(--sk-acc);color:#fff}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
.card{display:flex;flex-direction:column;min-width:0}
.card .ph{position:relative;aspect-ratio:1/1;border-radius:var(--sk-r-img);overflow:hidden;background:#F3F2F0}
.card .ph img{width:100%;height:100%;object-fit:contain}
.badge{position:absolute;top:10px;inset-inline-start:10px;z-index:1;background:var(--sk-red);color:#fff;font:700 12px/1.3 var(--sk-sans);padding:4px 9px;border-radius:6px}
.card .meta{padding-top:10px}
.card .meta h3{font-family:var(--sk-sans);font-size:16.5px;font-weight:600;line-height:1.3;letter-spacing:0;margin:0}
.card .sub{font-size:13px;color:var(--sk-ink2);line-height:1.4;margin-top:2px}
.swatches{display:flex;gap:6px;align-items:center;margin-top:8px}
.sw{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(43,33,27,.22)}
.home #produkty .grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--sk-gut)*-1);padding:0 var(--sk-gut) 4px;scroll-padding:0 var(--sk-gut);scrollbar-width:none}
.home #produkty .grid::-webkit-scrollbar{display:none}
.home #produkty .card{flex:0 0 58%;scroll-snap-align:start}

/* Ovi: trzy etapy */
.sk-ovi-in{display:grid;gap:24px}
.sk-ovi h2{margin-bottom:10px}
.sk-ovi-c{display:flex;align-items:center;gap:6px;margin:16px 0;font-size:13.5px;color:var(--sk-ink2)}
.sk-ovi-c i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(43,33,27,.22);flex:none}
.sk-ovi-c span{margin-inline-start:6px}
.sk-ovi .sk-btn{width:100%}
.sk-stages{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--sk-gut)*-1);padding:0 var(--sk-gut) 4px;scroll-padding:0 var(--sk-gut);scrollbar-width:none}
.sk-stages::-webkit-scrollbar{display:none}
.sk-stages figure{flex:0 0 64%;scroll-snap-align:start;min-width:0}
.sk-stages img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--sk-r-img);background:#fff}
.sk-stages figcaption{margin-top:10px;font-size:13.5px;line-height:1.5;color:var(--sk-ink2)}
.sk-stages figcaption span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--sk-kick)}
.sk-stages figcaption h3{font-family:var(--sk-sans);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.35;color:var(--sk-ink);margin:2px 0 4px}
.sk-stages figcaption p{margin:0}

/* aranżacje */
.gal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gal-tile{position:relative;display:block;border-radius:var(--sk-r-img);overflow:hidden;background:var(--sk-bg2)}
.gal-tile.gal-big{grid-column:1/-1}
.gal-tile img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .5s}
.gal-cap{position:absolute;inset-inline-start:10px;bottom:10px;max-width:calc(100% - 20px);background:rgba(255,255,255,.94);color:var(--sk-ink);font-size:13px;font-weight:600;line-height:1.3;padding:5px 10px;border-radius:8px}
.gal-tile:not(.gal-big) .gal-cap{inset-inline-start:6px;bottom:6px;max-width:calc(100% - 12px);font-size:11px;padding:3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Chloe, o nas */
.about{display:grid;gap:22px;align-items:center}
.about .photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.about .photos img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--sk-r-img);background:var(--sk-bg2)}
.about .photos img:first-child{grid-column:1/-1;aspect-ratio:4/3}
.about .photos img:only-child{aspect-ratio:auto;height:auto;object-fit:contain}
.about p{color:var(--sk-ink2)}
.about .btn{margin-top:6px}
.process{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.process li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;min-width:0}
.process .pi{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--sk-bg2);color:var(--sk-acc);flex:none}
.process .pi svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;margin-top:22px;padding-top:20px;border-top:1px solid var(--sk-line)}
.stat b{display:block;font-family:var(--sk-serif);font-size:30px;font-weight:600;line-height:1.1;color:var(--sk-acc)}
.stat span{font-size:13.5px;color:var(--sk-ink2)}

/* ścieżki: rodzic / partner */
.paths-grid{display:grid;gap:14px;margin-top:20px}
.path{position:relative;display:block;border-radius:18px;overflow:hidden;min-height:300px;color:#fff;background:var(--sk-dark)}
.path img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.path::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,33,27,0) 30%,rgba(43,33,27,.82) 100%)}
.path .shade{display:none}
.path .inner{position:absolute;inset:auto 0 0 0;z-index:1;padding:20px}
.path .kicker{font-size:13px;font-weight:600;opacity:.9}
.path .title{font-family:var(--sk-serif);font-weight:600;font-size:26px;line-height:1.15;margin:4px 0 10px}
.path .row{display:flex;justify-content:space-between;align-items:flex-end;gap:8px 16px;flex-wrap:wrap;font-size:14px}
.path .go{font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}

/* partnerzy */
.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.partner-tile{display:flex;flex-direction:column;border:1px solid var(--sk-line);border-radius:var(--sk-r-img);background:#fff;overflow:hidden}
.partner-tile:hover{border-color:var(--sk-acc)}
.partner-logo{display:grid;place-items:center;height:84px;padding:14px 18px}
.partner-logo img{max-height:46px;max-width:100%;width:auto;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
.partner-tile:hover .partner-logo img{filter:none;opacity:1}
.partner-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-top:1px solid var(--sk-line);padding:10px 12px;font-size:13px;line-height:1.4;flex:1}
.partner-meta svg{width:14px;height:14px;flex:none;margin-top:3px;color:var(--sk-ink2)}
.partner-meta b{display:block;font-weight:600}
.partner-meta small{font-size:12.5px;color:var(--sk-ink2)}
.partners-foot{margin-top:18px;display:grid;gap:12px;justify-items:start}
.partners-foot p{margin:0;color:var(--sk-ink2)}

/* katalog */
.catalog-cta{display:grid;gap:20px;align-items:center;border:1px solid var(--sk-line);border-radius:18px;padding:22px 20px;background:#fff}
.catalog-cta p{color:var(--sk-ink2)}
.catalog-cta .hero-actions{flex-direction:row;flex-wrap:wrap}
.catalog-cta .btn{min-height:48px;padding:8px 20px}
.catalog-thumb img{width:100%;max-width:380px;margin-inline:auto;border-radius:var(--sk-r-card)}

/* Instagram */
.social-card{border:1px solid var(--sk-line);border-radius:18px;padding:18px}
.social-head{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin-bottom:16px}
.social-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sk-bg2);color:var(--sk-acc);flex:none}
.social-ico svg{width:24px;height:24px}
.social-name{flex:1 1 140px;line-height:1.3}
.social-name b{display:block;font-size:16px}
.social-name small{font-size:13px;color:var(--sk-ink2)}
.social-btn{min-height:44px;padding:8px 18px;font-size:14.5px}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ig-cell{display:block;border-radius:10px;overflow:hidden;background:var(--sk-bg2)}
.ig-cell img{width:100%;aspect-ratio:1/1;object-fit:cover}
.ig-live:not(:empty){margin-top:16px}
.ig-optin{display:grid;gap:6px;justify-items:start;margin-top:16px}
.ig-optin small{font-size:12.5px;color:var(--sk-ink2)}
.ig-optin .btn{min-height:44px;padding:8px 18px;font-size:14.5px}

/* kontakt */
.contact>.lead{max-width:44em;margin-bottom:20px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-card,.dojazd-info{background:#fff;border-radius:var(--sk-r-img);padding:16px}
.contact-card .k,.dojazd-info .k{font-size:12.5px;font-weight:700;color:var(--sk-kick);margin-bottom:6px}
.contact-card p{margin:0;font-size:14.5px;line-height:1.6;overflow-wrap:anywhere}
.contact-card a,.seo-prose a,.legal a,.faq-a a,.cta-note a,.prod-intro a,.cf-consent a{color:var(--sk-acc);text-decoration:underline;text-underline-offset:3px}
.q-cf{margin-top:14px;background:#fff;border-radius:var(--sk-r-img);padding:0 16px}
.q-cf>summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;font-weight:600;cursor:pointer;list-style:none}
.q-cf>summary::-webkit-details-marker,.faq-item>summary::-webkit-details-marker{display:none}
.q-cf>summary::after,.faq-item>summary::after{content:"";flex:none;width:9px;height:9px;margin-inline:16px 4px;border-inline-end:1.8px solid var(--sk-ink2);border-bottom:1.8px solid var(--sk-ink2);transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.q-cf[open]>summary::after,.faq-item[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.contact-form{display:grid;gap:14px;padding:4px 0 18px}
.cf-hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.cf-row{display:grid;gap:14px}
.cf-field{display:grid;gap:6px;font-size:13.5px;font-weight:600}
.cf-field input,.cf-field textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--sk-line2);border-radius:var(--sk-r-form);background:#fff;font-weight:400;font-size:16px}
.cf-field textarea{min-height:130px;resize:vertical}
.cf-field input:focus,.cf-field textarea:focus{outline:0;border-color:var(--sk-ink);box-shadow:0 0 0 1px var(--sk-ink)}
.cf-bottom{align-items:end}
.cf-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--sk-ink2);line-height:1.5}
.cf-consent input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--sk-acc)}
.cf-status{padding:12px 14px;border-radius:var(--sk-r-form);background:var(--sk-bg2);font-size:14.5px}
.cf-status.is-ok{background:#E3F0E8;color:#1F4A36}
.cf-status.is-err{background:#F6E3DF;color:#6A1F12}
.dojazd{display:grid;gap:12px;margin-top:14px}
.dojazd-info{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.dojazd-info h3{margin:0;font-size:21px}
.dojazd-info p{margin:0;font-size:14.5px;color:var(--sk-ink2)}
.dojazd-info address{font-weight:600}
.dojazd-map{position:relative;min-height:300px;border-radius:var(--sk-r-img);overflow:hidden;background:var(--sk-sand)}
.dojazd-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dojazd-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;font-size:14px;color:var(--sk-ink2)}

/* pytania, tekst na końcu */
.faq-list{max-width:820px}
.faq-item{border-top:1px solid var(--sk-line)}
.faq-item:last-child{border-bottom:1px solid var(--sk-line)}
.faq-item>summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:10px 0;font-weight:600;cursor:pointer;list-style:none}
.faq-a{padding:0 0 18px;color:var(--sk-ink2);max-width:66ch}
.faq-a p:last-child{margin-bottom:0}
.seo-text h2{font-size:21px}
.seo-prose{font-size:14px;color:var(--sk-ink2);max-width:76ch}

/* ========== 7. Podstrony ========== */
main.wrap{padding-top:6px}
.crumbs{font-size:12.5px;color:var(--sk-ink2);margin:14px 0 12px}
.crumbs a:hover{text-decoration:underline}
.crumbs .sep{margin:0 5px;opacity:.6}
main.wrap>.section{padding-top:8px}
main.wrap>.section+.section,.related,.pfilm{margin-top:var(--sk-sec)}
.q-h1{margin-bottom:8px}
.prod-intro{color:var(--sk-ink2);max-width:66ch;margin:28px 0 0}
h1+.prod-intro{margin:0 0 24px}
.related h2{margin-bottom:18px}

/* karta produktu */
.product{display:grid;gap:22px}
.gallery{min-width:0}
/* główne zdjęcie w proporcjach pliku (kwadrat albo 3:2), bez przycinania */
.gallery .main{overflow:hidden;background:#fff;margin-inline:calc(var(--sk-pad)*-1)}
.gallery .main img{width:100%;height:auto}
.thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:10px calc(var(--sk-pad)*-1) 0;padding:2px var(--sk-pad)}
.thumbs::-webkit-scrollbar{display:none}
.thumbs button{flex:none;width:64px;height:64px;padding:0;border:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--sk-line)}
.thumbs button img{width:100%;height:100%;object-fit:contain}
.thumbs button.is-active{box-shadow:0 0 0 2px var(--sk-acc)}
.thumbs button.vs-hide{display:none}
.pinfo h1{font-size:clamp(30px,8vw,44px);margin:0 0 16px}
.pinfo h1 .h1-n{display:block}
.pinfo h1 .h1-sub,.pinfo>.sub{display:block;font-family:var(--sk-sans);font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--sk-ink2);margin-top:6px}
.var-switch,.size-switch{margin:18px 0}
.var-switch>div+div{margin-top:14px}
.vs-lab,.sz-lab{display:block;font-size:13.5px;font-weight:600;margin-bottom:8px}
.vs-opts,.sz-opts{display:flex;gap:8px;flex-wrap:wrap}
.vs-opts button,.sz-opts a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border:1.5px solid var(--sk-line2);border-radius:var(--sk-r-btn);background:#fff;font-size:14.5px;font-weight:600}
.vs-opts button:hover,.sz-opts a:hover{border-color:var(--sk-acc)}
.vs-opts button.is-active,.sz-opts a.is-active{border-color:var(--sk-acc);box-shadow:inset 0 0 0 1px var(--sk-acc);background:var(--sk-bg2)}
.vs-opts .dot{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(43,33,27,.22);flex:none}
.vs-note{margin:10px 0 0;font-size:13.5px;color:var(--sk-ink2)}
.pinfo .desc{color:var(--sk-ink2);margin:18px 0}
.pinfo .desc p:last-child{margin-bottom:0}
.pinfo .cta .btn{width:100%}
.cta-note{font-size:13px;color:var(--sk-ink2);margin:12px 0 0}
.guide-links{font-size:13.5px;color:var(--sk-ink2);margin:10px 0 0}
.guide-links b{color:var(--sk-ink);font-weight:600}
.guide-links a{color:var(--sk-acc);text-decoration:underline;text-underline-offset:3px}
.spec{margin-top:26px;padding-top:22px;border-top:1px solid var(--sk-line)}
.spec h2{font-family:var(--sk-sans);font-size:16px;font-weight:700;letter-spacing:0;margin:0 0 8px}
.spec ul{list-style:none;margin:0 0 22px;padding:0}
.spec li{position:relative;padding:9px 0 9px 28px;border-top:1px solid var(--sk-line);font-size:14.5px;line-height:1.5}
.spec li:first-child{border-top:0}
.spec li::before{content:"";position:absolute;inset-inline-start:4px;top:15px;width:11px;height:6px;border-inline-start:2px solid var(--sk-ok);border-bottom:2px solid var(--sk-ok);transform:rotate(-45deg)}
.opt-chips{display:flex;gap:8px;flex-wrap:wrap}
.opt-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--sk-line2);border-radius:8px;font-size:13.5px;font-weight:500;background:#fff}
.pfilm{text-align:center}
.pfilm-sub{margin:0;color:var(--sk-ink2)}
.pfilm-box{max-width:640px;margin:18px auto 0;border-radius:18px;overflow:hidden;background:#fff}
.pfilm video{width:100%;aspect-ratio:1/1;background:#fff}

/* poradnik i strony tekstowe */
.guide-grid{display:grid;gap:14px}
.guide-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--sk-line);border-radius:var(--sk-r-img);padding:20px;background:#fff}
.guide-card:hover{border-color:var(--sk-acc)}
.guide-card h2,.guide-card h3{font-size:20px;margin:0}
.guide-card p{margin:0;font-size:14.5px;color:var(--sk-ink2)}
.guide-card .more{margin-top:auto;padding-top:6px;font-weight:600;font-size:14.5px;color:var(--sk-acc)}
.legal{max-width:46em;padding-top:20px}
.crumbs+.legal{padding-top:0}
.legal h1{font-size:clamp(29px,7.6vw,44px);margin:0 0 18px}
.legal h2{font-size:24px;margin:1.5em 0 .5em}
.legal h3{font-size:19px;margin:1.3em 0 .4em}
.legal li{margin-bottom:.35em}
.legal th,.legal td{border-top:1px solid var(--sk-line);padding:11px 12px 11px 0;text-align:start;vertical-align:top;font-size:14.5px}
.legal img{border-radius:var(--sk-r-img)}
.guide-lead{font-size:17.5px;color:var(--sk-ink2)}

/* ========== 8. Szersze ekrany ========== */
@media (hover:hover) and (pointer:fine){
	.card:hover h3{color:var(--sk-acc)}
	.gal-tile:hover img{transform:scale(1.03)}
}
@media (min-width:601px){
	:root{--sk-pad:28px}
	.sk-cta,.hero-actions,.cta{flex-direction:row;flex-wrap:wrap;gap:12px}
	.pinfo .cta .btn,.sk-ovi .sk-btn{width:auto}
	.sk-usp ul{grid-template-columns:1fr 1fr;gap:22px 28px}
	.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}
	.home #produkty .card{flex-basis:36%}
	.sk-stages figure{flex-basis:40%}
	.gal-grid{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:12px}
	.gal-tile.gal-big{grid-column:1;grid-row:1/span 3}
	.gal-tile:not(.gal-big){grid-column:2}
	.gal-tile:not(.gal-big) .gal-cap{font-size:12px}
	.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
	.paths-grid{grid-template-columns:1fr 1fr}
	.partner-grid{grid-template-columns:repeat(3,1fr)}
	.partners-foot{grid-template-columns:1fr auto;align-items:center}
	.catalog-cta{grid-template-columns:1.3fr 1fr;padding:32px}
	.ig-grid{grid-template-columns:repeat(6,1fr)}
	.contact-grid{grid-template-columns:repeat(4,1fr)}
	.cf-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
	.dojazd:has(.dojazd-map){grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
	.guide-grid{grid-template-columns:1fr 1fr}
	.cookie-banner{inset-inline:auto 20px}
}
@media (min-width:961px){
	:root{--sk-pad:40px;--sk-sec:72px}
	html{scroll-padding-top:120px}
	body{font-size:16px;padding-bottom:0}
	.bnav{display:none}
	.cookie-banner{bottom:20px}
	/* nagłówek */
	.sk-bar{font-size:13px}.sk-bar-d{display:block}
	.sk-hd-in{grid-template-columns:auto 1fr auto;height:76px;gap:28px;padding:0 var(--sk-pad);max-width:calc(var(--sk-max) + 80px);margin-inline:auto}
	.sk-menu-btn,.sk-nl-x{display:none}
	.sk-logo{justify-self:start}.sk-logo img{height:38px}
	.sk-nl{position:static;display:block;padding:0;overflow:visible;background:none}
	.sk-menu{display:flex;justify-content:center;gap:4px 26px;flex-wrap:wrap}
	.sk-menu a{min-height:44px;font-family:var(--sk-sans);font-size:15px;border:0}
	.sk-opt{display:inline-flex}
	.sk-nr{gap:10px}
	/* stopka */
	.sk-ft{padding:52px 0 36px;margin-top:88px}
	.sk-ft-g{grid-template-columns:2fr 1fr 1.2fr 1.3fr;gap:40px}
	.sk-ft-brand,.sk-ft-col:last-child{grid-column:auto}
	/* strona główna */
	.sk-main>.sk-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;padding:44px var(--sk-gut) 52px}
	.sk-hero picture{order:2}
	.sk-hero img{aspect-ratio:auto 16/9;border-radius:18px}
	.sk-panel{padding:0}
	.sk-panel .sk-lead{font-size:18px;margin:16px 0 26px;max-width:28em}
	.sk-main>.sk-usp{padding-block:30px}
	.sk-usp ul{grid-template-columns:repeat(4,1fr);gap:28px}
	.sk-usp li{display:flex;flex-direction:column;gap:10px;font-size:14.5px}
	.sk-usp-i{width:52px;height:52px;border-radius:14px}
	.sk-usp h3{font-size:16.5px;margin-bottom:4px}
	.sec-intro,.section-head{margin-bottom:28px}
	.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap}
	.section-head h2,.section-head h1{margin:0}
	.filters{overflow:visible;flex-wrap:wrap;margin:0;padding:0}
	.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
	.card .ph{border-radius:16px}
	.card .meta h3{font-size:18px}.card .sub{font-size:14px}.card .meta{padding-top:12px}
	.home #produkty .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;overflow:visible;margin:0;padding:0}
	.sk-ovi-in{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:56px}
	.sk-ovi .sk-lead{font-size:17px}
	.sk-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;margin:0;padding:0}
	.sk-stages figcaption{font-size:14.5px}
	.sk-stages figcaption h3{font-size:18px}
	.gal-grid{gap:16px;max-width:1040px}
	.gal-tile:not(.gal-big) .gal-cap{inset-inline-start:10px;bottom:10px;font-size:13px;padding:5px 10px}
	.about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
	.about.q-chloe-banner,.about.chloe-band{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
	.about .photos{gap:14px}
	.paths-grid{gap:24px}
	.path{min-height:400px}
	.path .inner{padding:28px}
	.path .title{font-size:32px}
	.partner-grid{grid-template-columns:repeat(6,1fr);gap:16px}
	.catalog-cta{padding:44px 48px;gap:48px}
	.social-card{padding:26px}
	.ig-grid{gap:12px}
	.contact-card,.dojazd-info{padding:22px}
	.q-cf{padding:0 22px}
	/* podstrony */
	.crumbs{font-size:13px;margin:22px 0 18px}
	.product{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
	.gallery{position:sticky;top:96px}
	.gallery .main{margin:0;border-radius:18px}
	.thumbs{flex-wrap:wrap;overflow:visible;margin:12px 0 0;padding:2px}
	.thumbs button{width:76px;height:76px}
	.guide-grid{grid-template-columns:repeat(3,1fr);gap:20px}
	.legal{padding-top:36px}
}
@media (min-width:961px) and (max-width:1139px){
	.sk-b2b{display:none}
	.sk-menu{gap:4px 18px}
}
@media (prefers-reduced-motion:reduce){
	*{transition:none!important;scroll-behavior:auto!important}
}
@media print{.bnav,.cookie-banner,.sk-bar{display:none!important}}

/* ========== 9. Arabski (RTL) ========== */
[dir=rtl] body{font-family:'Plus Jakarta Sans','Segoe UI',Tahoma,'Noto Sans Arabic',sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .sk-menu a,[dir=rtl] .path .title,[dir=rtl] .stat b{font-family:'Segoe UI',Tahoma,'Noto Sans Arabic',sans-serif;letter-spacing:0}
[dir=rtl] .sk-lnk .sk-i,[dir=rtl] .sk-btn .sk-i{transform:scaleX(-1)}