/* Wygląd C „Duet” — czerń i żółć Dużego Pokoju (jak dpokoj.pl), Fraunces + Poppins; mozaika, zakładki, żółta stopka. */
:root{
  --tlo:#f6f1e7;--tlo2:#ece4d4;--tekst:#3a342c;--tinta:#16130f;--pod:#6b6255;--linia:#e2d9c8;--karta:#fffdf8;
  --czern:#16130f;--zolty:#f2c230;--cegla:#b4492f;
  --akcent:#f2c230;--akcent-t:#16130f;
  --font-t:'Fraunces',Georgia,serif;--font-b:'Poppins',system-ui,sans-serif;
  --r:26px;--r-btn:16px;--zak-top:84px;
}
body{font-size:16.5px}
h1,h2,h3{font-weight:600;letter-spacing:-.02em}
h1 em,h2 em{font-style:italic;font-weight:400;color:var(--cegla)}
.c-nad{font:600 .76rem/1.3 var(--font-b);letter-spacing:.2em;text-transform:uppercase;color:var(--pod);margin:0 0 .9em}
.c-nad::before{content:"";display:inline-block;width:22px;height:2px;background:var(--zolty);vertical-align:middle;margin-right:10px}

/* nagłówek */
.naglowek{position:sticky;top:0;z-index:60;background:var(--czern);color:#fff;transition:box-shadow .3s}
.naglowek.przewiniety{box-shadow:0 14px 30px -18px rgba(0,0,0,.7)}
.naglowek-wn{display:flex;align-items:center;gap:18px;min-height:84px}
.c-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.c-logo img{width:54px;height:54px}
.c-logo b{display:block;font:600 1.3rem/1 var(--font-t)}
.c-logo small{display:block;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#cfc6b6;margin-top:5px}
.c-duet{display:inline-flex;background:#2a251e;border-radius:999px;padding:4px;gap:2px;flex:none}
.c-duet a{font-size:.82rem;font-weight:500;text-decoration:none;padding:.45em 1em;border-radius:999px;color:#d8d0c2}
.c-duet a[aria-current]{background:var(--zolty);color:var(--czern)}
.c-duet a:not([aria-current]):hover{color:#fff;background:#3a332a}
.c-nav{display:flex;gap:2px;margin-left:auto}
.c-nav a{white-space:nowrap;text-decoration:none;font-size:.95rem;padding:.55em .8em;border-radius:12px;color:#ece6da}
.c-nav a:hover,.c-nav a[aria-current]{background:#2a251e;color:var(--zolty)}
.c-zam{min-height:46px;padding:.5em 1.1em;white-space:nowrap}
.c-logo{flex:none}
@media (max-width:1400px){.c-logo small{display:none}.c-nav a{padding:.55em .6em;font-size:.92rem}}
.burger{display:none;width:48px;height:48px;border-radius:14px;border:0;background:#2a251e;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto}
.burger span{width:20px;height:2px;background:#fff;display:block}
.c-menu{position:fixed;inset:84px 0 0;z-index:58;background:var(--czern);padding:24px var(--gut) 40px;overflow:auto}
.c-menu nav{display:flex;flex-direction:column;gap:4px}
.c-menu nav>a:not(.btn){font:600 1.7rem/1.2 var(--font-t);color:#fff;text-decoration:none;padding:10px 0;border-bottom:1px solid #2a251e}
.c-menu .c-duet{align-self:flex-start;margin-bottom:12px}
.c-menu .btn{margin-top:10px}
.c-menu .btn-obrys{color:#fff}

/* mozaika */
.c-hero{background:var(--czern);padding:18px 0 clamp(40px,5vw,70px)}
.c-mozaika{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,minmax(170px,auto));gap:14px}
.c-m{margin:0;border-radius:var(--r);overflow:hidden;position:relative}
.c-m img{width:100%;height:100%;object-fit:cover}
.c-m-tytul{grid-column:1/7;grid-row:1/3;background:#221d17;color:#fff;padding:clamp(26px,4vw,54px);display:flex;flex-direction:column;justify-content:flex-end}
.c-m-tytul h1{color:#fff;font-size:clamp(2.6rem,5.4vw,5rem);line-height:.98}
.c-m-tytul h1 em{color:var(--zolty);display:block}
.c-m-tytul p:not(.c-nad){color:#dcd4c6;max-width:40ch}
.c-m-tytul .c-nad{color:#cfc6b6}
.c-m-tytul .btn-obrys{color:#fff}
.c-m-f1{grid-column:7/11;grid-row:1/3}
.c-m-f2{grid-column:11/13;grid-row:1/2}
.c-m-godz{grid-column:11/13;grid-row:2/3;background:var(--zolty);color:var(--czern);padding:20px;display:flex;flex-direction:column;gap:4px;text-decoration:none}
.c-m-godz b{font:600 1.25rem/1.15 var(--font-t)}
.c-m-godz span[data-status]{font-size:.8rem;font-weight:600}
.c-m-godz small{margin-top:auto;font-size:.8rem}
.c-m-ik .ik{width:30px;height:30px}
.c-m-f3{grid-column:1/4;grid-row:3/4}
.c-m-tel{grid-column:4/7;grid-row:3/4;background:var(--cegla);color:#fff;padding:22px 26px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}
.c-m-tel small{opacity:.85}
.c-m-tel b{font:600 clamp(1.6rem,2.6vw,2.4rem)/1.1 var(--font-t)}
.c-m-tel .ik{position:absolute;right:22px;top:22px;width:28px;height:28px;transform:rotate(-45deg)}
.c-m-f4{grid-column:7/13;grid-row:3/4}
.c-m-f4 img{object-position:50% 60%}

/* zakładki wyrobów */
.c-wyroby{padding:clamp(60px,8vw,110px) 0}
.c-gl{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:24px}
.c-gl h2{font-size:clamp(2.2rem,5vw,3.8rem);margin:0}
.c-gl-srodek{display:block;text-align:center}
.c-taby{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:22px;scrollbar-width:thin}
.c-taby button{flex:none;border:1.5px solid var(--linia);background:var(--karta);border-radius:14px;padding:.6em 1.1em;font-weight:500;color:var(--tinta)}
.c-taby button[aria-selected="true"]{background:var(--czern);border-color:var(--czern);color:var(--zolty)}
.c-wyroby-siatka{grid-template-columns:repeat(4,1fr)}
.wyrob{border-radius:var(--r)}
.wyrob-foto{margin:8px 8px 0;border-radius:calc(var(--r) - 8px)}
.wyrob-cena{background:var(--zolty);padding:.2em .7em;border-radius:10px}

/* torty */
.c-torty{background:var(--czern);color:#e8e1d4;padding:0 0 clamp(60px,8vw,110px);overflow:hidden}
.c-pasek{background:var(--zolty);color:var(--czern);padding:14px 0;overflow:hidden;margin-bottom:clamp(50px,7vw,90px)}
.c-pasek div{display:flex;gap:34px;width:max-content;animation:c-jazda 50s linear infinite}
.c-pasek span{font:500 italic 1.4rem/1 var(--font-t);white-space:nowrap}
.c-pasek span::after{content:"✦";font-style:normal;margin-left:34px;font-size:.9rem}
@keyframes c-jazda{to{transform:translateX(-50%)}}
.c-torty-wn{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.c-torty-fotki{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:clamp(380px,46vw,600px)}
.c-torty-fotki figure{margin:0;border-radius:var(--r);overflow:hidden}
.c-torty-fotki figure:first-child{grid-row:1/3}
.c-torty-fotki img{width:100%;height:100%;object-fit:cover}
.c-torty h2{color:#fff;font-size:clamp(2.2rem,4.4vw,3.6rem)}
.c-torty h2 em{color:var(--zolty)}
.c-torty .c-nad{color:#cfc6b6}
.c-torty .btn-obrys{color:#fff}
.c-rozmiary{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.c-rozmiary li{background:#221d17;border-radius:16px;padding:14px 14px 12px;display:flex;flex-direction:column}
.c-rozmiary b{font:600 1.15rem var(--font-t);color:#fff}
.c-rozmiary small{color:#a99f8f;font-size:.78rem}
.c-rozmiary span{color:var(--zolty);font-weight:600;margin-top:6px}

/* rodzina */
.c-rodzina{padding:clamp(60px,8vw,110px) 0}
.c-adresy{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.c-adres{background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.c-adres figure{margin:0;aspect-ratio:16/9;overflow:hidden}
.c-adres figure img{width:100%;height:100%;object-fit:cover}
.c-adres>div{padding:26px 28px 30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.c-adres h3{font-size:2rem;margin-bottom:.3em}
.c-adres .btn{margin-top:auto}
.c-adres-ja{background:var(--czern);border-color:var(--czern);color:#ddd5c7}
.c-adres-ja h3{color:#fff}
.c-znak{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:var(--zolty);color:var(--czern);padding:.3em .8em;border-radius:999px}
.c-adres:not(.c-adres-ja) .c-znak{background:var(--tlo2)}

/* pdf */
.c-pdf{padding:0 0 clamp(60px,8vw,100px)}
.c-pdf-wn{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,70px);align-items:start}
.c-pdf h2{font-size:clamp(2.2rem,4.4vw,3.4rem)}
.c-pdf-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linia)}
.c-pdf-lista a{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 6px;border-bottom:1px solid var(--linia);text-decoration:none;transition:background-color .2s,padding .2s}
.c-pdf-lista a:hover{background:var(--karta);padding-left:14px}
.c-pdf-ik{width:46px;height:46px;border-radius:14px;background:var(--zolty);display:grid;place-items:center}
.c-pdf-lista small{display:block;color:var(--pod);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}
.c-pdf-lista b{font:600 1.15rem/1.25 var(--font-t);color:var(--tinta)}
.c-tekst{padding:0 0 clamp(50px,7vw,90px)}
.c-details{background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);padding:20px 26px}
.c-details summary{cursor:pointer;font:600 1.2rem var(--font-t);color:var(--tinta)}

/* baner */
.c-baner{background:var(--czern);color:#e8e1d4;padding:clamp(40px,6vw,70px) 0}
.c-baner-wn{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:center}
.c-baner h1{color:#fff;font-size:clamp(2.6rem,6vw,5rem);margin:0}
.c-baner h1 em{color:var(--zolty)}
.c-baner .c-nad{color:#cfc6b6}
.c-baner-pod{margin-top:16px;max-width:52ch;color:#dcd4c6}
.c-baner-foto{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;transform:rotate(2deg);box-shadow:0 0 0 8px #221d17}
.c-baner-foto img{width:100%;height:100%;object-fit:cover}

/* podstrony */
.zakladki a{border-radius:12px}
.zakladki a:hover,.zakladki a.aktywna{background:var(--czern);color:var(--zolty)}
.cen-sekcja{border-radius:var(--r)}
.cen-lista li::before{background:var(--zolty);color:var(--czern);border-radius:8px;padding:.2em .45em}
.tc-suma{background:var(--czern);color:var(--zolty)}
.tc-smaki li::before{background:var(--zolty)}
.cta-pas{background:var(--czern);color:#e8e1d4}
.cta-pas .btn-obrys{color:#fff}
.kk .ik{color:var(--cegla)}

/* stopka */
.c-stopka{background:var(--zolty);color:var(--czern);padding:clamp(40px,6vw,70px) 0 26px;overflow:hidden}
.c-stopka-znak{font:600 clamp(3rem,11vw,10rem)/.9 var(--font-t);letter-spacing:-.04em;margin:0 0 40px;white-space:nowrap}
.c-stopka-znak em{font-weight:400;color:var(--cegla)}
.c-stopka-wn{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:2px solid var(--czern);padding-top:30px}
.c-stopka h2{font:600 .82rem var(--font-b);text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px}
.c-stopka a{color:var(--czern);font-weight:500}
.c-stopka a .ik{vertical-align:-3px}
.c-duze{font:600 1.4rem/1.2 var(--font-t)}
.c-stopka-st{font-weight:600;font-size:.88rem}
.c-stopka-menu{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(22,19,15,.25)}
.c-stopka-menu a{text-decoration:none}
.c-stopka-dol{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.82rem;margin-top:20px}
.c-stopka-dol p{margin:0}

@media (max-width:1260px){
  .c-nav{display:none}
  .burger{display:flex}
  .c-zam{margin-left:auto}
  .burger{margin-left:0}
}
@media (max-width:980px){
  .c-mozaika{grid-template-columns:repeat(6,1fr);grid-template-rows:auto}
  .c-m-tytul{grid-column:1/7;grid-row:auto}
  .c-m-f1{grid-column:1/5;grid-row:auto;aspect-ratio:1}
  .c-m-f2{grid-column:5/7;grid-row:auto}
  .c-m-godz{grid-column:1/4;grid-row:auto}
  .c-m-f3{grid-column:4/7;grid-row:auto;aspect-ratio:1}
  .c-m-tel{grid-column:1/7;grid-row:auto}
  .c-m-f4{grid-column:1/7;grid-row:auto;aspect-ratio:2/1}
  .c-wyroby-siatka{grid-template-columns:repeat(2,1fr)}
  .c-torty-wn,.c-pdf-wn,.c-baner-wn{grid-template-columns:1fr}
  .c-adresy{grid-template-columns:1fr}
  .c-stopka-wn{grid-template-columns:1fr 1fr}
  .c-baner-foto{max-width:420px;transform:none}
}
@media (max-width:640px){
  .c-duet{display:none}
  .c-menu .c-duet{display:inline-flex}
  .c-zam span{display:none}
  .c-zam{width:48px;padding:0}
  .c-logo small{display:none}
  .c-m-f2{aspect-ratio:auto}
  .c-rozmiary{grid-template-columns:1fr 1fr}
  .c-stopka-wn{grid-template-columns:1fr}
  .c-torty-fotki{height:auto;grid-template-rows:200px 200px}
}