/* Skórka filtroneo.pl — ładowana PO public/css/sklep.css (nadpisuje tokeny z jego :root; ten sam HTML i układ).
   Ciemna zieleń hali + bursztynowy przycisk akcji, płaski, z cienkim ciemnym obrysem (bez cienia i efektu 3D; decyzja usera 10.10).
   Własna paleta sklepu, nie identyfikacja producenta. Krój Archivo, dwie grubości (400 i 800), podzbiór łacina + polskie litery. */
@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;
    src:url(/fonts/archivo-pl-latin.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+2122,U+2212}
@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;
    src:url(/fonts/archivo-pl-ext.woff2) format("woff2");unicode-range:U+0104-0107,U+0118-0119,U+0141-0144,U+015A-015B,U+0179-017C}
:root{
    --papier:#F2F4F2; --powierzchnia:#F2F4F2; --atrament:#14211B; --atrament-g:#0D1812;
    --mut:#46544C; --krawedz:rgba(20,33,27,.16);
    /* --ziel (bursztyn) to dekoracja i fokus na ciemnym tle (domyślny --fokus-ciemne); --ziel-tlo (ciemna zieleń) to akcent jako tekst i obrys na jasnym. */
    --ziel:#F2B100; --ziel-tlo:#0F3D2E; --ziel-tlo-h:#E4EEE8;
    --cta:#F2B100; --cta-g:#DC9D00; --cta-tekst:#1A2118; --cta-obrys:inset 0 0 0 1.5px #8F6A00;
    --fokus:#14211B; --ok:#2B6119; --link-h:#0F3D2E; --plyta:#FBEFC4;
    --akcent-obrys:rgba(15,61,46,.35); --akcent-obrys-lekki:rgba(15,61,46,.25);
    --naglowek-tlo:#0F3D2E; --logo-druga-czesc:#F2B100;
    --nav-tlo:#0A2D22; --nav-tlo-g:#134A38; --nav-linia:#F2B100; --stopka-tlo:#0A2D22;
    --font-sklep:Archivo,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    --btn-radius:8px; --pole-radius:8px; --pole-btn-radius:6px; --btn-wersaliki:none; --btn-odstep:normal;
}
/* Ciemny nagłówek: tekst linków i logo na jasno (w sklep.css nagłówek jest jasny, a linki mają kolor atramentu),
   a pierścień fokusu pola szukania w kolorze widocznym na ciemnej zieleni. */
header.sklep a,header.sklep a:hover,header.sklep .logo:hover{color:#FFFFFF}
header.sklep form.szukaj-pigulka:focus-within{outline-color:#F2B100}
/* Telefon: Archivo 800 jest szerszy od kroju systemowego, na który sklep.css liczy rozmiar logo (clamp 8vw, kolumna 40vw) — napis „filtroneo.pl" był ucinany do „filtroneo.p".
   Mniejszy rozmiar tylko poniżej 420 px (jak reguła w sklep.css), desktop bez zmian; zapas ~12% na kolumnę logo od 320 do 420 px. */
@media (max-width:420px){
    header.sklep .logo{font-size:clamp(1.25rem,7vw,2.5rem)}
}
/* Logo w stopce ma rozmiar w atrybucie style (4,3rem), więc przesłonić je można tylko przez !important. Bez tego nie mieści się w 360 px
   i wypycha stronę poziomo (przewijanie na boki, całość zmniejszona na telefonie). */
@media (max-width:560px){
    .logo-stopka{font-size:clamp(2.2rem,12vw,4.3rem) !important}
}