/* Archiwum komputerów Fujitsu – wygląd sklepu Fsas na sklep.polsoft.pl (Inter, granat #004687 / #003366, tekst #1f2937), ale bez marki Fsas
   (Marcin 2026-10-21: „z wyglądem sklepu”). Układ stron: uklad.py (nagłówek, stopka, karta produktu, artykuł) i indeksy.py (działy, aktualności, główna). */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fsas/archiwum/assets/fonts/inter-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fsas/archiwum/assets/fonts/inter-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}
:root{--granat:#1f2937;--ciemny:#003366;--niebieski:#004687;--niebieski-ciemny:#003366;--tekst:#1f2937;--szary:#4b5563;
  --obrys:#e2e8f0;--tlo:#f5f7fa;--tlo-2:#eef4fa;--jasny:#eef4fa;--amber:#b45309;--amber-tlo:#fff7e8;--amber-obrys:#f3d9a4;
  --cien:0 1px 2px rgba(9,16,31,.05),0 2px 6px rgba(9,16,31,.04);--cien-hover:0 6px 18px rgba(0,70,135,.14);--r:6px}
html{scroll-behavior:smooth}
html body,html body h1,html body h2,html body h3,html body h4,html body p,html body li,html body a,html body td,html body th,html body span,html body dt,html body dd,html body time{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif}
html body{color:var(--tekst);background:#fff;line-height:1.6;font-size:16px;margin:0;-webkit-font-smoothing:antialiased}
html body a{color:var(--niebieski);transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
html body a:hover{color:var(--niebieski-ciemny)}
html body :focus-visible{outline:3px solid #7cc3f0;outline-offset:2px;border-radius:4px}
html body h1,html body h2,html body h3{text-wrap:balance;letter-spacing:-.01em}
html body img{max-width:100%;height:auto}
.arch-wrap{max-width:1288px;margin:0 auto;padding:0 24px;box-sizing:border-box}

/* nagłówek – jak w sklepie: białe tło, logo z podpisem, menu, przycisk po prawej */
html body header.arch-header{background:#fff;color:var(--tekst);padding:0;margin:0;position:relative;border-bottom:1px solid var(--obrys);box-shadow:0 1px 3px rgba(9,16,31,.04)}
html body .arch-skip{position:absolute;left:16px;top:-60px;background:#fff;color:var(--niebieski);padding:10px 16px;border-radius:4px;font-weight:600;z-index:10;box-shadow:var(--cien)}
html body .arch-skip:focus{top:8px}
.arch-fsas{background:var(--tlo-2);color:var(--szary);font-size:13px;border-bottom:1px solid #dbe5f9}
.arch-fsas .arch-wrap{display:flex;justify-content:space-between;gap:4px 24px;flex-wrap:wrap}
.arch-fsas p{margin:0;padding:6px 0}
html body .arch-fsas strong{color:var(--tekst);font-weight:600}
html body .arch-fsas .arch-fsas-kontakt a{text-decoration:none;font-weight:500;color:var(--niebieski)}
html body .arch-fsas .arch-fsas-kontakt a:hover{text-decoration:underline}
.arch-pasek{display:flex;align-items:center;gap:12px 18px;min-height:92px;flex-wrap:wrap}
html body a.arch-marka{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none;margin-right:auto;padding:4px 20px 4px 0;border-right:1px solid var(--obrys)}
.arch-marka img{display:block;height:44px;width:auto}
html body .arch-tytul{font-size:11.5px;font-weight:600;color:var(--szary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.arch-menu{display:flex;flex-wrap:wrap;gap:0}
html body .arch-menu a{color:var(--tekst);text-decoration:none;padding:8px 9px;border-radius:4px;font-size:15px;font-weight:400;position:relative}
html body .arch-menu a:hover{color:var(--niebieski);background:var(--tlo-2)}
html body .arch-menu a[aria-current]{color:var(--niebieski);font-weight:500}
html body .arch-menu a[aria-current]::after{content:"";position:absolute;left:9px;right:9px;bottom:-2px;height:2px;border-radius:2px;background:var(--niebieski)}
html body a.arch-sklep{display:inline-flex;align-items:center;gap:6px;background:var(--niebieski);color:#fff;font-weight:600;font-size:15px;padding:11px 20px;border-radius:999px;text-decoration:none;white-space:nowrap}
html body a.arch-sklep:hover{background:var(--niebieski-ciemny);color:#fff}
html body a.arch-sklep:active{transform:translateY(1px)}
.arch-sklep-kr{display:none}
.arch-okruszki{background:var(--tlo);border-bottom:1px solid var(--obrys);font-size:14px;color:var(--szary)}
.arch-okruszki .arch-wrap{padding-top:10px;padding-bottom:10px}
html body .arch-okruszki a{color:var(--niebieski);text-decoration:none}
html body .arch-okruszki a:hover{text-decoration:underline}

/* stopka – jasna jak w sklepie, ramka kontaktu w kolorze marki, na dole wspólna stopka serwisów Polsoft */
.arch-footer{background:#f3f4f6;color:var(--szary);margin-top:120px;padding:0 0 24px;font-size:14px;border-top:1px solid var(--obrys)}
.arch-kontakt{display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap;transform:translateY(-50%);margin-bottom:-24px;
  background:linear-gradient(135deg,#004687,#003366);color:#fff;border-radius:8px;padding:28px 32px;box-shadow:0 12px 32px rgba(0,51,102,.25)}
html body .arch-kontakt h2{margin:0 0 6px;font-size:22px;font-weight:700;color:#fff}
html body .arch-kontakt p{margin:0;max-width:60ch;color:#dbe5f9;font-size:15px;line-height:1.55}
.arch-kontakt-dane{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap}
html body .arch-kontakt a.arch-przycisk{background:#fff;color:var(--niebieski)}
html body .arch-kontakt a.arch-przycisk:hover{background:var(--tlo-2);color:var(--ciemny)}
html body .arch-footer a.arch-kontakt-tel{color:#fff;font-weight:700;font-size:17px;text-decoration:none;font-variant-numeric:tabular-nums}
html body .arch-footer a.arch-kontakt-tel:hover{text-decoration:underline;color:#fff}
.arch-kontakt-dane span{color:#c9d7ea;font-size:13.5px}
.arch-stopka{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.arch-footer p{margin:0 0 10px;line-height:1.6;max-width:46ch}
html body .arch-footer .arch-stopka-tytul{color:var(--tekst);font-weight:600;font-size:15px;margin-bottom:14px}
.arch-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
html body .arch-footer a{color:var(--szary);text-decoration:none}
html body .arch-footer a:hover{color:var(--niebieski);text-decoration:underline}
.arch-firma{margin-top:36px;text-align:center;font-size:12.5px;line-height:1.6;color:#6b7280}
html body .arch-footer .arch-firma p{margin:0 auto 6px;max-width:none;line-height:1.6}
html body .arch-footer .arch-firma p:first-child{padding-top:22px;border-top:1px solid #dfe3e8}
html body .arch-footer .arch-firma a{color:inherit;text-decoration:underline;text-underline-offset:2px}
html body .arch-footer .arch-firma a:hover{color:var(--niebieski)}
html body .arch-footer .arch-firma strong{color:var(--szary)}
html body .arch-footer p.arch-prawa{margin-top:18px;color:#9ca3af}
@media (min-width:768px){.arch-firma span{white-space:nowrap}}

/* notka i następcy */
.arch-wstrzyk{margin:24px 0 0;padding:0}
.arch-notka{background:var(--amber-tlo);border:1px solid var(--amber-obrys);border-left:4px solid #f08a00;border-radius:10px;padding:12px 16px;margin:0 0 20px;color:#5a4300;font-size:15px}
.nastepcy{border-radius:var(--r);background:var(--tlo-2);padding:24px 28px;margin:40px 0 0}
html body .nastepcy h2{margin:0 0 4px;font-size:21px;font-weight:600;color:var(--granat)}
.nastepcy h2::after{content:"Aktualny sprzęt dla firm w sklepach Polsoft Engineering.";display:block;font-size:14px;font-weight:400;color:var(--szary);margin-top:4px;letter-spacing:0}
html[lang=en] .nastepcy h2::after{content:"Current business hardware in Polsoft Engineering shops."}
.nastepcy ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
html body .nastepcy li a{display:flex;justify-content:space-between;align-items:center;gap:12px;height:100%;box-sizing:border-box;padding:14px 16px;border-radius:10px;
  color:var(--granat);font-weight:600;text-decoration:none;background:#fff;box-shadow:var(--cien);font-size:15px;line-height:1.35}
html body .nastepcy li a::after{content:"→";color:var(--niebieski);font-weight:500}
html body .nastepcy li a:hover{box-shadow:var(--cien-hover);transform:translateY(-1px)}

/* strona główna */
.hero{background:radial-gradient(1000px 360px at 85% -10%,rgba(255,255,255,.10),transparent 60%),linear-gradient(160deg,#003366 0%,#004687 100%);color:#fff;padding:64px 0 56px}
.hero-etykieta{margin:0 0 12px;font-size:14px;font-weight:600;color:#b9d3ee;letter-spacing:.02em}
html body .hero h1{margin:0 0 16px;font-size:46px;line-height:1.1;font-weight:700;color:#fff;letter-spacing:-.02em}
.hero-opis{margin:0;max-width:62ch;font-size:18px;line-height:1.6;color:#dbe5f9}
.hero-liczby{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.hero-liczby span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;color:#e2e8f0;font-variant-numeric:tabular-nums}
main.glowna h2,main.dzial h2,main.kategoria h2{font-size:24px;font-weight:600;color:var(--granat);margin:52px 0 18px;line-height:1.25}
main.glowna h2:first-child{margin-top:44px}
.licznik{display:inline-block;vertical-align:middle;margin-left:6px;font-size:13px;font-weight:600;color:var(--szary);background:var(--tlo);border:1px solid var(--obrys);border-radius:6px;padding:1px 8px;letter-spacing:0}
.naglowek-z-linkiem{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
html body .naglowek-z-linkiem a{font-weight:600;text-decoration:none}
.kafelki{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
html body a.kafelek{display:flex;flex-direction:column;border:1px solid var(--obrys);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--tekst);overflow:hidden;box-shadow:var(--cien)}
html body a.kafelek:hover{border-color:#9cc3e6;box-shadow:var(--cien-hover);transform:translateY(-2px)}
.kafelek-foto{display:flex;align-items:center;justify-content:center;height:170px;background:#fff;border-bottom:1px solid var(--obrys)}
.kafelek-foto img{max-height:140px;max-width:80%;object-fit:contain}
.kafelek-foto.brak{background:linear-gradient(135deg,#eef2f7,#dbe4ee)}
.kafelek-tytul{font-size:18px;font-weight:600;color:var(--granat);padding:16px 18px 2px}
.kafelek-opis{font-size:14px;color:var(--szary);padding:0 18px;line-height:1.5}
.kafelek-liczba{font-size:13px;font-weight:600;color:var(--niebieski);padding:10px 18px 16px;margin-top:auto}

/* poradniki „czym zastąpić” */
.poradniki{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
html body a.poradnik{display:grid;grid-template-columns:1fr auto;grid-template-areas:"etykieta etykieta" "tytul dalej" "opis dalej";column-gap:20px;
  border-radius:var(--r);background:#fff;border:1px solid var(--obrys);border-left:4px solid var(--niebieski);padding:18px 22px;text-decoration:none;color:var(--tekst);box-shadow:var(--cien)}
main.dzial a.poradnik{margin:0 0 8px}
html body a.poradnik:hover{box-shadow:var(--cien-hover);transform:translateY(-1px)}
.poradnik-etykieta{grid-area:etykieta;font-size:12.5px;font-weight:600;color:var(--niebieski);margin-bottom:4px}
.poradnik-tytul{grid-area:tytul;font-size:17px;font-weight:600;color:var(--granat);line-height:1.35}
.poradnik-opis{grid-area:opis;font-size:14px;color:var(--szary);margin-top:4px;line-height:1.5}
.poradnik-dalej{grid-area:dalej;align-self:center;font-weight:600;color:var(--niebieski);white-space:nowrap;font-size:14px}

/* karty modeli */
.karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
html body a.karta{display:flex;flex-direction:column;border:1px solid var(--obrys);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--tekst);overflow:hidden;box-shadow:var(--cien)}
html body a.karta:hover{border-color:#9cc3e6;box-shadow:var(--cien-hover);transform:translateY(-2px)}
.karta-foto{display:flex;align-items:center;justify-content:center;height:170px;padding:12px;background:#fff;border-bottom:1px solid var(--obrys);box-sizing:border-box}
.karta-foto img{max-height:100%;max-width:100%;object-fit:contain}
.karta-foto.brak{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#94a3b8;font-weight:700;font-size:20px;letter-spacing:.04em}
.karta-tresc{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.karta-tytul{font-size:15.5px;font-weight:600;color:var(--granat);line-height:1.35}
.karta-param{font-size:13.5px;color:var(--szary);line-height:1.45}
.karta-nr{margin-top:auto;padding-top:4px;font-size:12px;color:#7a8799;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace!important}
ul.serie{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
html body ul.serie a{display:inline-block;padding:8px 14px;border:1px solid var(--obrys);border-radius:999px;background:#fff;color:var(--granat);font-weight:500;font-size:14.5px;text-decoration:none}
html body ul.serie a:hover{border-color:var(--niebieski);color:var(--niebieski);background:var(--jasny)}

/* działy i serie */
.dzial-naglowek{background:radial-gradient(900px 300px at 90% -20%,rgba(255,255,255,.10),transparent 60%),linear-gradient(160deg,#003366,#004687);padding:44px 0 36px;margin-bottom:28px}
html body .dzial-naglowek h1{font-size:38px;line-height:1.15;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.02em}
.dzial-opis{margin:0;max-width:70ch;font-size:17px;color:#dbe5f9}
.dzial-liczby{margin:14px 0 0;font-size:14px;font-weight:600;color:#fff}
.artykuly{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
html body a.artykul{display:flex;flex-direction:column;border:1px solid var(--obrys);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--tekst);overflow:hidden;box-shadow:var(--cien)}
html body a.artykul:hover{border-color:#9cc3e6;box-shadow:var(--cien-hover);transform:translateY(-2px)}
.artykul-foto{display:block;aspect-ratio:16/8;background:var(--tlo);overflow:hidden}
.artykul-foto img{width:100%;height:100%;object-fit:cover;display:block}
.artykul-tresc{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px}
.artykul-tresc time{font-size:13px;font-weight:600;color:var(--niebieski)}
.artykul-tytul{font-size:17px;font-weight:600;color:var(--granat);line-height:1.35}
.artykul-opis{font-size:14px;color:var(--szary);line-height:1.5}
main.kategoria{padding-top:36px}
html body main.kategoria h1{font-size:38px;line-height:1.15;font-weight:700;color:var(--granat);margin:0 0 16px;letter-spacing:-.02em}
.kategoria-opis p{max-width:75ch;font-size:17px;line-height:1.7;margin:0 0 14px}
.brak-strony{padding:56px 24px}
html body .brak-strony h1{font-size:38px;color:var(--granat);margin:0 0 12px}

/* poradnik (hub) */
main.hub{max-width:760px;margin:0 auto;padding:40px 24px 24px}
html body main.hub h1{font-size:40px;line-height:1.15;font-weight:700;color:var(--granat);margin:0 0 20px;letter-spacing:-.02em}
main.hub h2{font-size:24px;font-weight:600;color:var(--granat);margin:40px 0 10px}
main.hub p,main.hub li{font-size:17px;line-height:1.75}
main.hub ul{padding-left:22px}
main.hub > p:first-of-type{font-size:19px;color:#334155}

/* karty produktów i strony Presty */
html body #page{background:#fff}
html body #columns,html body .columns-container{max-width:1288px;margin:0 auto;padding:0 24px;box-sizing:border-box}
html body .breadcrumb{display:none}
html body h1.name-product,html body .name-product,html body .name-product *,html body #center_column h1{font-family:Inter,system-ui,Arial,sans-serif!important;font-size:28px;font-weight:700;color:var(--granat);line-height:1.25;letter-spacing:-.01em}
html body .product-information,html body .tab-content{font-size:16px}
html body #center_column{width:100%!important;float:none!important;margin-left:0!important;padding-top:28px}
html body #center_column p,html body #center_column .rte,html body #center_column .rte *{font-size:16px;line-height:1.7;font-weight:400}
html body #product_reference{margin:0 0 6px;font-size:14px;color:var(--szary)}
html body #product_reference .editable{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace!important;font-size:13px;background:var(--tlo);border:1px solid var(--obrys);border-radius:6px;padding:2px 8px;color:var(--tekst)}
html body #image-block{border-radius:var(--r);overflow:hidden}
.arch-skrot{margin-top:18px}
html body .arch-znak{display:inline-block;margin:0 0 14px;padding:4px 10px;border-radius:6px;background:var(--amber-tlo);border:1px solid var(--amber-obrys);color:var(--amber);font-size:13px!important;font-weight:600!important;line-height:1.4!important}
html body .arch-wstep{font-size:16px!important;line-height:1.65!important;color:#334155;margin:0 0 18px}
.arch-skroty{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0}
html body a.arch-przycisk{display:inline-block;background:var(--niebieski);color:#fff;font-weight:600;font-size:15px;padding:10px 20px;border-radius:4px;text-decoration:none}
html body a.arch-przycisk:hover{background:var(--niebieski-ciemny);color:#fff}
html body a.arch-przycisk:active{transform:translateY(1px)}
html body a.arch-link{font-weight:600;font-size:15px;text-decoration:none}
.arch-opis{clear:both;margin:40px 0 8px;max-width:920px;scroll-margin-top:16px}
.arch-opis h2,.arch-galeria h2{font-size:24px;font-weight:600;color:var(--granat);margin:0 0 14px}
html body .arch-opis p{font-size:17px;line-height:1.7;margin:0 0 16px}
.arch-spec{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;border:1px solid var(--obrys);border-radius:var(--r);overflow:hidden}
.arch-spec th,.arch-spec td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--obrys)}
.arch-spec tr:last-child th,.arch-spec tr:last-child td{border-bottom:0}
.arch-spec th{width:32%;font-weight:600;color:var(--granat);background:var(--tlo)}
.arch-spec tr:nth-child(even) td{background:#fbfcfe}
.arch-galeria{margin:36px 0 8px}
.arch-galeria div{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
html body .arch-galeria a{display:flex;align-items:center;justify-content:center;border:1px solid var(--obrys);border-radius:10px;background:#fff;padding:10px;aspect-ratio:1}
html body .arch-galeria a:hover{border-color:#9cc3e6;box-shadow:var(--cien-hover)}
.arch-galeria img{max-height:100%;object-fit:contain}
/* miniatury Presty: bez JS karuzela miała 662 px i wchodziła na opis — przewijana kolumna w wysokości zdjęcia */
html body #views_block{bottom:0;height:auto!important}
html body #thumbs_list{height:100%!important;max-height:100%;overflow-y:auto!important}
html body #thumbs_list_frame{height:auto!important}
html body #view_scroll_left,html body #view_scroll_right{display:none!important}
/* opis z katalogu Presty (dawne zakładki) */
html body .product-information .tab-content{width:100%!important;float:none!important;padding:0}
html body .product-information .tab-pane{display:block!important;opacity:1!important}
.arch-katalog{font-size:24px;font-weight:600;color:var(--granat);margin:36px 0 12px}
details.arch-katalog{margin:28px 0 8px;border:1px solid var(--obrys);border-radius:var(--r);padding:0 20px;background:#fff}
details.arch-katalog summary{cursor:pointer;font-size:17px;font-weight:600;color:var(--granat);padding:16px 0}
details.arch-katalog summary:hover{color:var(--niebieski)}
details.arch-katalog[open]{padding-bottom:14px}
html body #center_column .rte img{max-height:460px;width:auto;display:block;margin:8px auto}
html body #center_column .btn{display:inline-block;background:var(--niebieski);background-image:none;border:0;color:#fff;font-weight:600;font-size:15px;padding:10px 20px;border-radius:4px;text-shadow:none;box-shadow:none;text-decoration:none}
html body #center_column .btn:hover{background:var(--niebieski-ciemny);color:#fff}

/* artykuły (blog Presty): kolumna do czytania, data, zdjęcie na całą szerokość */
html body #sdsblogArticle{max-width:780px;margin:0 auto}
html body #sdsblogArticle h1{font-size:36px!important;line-height:1.2;margin:0 0 8px;background:none;padding:0;border:0}
html body .smart-blog-posts-header-area{background:none;border:0;padding:0;margin:0 0 20px}
html body .sdsarticleHeader > :not(.arch-data){display:none}
.arch-data{display:block;font-size:14px;font-weight:600;color:var(--niebieski);margin-top:6px}
html body #sdsblogArticle .imageFeatured{display:block;width:100%;border-radius:var(--r);margin:0 0 24px}
html body .sdsarticle-des p,html body .sdsarticle-des li,html body .sdsarticle-des span,html body .sdsarticle-des td,html body .rte p,html body .rte li{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif!important;font-size:17px!important;line-height:1.75!important;color:var(--tekst)!important}
html body .sdsarticle-des h2{font-size:22px;color:var(--granat);margin:28px 0 10px}
html body #sdsblogArticle ~ .arch-wstrzyk,html body #content ~ .arch-wstrzyk{max-width:780px;margin:32px auto 0}
html body #center_column p,html body #center_column li,html body #center_column td,html body #center_column h1,html body #center_column h2,html body #center_column h3,html body #center_column h4,html body #center_column a,html body #center_column strong,html body #center_column em,html body #center_column blockquote,html body .rte,html body .articleContent,html body .sdsarticle-des{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif}

@media (max-width:900px){.arch-stopka{grid-template-columns:1fr 1fr}.arch-stopka > div:first-child{grid-column:1/-1}
  .arch-kontakt{transform:none;margin:0 0 36px;position:relative;top:-40px}.arch-footer{margin-top:96px}
  .arch-pasek{gap:8px 12px;min-height:0;padding-top:12px;padding-bottom:6px}html body a.arch-marka{border-right:0;padding-right:0}.arch-sklep{order:2}
  .arch-menu{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;margin:0 -8px;padding-bottom:4px;scrollbar-width:none}
  html body .arch-menu a{white-space:nowrap}}
@media (max-width:640px){.arch-wrap{padding:0 16px}html body .arch-tytul{font-size:10.5px}.arch-marka img{height:38px}html body a.arch-sklep{padding:9px 14px;font-size:14px}.arch-sklep-dl{display:none}.arch-sklep-kr{display:inline}
  .hero{padding:40px 0 36px}html body .hero h1{font-size:32px}.hero-opis{font-size:16px}
  html body .dzial-naglowek h1,html body main.kategoria h1,html body main.hub h1{font-size:28px}
  main.glowna h2,main.dzial h2,main.kategoria h2{font-size:21px;margin-top:40px}
  .poradniki,.artykuly{grid-template-columns:1fr}.karty{grid-template-columns:repeat(2,1fr);gap:10px}
  .karta-foto{height:130px}.karta-tresc{padding:10px 12px 12px}.karta-tytul{font-size:14.5px}
  html body a.poradnik{grid-template-columns:1fr;grid-template-areas:"etykieta" "tytul" "opis" "dalej"}.poradnik-dalej{margin-top:8px}
  .arch-stopka{grid-template-columns:1fr;gap:28px}.arch-kontakt{padding:22px 20px}.arch-fsas{display:none}.arch-spec th{width:42%}.arch-spec th,.arch-spec td{padding:8px 10px}
  .kafelek-foto{height:140px}.nastepcy{padding:20px 18px}html body #sdsblogArticle h1{font-size:28px!important}}