/* MB Nylec – wspólny szablon stron językowych (DE, kolejne języki).
   Wygląd 1:1 z www.mb-nylec.com (pomiary 15.10.2026, 1280 px / 375 px). Jeden plik CSS, bez frameworków. */

@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/roboto-0f7fcdc8.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:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/roboto-f0106b44.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:Rokkitt;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/rokkitt-823591ce.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:Rokkitt;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/rokkitt-cfd4c75e.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Linden Hill";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lindenhill-f712e941.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:"Linden Hill";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lindenhill-66bbb748.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/robotoslab-c5e794db.woff2) format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/robotoslab-ef584ac5.woff2) format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}

:root{
  --tlo:#000; --zloty:#c2a703; --zloty-ciemny:#ad8f3c; --rozowy-szary:#bfb0af;
  --tekst:#d6d6d6; --tekst-jasny:#e3e3e3; --tekst-szary:#7a7a7a; --szary-stopka:#a1a2a4;
  --naglowek:#dedede; --ramka:#3b3d42; --okr:#a8a8a8; --okr-link:#c4c4c4;
  --kontener:1200px; --boczny:240px;
  --serif:Rokkitt,Georgia,serif; --sans:Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tlo);color:var(--ramka);font:300 14px/1.6 var(--sans)}
img{max-width:100%;height:auto;border:0}
a{color:inherit}
.skip{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:8px 12px;z-index:200}
.skip:focus{left:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------- NAGŁÓWEK (desktop) ---------- */
.naglowek{position:relative;max-width:var(--kontener);margin:0 auto;height:127px}
.logo{position:absolute;left:0;top:10px;display:block;width:141px}
.logo img{display:block;width:141px;height:117px}
.naglowek-prawy{position:absolute;left:168px;right:0;top:0;height:80px}
.pasek-gora{display:grid;grid-template-columns:310px 310px 196px 1fr;align-items:center;height:46px}
.motto,.firma{margin:0;font:400 18px/18px var(--serif);color:#fff;padding-left:16px}
.firma{padding-left:15px}
.soc{display:flex;gap:14px;padding-left:19px}
.soc a{display:block;width:16px;height:16px;color:#fff}
.soc a:hover{color:var(--zloty)}
.soc svg{display:block;width:16px;height:16px;fill:currentColor}
.jezyki{display:flex;justify-content:flex-end;align-items:center}
.jezyki a,.menu-gora a{font:500 16px/20px "Linden Hill",Georgia,serif;color:var(--zloty);text-decoration:none;padding:13px 20px;display:block}
.jezyki a:hover,.menu-gora a:hover,.jezyki a[aria-current],.menu-gora a[aria-current]{color:#fff}
.szukaj-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--zloty);cursor:pointer}
.szukaj-btn:hover{color:#fff}
.szukaj-btn:focus-visible{outline:1px solid var(--zloty)}
.szukaj-btn svg{width:17px;height:17px;display:block}
.menu-gora{display:flex;justify-content:center;margin:-13px 0 0;padding:0;list-style:none;height:46px}
.menu-gora li{display:block}
.linia{position:absolute;left:0;right:0;top:40px;border-top:3px double #bababa}   /* jak PL: między górnym wierszem a menu, nie pod menu */
.hamburger{display:none}

/* ---------- UKŁAD: menu boczne + treść ---------- */
.uklad{display:grid;grid-template-columns:var(--boczny) 1fr;max-width:var(--kontener);margin:-47px auto 0;align-items:start}
.boczne{padding:67px 5px 5px}
.boczne ul{list-style:none;margin:0;padding:0;background:#1c1c1c}
.boczne li{margin:0 0 1px}
.boczne a{display:block;padding:10px 15px;background:linear-gradient(#1e1e1e 0%,#000 100%);font:500 15px/24px var(--serif);color:var(--zloty);text-decoration:none}
.boczne a:hover,.boczne a[aria-current]{color:#fff}
.boczne .oferta{font:600 18px/18px var(--serif);color:var(--rozowy-szary);text-align:center;margin:10px 0 10px}
.tresc{min-width:0;padding:0 5px 50px}

/* okruszki */
.okruszki{font:300 13px/20px var(--sans);color:var(--okr);padding:2px 5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:22px}
.okruszki a{color:var(--okr-link);font-weight:500;text-decoration:none}
.okruszki a:hover{color:var(--zloty-ciemny)}
.okruszki .sep{color:#7a7a7a;padding:0 2px}
.okruszki [aria-current]{color:#9a9a9a}

h1.tytul{font:600 20px/1 var(--serif);color:var(--rozowy-szary);text-align:center;margin:9px 0 10px}
.produkt h1.tytul{font-size:18px}
.hub h1.tytul{font-size:22px}
.wstep{font:400 13px/1.6 var(--sans);color:#e0e0e0;margin:0 0 14px;text-align:left}
.wstep p{margin:0 0 13px}
.podpis-siatki{font:400 12px/1.2 var(--sans);color:#cfcfcf;text-align:center;margin:4px 0 12px}
/* 17.10.2026: hub z kategoriami i produktami – podpis nad kategoriami i wyraźny przerywnik przed produktami (jak EN, odstęp jak PL) */
.podpis-kategorii{font:400 13px/1.3 var(--sans);color:#cfcfcf;text-align:center;margin:6px 0 10px}
.przerywnik{margin:44px 0 16px;padding:22px 5px 0;border-top:1px solid #6b5a2a;text-align:center}
.przerywnik .podpis-siatki--duzy{font:400 24px/1.3 var(--serif);color:var(--naglowek);margin:0 0 10px}
.przerywnik p{font:300 14px/1.6 var(--sans);color:var(--tekst);max-width:900px;margin:0 auto;text-align:center}
@media (max-width:767px){ .przerywnik{margin-top:30px} .przerywnik .podpis-siatki--duzy{font-size:20px} }

/* ---------- KAFELKI ---------- */
.siatka{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 20px}
.siatka--2{grid-template-columns:repeat(2,1fr)}
.kafel{border:.8px solid var(--ramka);padding:5px;display:flex;flex-direction:column;text-decoration:none;margin:0 -0.4px -0.8px 0}
.kafel .nazwa{font:400 18px/18px var(--serif);color:var(--zloty-ciemny);text-align:center;margin:0 0 7px;min-height:36px;display:flex;flex-direction:column;justify-content:center}
.kafel .nazwa small{font-size:inherit;display:block}
.siatka--2 .kafel .nazwa{min-height:18px}
.kafel img{display:block;width:100%;height:auto}   /* jak PL: zdjęcie w naturalnych proporcjach, bez przycinania */
/* 17.10.2026: zdjęcia w rzędzie zawsze w jednej linii – wspólna wysokość nazw w rzędzie (subgrid) i wspólna proporcja zdjęć siatki (--kr = mediana kategorii) */
.siatka[style] .kafel img{aspect-ratio:var(--kr);height:auto;object-fit:cover}
@supports (grid-template-rows:subgrid){
  .siatka{grid-auto-rows:auto}
  .siatka .kafel{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0}
  .siatka .kafel .nazwa{height:100%}
}

.kafel:hover .nazwa{color:var(--zloty)}
.kafel:hover img{opacity:.92}

/* strona główna */
.hero{position:relative;height:180px;margin:0 0 11px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:50px}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;animation:hero 56s infinite;animation-delay:var(--d,0s)}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.62);z-index:1}
.hero p{position:relative;z-index:2;margin:0;font:400 17px/23.8px "Roboto Slab",Georgia,serif;color:#efefef;text-align:center}
@keyframes hero{0%{opacity:0}5.36%{opacity:1}12.5%{opacity:1}17.86%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.hero img{animation:none}.hero img:first-child{opacity:1}}
.glowna-kafle{border-top:1px solid #6b5a2a}
.glowna-kafle .siatka{margin:0;border-bottom:1px solid #6b5a2a}
.glowna-kafle .kafel{border:0}


.glowna-kafle .kafel .nazwa{min-height:18px}
.glowna-tekst{color:#e0e0e0;font:400 12px/1.6 var(--sans);text-align:justify;margin-top:30px}
.glowna-tekst h1{font:400 28px/1.3 var(--sans);color:var(--naglowek);text-align:center;margin:0 0 10px}
.glowna-tekst h2{font:400 22px/1.35 var(--sans);color:var(--naglowek);text-align:center;margin:10px 0}
.glowna-tekst h3{font:400 18px/1.4 var(--sans);color:var(--naglowek);text-align:center;margin:10px 0}
.glowna-tekst .srodek{text-align:center}

/* ---------- PRODUKT ---------- */
.zdjecia{margin:0 0 10px}
.zdjecia figure{margin:0 0 10px}
.zdjecia a{display:block}
.zdjecia img{display:block;width:100%;height:auto}
.zdjecia figcaption{font:300 13px/1.5 var(--sans);color:var(--okr);text-align:center;margin-top:5px}
@media (min-width:768px){
  .rzad{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px}
  .rzad>figure{flex:var(--k,1) 1 0;min-width:0;margin:0}
  .rzad--jeden{justify-content:center}
  .rzad--jeden>figure{flex:0 0 calc(50% - 5px)}
  .rzad--sam>figure{flex:0 1 auto;max-width:100%}
  .rzad--sam img{width:auto;max-width:100%;max-height:72vh;margin:0 auto}   /* 75vh za duże, 65vh za małe (uwagi użytkownika 16.10) */
}
.opis{color:var(--tekst);font:400 12px/1.6 var(--sans)}
.opis h2{font:300 18px/1.5 var(--sans);color:var(--naglowek);margin:15px 0}
.opis h3{font:400 16px/1.5 var(--sans);color:var(--naglowek);margin:15px 0 8px}
.opis p{margin:0 0 14px}
.opis ul{margin:0 0 14px;padding-left:20px}
.opis a,.dlugi a{color:#c4c4c4;text-decoration:none}
.opis a:hover,.dlugi a:hover{color:var(--zloty-ciemny)}
.wideo{position:relative;aspect-ratio:16/9;background:#111 center/cover no-repeat;margin:0 0 14px;cursor:pointer;border:0;width:100%;padding:0;display:block}
.wideo::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.5 7.7A8.5 8.5 0 0 0 60.5 1.7C55.2.3 34 .3 34 .3S12.8.3 7.5 1.7A8.5 8.5 0 0 0 1.5 7.7C.1 13 .1 24 .1 24s0 11 1.4 16.3a8.5 8.5 0 0 0 6 6C12.8 47.7 34 47.7 34 47.7s21.2 0 26.5-1.4a8.5 8.5 0 0 0 6-6C67.9 35 67.9 24 67.9 24s0-11-1.4-16.3z' fill='%23c00'/%3E%3Cpath d='M45 24 27 14v20' fill='%23fff'/%3E%3C/svg%3E") no-repeat}
.wideo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.zapytanie{border:1px solid #333;padding:14px 16px;margin:20px 0;text-align:center;color:var(--tekst)}
.zapytanie p{margin:0 0 8px}
.przycisk{display:inline-block;font:500 16px/20px var(--serif);color:#000;background:var(--zloty);padding:9px 22px;text-decoration:none;border:0;cursor:pointer}
.przycisk:hover{background:#fff}

/* zobacz również */
.podobne{max-width:1100px;margin:34px auto 6px;padding:0 10px;text-align:center}
.podobne-tytul{margin:0 0 14px;font:300 20px/1.3 var(--serif);color:var(--zloty-ciemny)}
.podobne-lista{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.podobne-lista a{display:block;text-decoration:none}
.podobne-lista img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #333}
.podobne[style] .podobne-lista img{aspect-ratio:var(--kr)}   /* proporcja = mediana zdjęć kategorii (figury, latarnie pionowo – bez ucinania głów i nóg) */
.podobne-lista span{display:block;margin-top:6px;font:400 15px/1.3 var(--serif);color:var(--rozowy-szary)}
.podobne-lista a:hover span,.podobne-wiecej a:hover{color:var(--zloty-ciemny)}
.podobne-wiecej{margin:14px 0 0}
.podobne-wiecej a{font:400 16px/1.3 var(--serif);color:var(--rozowy-szary);text-decoration:none}

/* długi tekst huba/kategorii (pod siatką, na całą szerokość) */
.dlugi{max-width:var(--kontener);margin:0 auto;padding:20px 0 0;color:var(--tekst-szary);font:400 12px/1.6 var(--sans)}
.dlugi p{margin:0 0 12px;color:var(--tekst-jasny)}
.dlugi h2{font:400 20px/1.4 var(--sans);color:var(--naglowek);margin:15px 0}
.dlugi h3{font:400 17px/1.4 var(--sans);color:var(--naglowek);margin:15px 0}
.dlugi details{border-top:1px solid #222;padding:6px 0}
.dlugi summary{cursor:pointer;font:400 17px/1.4 var(--sans);color:var(--naglowek);list-style-position:outside}
.dlugi details p{margin:8px 0 6px}

/* strony informacyjne i formularz */
div.info{color:var(--tekst);font:400 14px/1.6 var(--sans)}
div.info h2{font:400 20px/1.4 var(--sans);color:var(--naglowek);margin:18px 0 10px}
div.info p{margin:0 0 12px;color:var(--rozowy-szary);text-align:justify}
.formularz{display:grid;gap:10px;max-width:640px;margin:10px auto 20px}
.formularz label{font:400 13px/1.4 var(--sans);color:var(--tekst)}
.formularz input,.formularz textarea{width:100%;background:#111;border:1px solid #333;color:#eee;font:400 15px/1.4 var(--sans);padding:9px 10px}
.formularz textarea{min-height:150px;resize:vertical}
.formularz input:focus,.formularz textarea:focus{outline:1px solid var(--zloty);border-color:var(--zloty)}
.formularz .zgoda{display:flex;gap:8px;align-items:flex-start}
.formularz .zgoda input{width:auto;margin-top:3px}
.formularz .hp{position:absolute;left:-9999px}

/* ---------- STOPKA ---------- */
.stopka{max-width:var(--kontener);margin:0 auto;border-top:.8px solid var(--ramka);padding:20px 15px 10px;text-align:center;font:400 11px/1.6 var(--sans);color:var(--szary-stopka)}
.stopka p{margin:0 0 10px;letter-spacing:.2px}
.stopka a{color:var(--szary-stopka);text-decoration:none}
.stopka a:hover{color:var(--zloty-ciemny)}
.stopka .soc{justify-content:center;padding:0;margin:0 0 14px}

/* ---------- WYSZUKIWARKA (1:1 z wyszukiwarką PL „mbn-szuk”, 17.10.2026) ---------- */
html.szuk-otwarte{overflow:hidden}
.szuk{position:fixed;inset:0;z-index:1000;overflow-y:auto;background:rgba(6,6,6,.97);padding:12vh 16px 40px;color:var(--tekst);font-family:var(--sans);display:none}
.szuk.otwarte{display:block}
.szuk-okno{max-width:760px;margin:0 auto}
.szuk-zamknij{all:unset;position:fixed;top:12px;right:14px;width:44px;height:44px;font:300 36px/44px Arial,sans-serif;text-align:center;color:var(--zloty);cursor:pointer}
.szuk-zamknij:hover{color:#fff}
.szuk-f{display:flex;align-items:center;border-bottom:1px solid var(--zloty);margin:0}
.szuk-f input{flex:1;min-width:0;margin:0;padding:10px 4px;background:transparent;border:0;border-radius:0;box-shadow:none;outline:0;color:#fff;font:300 22px/1.3 var(--sans);-webkit-appearance:none;appearance:none}
.szuk-f input::placeholder{color:#8a8a8a;opacity:1}
.szuk-f input::-webkit-search-cancel-button{-webkit-appearance:none}
.szuk-f button{all:unset;display:flex;align-items:center;padding:6px;color:var(--zloty);cursor:pointer}
.szuk-f button svg{width:20px;height:20px}
.szuk-st{min-height:20px;margin:12px 0 8px;font-size:13px;line-height:20px;color:var(--okr)}
.szuk-ch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--okr)}
.szuk-ch[hidden]{display:none}
.szuk-ch button{all:unset;cursor:pointer;padding:4px 12px;border:.8px solid var(--ramka);color:var(--zloty);font:400 15px/1.3 var(--serif)}
.szuk-ch button:hover,.szuk-ch button:focus-visible{border-color:var(--zloty-ciemny);color:#fff}
.szuk-w{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.szuk-i{display:flex;align-items:center;gap:12px;padding:5px;border:.8px solid var(--ramka);color:var(--zloty);text-decoration:none}
.szuk-i:hover,.szuk-i:focus-visible{border-color:var(--zloty-ciemny);color:#fff;outline:0}
.szuk-i--kat{border-color:#6b5a26}
.szuk-im{flex:0 0 64px;width:64px;height:64px;background:#141414}
.szuk-im img{display:block;width:64px;height:64px;object-fit:cover}
.szuk-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.szuk-n{font:400 16px/1.25 var(--serif)}
.szuk-k{font:300 12px/1.3 var(--sans);color:var(--okr)}
.szuk-wiecej{all:unset;display:block;margin:18px auto 0;padding:8px 22px;border:.8px solid var(--ramka);color:var(--zloty);font:400 15px/1.3 var(--serif);cursor:pointer;text-align:center}
.szuk-wiecej:hover,.szuk-wiecej:focus-visible{border-color:var(--zloty-ciemny);color:#fff}
.szuk-wiecej[hidden]{display:none}
@media (max-width:600px){ .szuk{padding-top:70px} .szuk-w{grid-template-columns:1fr} .szuk-f input{font-size:18px} }

/* ---------- TELEFON (≤767, jak PL): nagłówek mobilny, bez menu bocznego ---------- */

/* ---------- TABLET 768–1024 (jak PL: układ komputerowy pomniejszony, pomiar 16.10 przy 820 px) ---------- */
@media (min-width:768px) and (max-width:1024px){
  :root{--boczny:201px}
  .naglowek-prawy{left:150px}
  .pasek-gora{grid-template-columns:max-content max-content max-content 1fr}
  .motto,.firma{padding-left:14px}
  .soc{padding-left:18px}
  .jezyki a{padding:13px 8px}
  .menu-gora a{padding:13px 7px;font-weight:300}
  .boczne{padding:52px 5px 5px}
}
@media (min-width:768px) and (max-width:880px){
  .motto,.firma{font-size:15px;padding-left:10px;white-space:nowrap}
  .soc{padding-left:10px;gap:10px}
  .jezyki a{padding:13px 4px}
  .menu-gora a{padding:13px 5px}
}
.oferta-tel{display:none}
.jezyki-menu{display:none}
@media (max-width:767px){
  .naglowek{height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px 10px}
  .logo{position:static;width:auto}
  .logo img{width:72px;height:60px}
  .naglowek-prawy{position:static;height:auto}
  .pasek-gora{display:flex;flex-wrap:wrap;height:auto;gap:2px 10px}
  .motto,.firma{padding:0;font-size:15px;line-height:17px;flex:0 0 100%}
  .soc{padding:4px 0 0;gap:16px}
  .soc a,.soc svg{width:20px;height:20px}
  .jezyki{flex:0 0 100%;justify-content:flex-start}
  .jezyki a{padding:4px 12px 0 0;font-size:15px}
  .menu-gora,.linia,.boczne{display:none}
  .hamburger{display:block;all:unset;cursor:pointer;width:60px;height:46px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}
  .hamburger span{display:block;height:8px;border-radius:5px;background:#fff}
  .menu-mobilne{display:none;background:#000;border-top:.8px solid #222;padding:0 16px 10px}
  .menu-mobilne.otwarte{display:block}
  .menu-mobilne .oferta{font:600 18px/1.4 var(--serif);color:var(--rozowy-szary);margin:12px 0 4px}
  .menu-mobilne ul{list-style:none;margin:0;padding:0}
  .menu-mobilne li{position:relative}
  .menu-mobilne a{display:block;font:300 17px/22px var(--serif);color:#fff;text-decoration:none;padding:2px 52px 2px 0}
  .menu-mobilne a:hover,.menu-mobilne a[aria-current]{color:var(--zloty)}
  .menu-mobilne ul ul{padding-left:16px;display:none}
  .menu-mobilne li.otwarte>ul{display:block}
  .menu-mobilne .strzalka{all:unset;position:absolute;right:0;top:0;width:44px;height:26px;border-left:.8px solid #333;display:flex;align-items:center;justify-content:center;color:var(--zloty);cursor:pointer}
  .menu-mobilne .strzalka::before{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-4px}
  .menu-mobilne li.otwarte>.strzalka::before{transform:rotate(-135deg);margin-top:4px}
  .menu-mobilne .dodatkowe{margin-top:10px;border-top:.8px solid #222;padding-top:8px}
  .uklad{display:block;margin:0 auto;border-top:3px double #bababa;padding-top:4px}
  .tresc{padding:0 10px 30px}
  .okruszki{white-space:normal;height:auto}
  .siatka{grid-template-columns:repeat(2,1fr)}
  .dlugi{padding:20px 10px 0}
}
@media (min-width:768px){ .menu-mobilne{display:none!important} }
@media (max-width:767px){
  .siatka,.siatka--2{grid-template-columns:1fr}
  /* jak PL na telefonie (pomiar 16.10): te same rozmiary co na komputerze */
  .kafel .nazwa{font-size:18px;line-height:18px;min-height:0}
  .glowna-kafle .kafel .nazwa{font-size:16px;line-height:16px}
  .podobne-lista{grid-template-columns:repeat(2,1fr)}
  .hero{display:none}
  .oferta-tel{display:block;font:600 18px/18px var(--serif);color:var(--rozowy-szary);text-align:center;margin:8px 0 10px}
  .glowna-tekst h1{font-size:22px}
  .glowna-tekst h2{font-size:19px}
  .glowna-tekst h3{font-size:16px}
  .okruszki--dol{text-align:center}
  .tresc{padding:0 5px 30px}
  main .okruszki{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px}
  h1.tytul,.opis,main .okruszki{padding-left:5px;padding-right:5px}
  .jezyki a{display:none}
  .pasek-gora .jezyki{flex:0 0 auto;padding-top:4px}
  .jezyki-menu{display:flex;gap:24px;margin-top:8px;border-top:.8px solid #222;padding-top:8px}
  .jezyki-menu a{font:300 17px/22px var(--serif);color:#fff;text-decoration:none;padding:2px 0}
  .jezyki-menu a[aria-current]{color:var(--zloty)}
}
.formularz-status{max-width:640px;margin:10px auto;padding:10px 14px;border:1px solid var(--zloty);color:#fff;text-align:center}

/* zdjęcia w tekstach (jak figure.wp-caption w PL) */
.dlugi figure{margin:16px auto 20px;max-width:700px;text-align:center}
.dlugi figure img{display:block;max-width:100%;height:auto;margin:0 auto}
.dlugi figcaption{font:400 14px/1.6 var(--sans);color:#a8a8a8;margin-top:6px;text-align:center}
.dlugi .para{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 20px}
.dlugi .para a{flex:1 1 280px}
.dlugi .para img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}

/* 1:1 z PL (porównanie 16.10): okruszki na dole, odstępy hub/kategoria/główna */
.okruszki--dol{max-width:1185px;margin:20px auto 10px;padding:0 5px;font:300 13px/19.5px var(--sans);color:#9a9a9a;height:auto;white-space:normal;overflow:visible}
.okruszki--dol a{color:#ad8f3c;font-weight:300}
@media (min-width:768px){
  body.hub main.tresc,body.kategoria main.tresc,body.glowna main.tresc{margin-top:-12px}
  .glowna-tekst{margin-top:122px}
  .hub h1.tytul,.kategoria h1.tytul{margin-bottom:0}
  .hub .wstep{font-size:12px;text-align:justify}
  body.info main.tresc{margin-top:-12px}
  body.info h1.tytul{font-size:23px;margin:11px 0 20px;padding-left:74px}
  div.info{padding:0 10px 0 84px}
}

/* KONTAKT jak PL/EN (pomiar 16.10, 1280 px) */
.k-firma{font:600 24px/24px var(--serif);color:var(--rozowy-szary);text-align:center;margin:18px 0 6px}
.k-motto{font:600 18px/18px var(--serif);color:var(--rozowy-szary);text-align:center;margin:0 0 23px}
.k-tytul{font:600 23px/23px var(--serif);color:var(--rozowy-szary);text-align:center;margin:0 0 55px}
.k-kolumny{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 5px}
.k-dane p{font:400 17px/27.2px var(--sans);color:var(--rozowy-szary);margin:0 0 17px}
.k-dane a{color:var(--rozowy-szary);text-decoration:none}
.k-dane a:hover{color:var(--zloty)}
.kontakt .formularz{max-width:none;margin:0;gap:12px}
.kontakt .formularz label{font:400 14px/22.4px var(--sans);color:#d8d8d8;display:block}
.kontakt .formularz input,.kontakt .formularz textarea{display:block;background:#fff;border:.8px solid #69727d;border-radius:2px;color:#333;font:400 13px/1.4 var(--sans);padding:6px 10px;height:33px;margin-top:2px}
.kontakt .formularz textarea{height:101px;min-height:101px}
/* BLOG (17.10.2026): lista wpisów i artykuł – czytelny tekst 16 px, bez linku w menu (jak PL) */
.blog-wstep{font:300 15px/1.6 var(--sans);color:var(--tekst);margin:0 0 18px;padding:0 5px}
.blog-lista{display:grid;gap:18px;padding:0 5px}
.blog-karta{display:grid;grid-template-columns:300px 1fr;gap:18px;border:.8px solid var(--ramka);padding:10px}
.blog-zdj img{display:block;width:100%;height:auto}
.blog-opis h2{font:400 22px/1.3 var(--serif);margin:4px 0 8px}
.blog-opis h2 a{color:var(--zloty);text-decoration:none}
.blog-opis p{font:300 14px/1.6 var(--sans);color:var(--tekst);margin:0 0 10px}
.blog-dalej{color:var(--zloty);font:400 15px/1.3 var(--serif);text-decoration:none}
.blog-dalej:hover,.blog-opis h2 a:hover{color:#fff}
.wpis{max-width:780px;padding:0 5px}
.wpis-data{font:300 13px/1.4 var(--sans);color:var(--okr);margin:0 0 12px}
.wpis-zdj{margin:0 0 18px}.wpis-zdj img,.wpis-tresc img{display:block;max-width:100%;height:auto}
.wpis-tresc{font:300 16px/1.75 var(--sans);color:var(--tekst)}
.wpis-tresc h2{font:400 26px/1.3 var(--serif);color:var(--naglowek);margin:30px 0 10px}
.wpis-tresc p{margin:0 0 14px}
.wpis-tresc a{color:var(--zloty)}
.wpis-tresc figure{margin:20px 0}
@media (max-width:767px){ .blog-karta{grid-template-columns:1fr} .wpis-tresc{font-size:15px} .wpis-tresc h2{font-size:22px} }
/* informacja o danych zamiast kratki zgody (jak PL/EN); Turnstile tylko gdy potrzebna interakcja (data-appearance=interaction-only) */
.formularz-info{font-size:13px;line-height:1.5;color:var(--okr);margin:2px 0 12px}
.formularz-info a{color:var(--zloty)}
.kontakt .formularz .przycisk{justify-self:center;background:#ad8f3c;color:#fff;border-radius:3px;font:500 15px/15px var(--sans);text-transform:uppercase;padding:12.5px 24px}
.kontakt .formularz .przycisk:hover{background:var(--zloty);color:#000}
@media (min-width:768px){ .kontakt{margin-left:82px} }
@media (max-width:767px){ .k-kolumny{grid-template-columns:1fr} .k-tytul{margin-bottom:25px} .k-dane p{font-size:15px;line-height:24px;margin-bottom:8px} }
/* kilka filmów obok siebie (np. poziomy + pionowy short): ta sama wysokość; telefon – pod sobą */
.filmy{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px}
.filmy .wideo{margin:0;flex:1.7778 1 0;min-width:0}
.filmy .wideo--pion{aspect-ratio:9/16;flex:.5625 1 0}
.wideo--kw{aspect-ratio:1/1}
.filmy .wideo--kw{flex:1 1 0}
@media (max-width:767px){ .filmy{flex-direction:column;align-items:center} .filmy .wideo{flex:none;width:100%} .filmy .wideo--pion{width:70%;max-width:340px} }
/* menu boczne: wysuwana lista kategorii jak w PL (JetMenu: 250 px, left:100%, gradient, cień, pojawia się płynnie) */
.boczne li{position:relative}
.boczne-sub{position:absolute;left:100%;top:0;width:250px;margin:0;padding:0;list-style:none;background:#000;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:99;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.48,.01,.5,.99) .1s,visibility 0s linear .4s}
.boczne li.ma-sub:hover>.boczne-sub,.boczne li.ma-sub:focus-within>.boczne-sub{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.1s,0s}
.boczne-sub li{margin:0}
.boczne .boczne-sub a{padding:10px 15px;font:600 14px/22.4px var(--sans);color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5)}
.boczne .boczne-sub a:hover{color:var(--zloty)}
/* film po kliknięciu: zwykły kontener z odtwarzaczem YouTube (bez tła i kursora przycisku) */
.wideo--gra{background-image:none!important;cursor:auto}
/* po starcie filmu ikona „play” (::before/::after z .wideo) NIE może leżeć na odtwarzaczu – przechwytywała kliknięcia (brak pauzy, ikona nie znikała) */
.wideo--gra::before,.wideo--gra::after{content:none!important;display:none!important}

/* wybór języka w nagłówku: bieżący język + strzałka, lista po kliknięciu (zamiast wszystkich kodów obok siebie) */
.jez-wybor{position:relative}
.jez-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font:500 16px/20px "Linden Hill",Georgia,serif;color:var(--zloty);padding:13px 14px}
.jez-btn:hover{color:#fff}
.jez-btn svg{width:10px;height:10px;transition:transform .2s}
.jez-wybor.otwarte .jez-btn svg{transform:rotate(180deg)}
.jez-lista{position:absolute;right:0;top:100%;min-width:160px;margin:0;padding:6px 0;list-style:none;background:#0b0b0b;border:1px solid #3b3b3b;box-shadow:0 6px 18px rgba(0,0,0,.6);z-index:300;display:none}
.jez-wybor.otwarte .jez-lista{display:block}
.jez-lista a{display:flex!important;justify-content:space-between;gap:14px;padding:7px 14px!important;white-space:nowrap}
.jez-lista small{opacity:.75;font-size:.85em}
@media (max-width:767px){ .jezyki .jez-wybor{display:none} }