/* Msilesia theme switcher: shared across every page */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;background:#1d2b3c;color:#f5f8ff;border:1px solid #42536b;border-radius:10px;padding:9px 12px;font:600 13px/1.2 system-ui,sans-serif;cursor:pointer;min-height:42px;white-space:nowrap}
.theme-toggle:hover{border-color:#7fbdf6}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:focus-visible{outline:3px solid #72b6f4;outline-offset:3px}
html[data-theme="light"]{color-scheme:light;--bg:#f4f6fa;--panel:#fff;--txt:#172335;--muted:#536276;--blue:#1269b2;--red:#c82521}
html[data-theme="light"] body{background:#f4f6fa!important;color:#172335!important}
html[data-theme="light"] header{background:#fffffff2!important;border-color:#d7dfe9!important}
html[data-theme="light"] footer{background:#f4f6fa!important;border-color:#d7dfe9!important;color:#536276!important}
html[data-theme="light"] p,html[data-theme="light"] .lead,html[data-theme="light"] .sub,html[data-theme="light"] .muted,html[data-theme="light"] .brand-desc,html[data-theme="light"] .intro,html[data-theme="light"] .paragraph,html[data-theme="light"] .opening,html[data-theme="light"] .story-copy p,html[data-theme="light"] .how-head p,html[data-theme="light"] .value p,html[data-theme="light"] .step p,html[data-theme="light"] .bottom p,html[data-theme="light"] .note p{color:#526175!important}
html[data-theme="light"] .eyebrow{color:#1269b2!important}
html[data-theme="light"] .hero,html[data-theme="light"] .about-hero,html[data-theme="light"] .about-refresh .hero,html[data-theme="light"] .about-v6 .intro,html[data-theme="light"] .intro,html[data-theme="light"] .editorial .article{background:#eaf0f8!important}
html[data-theme="light"] .alt,html[data-theme="light"] .how,html[data-theme="light"] .about-refresh .how,html[data-theme="light"] .about-v6 .how,html[data-theme="light"] .footline{background:#eaf0f8!important}
html[data-theme="light"] .card,html[data-theme="light"] .panel,html[data-theme="light"] .primary,html[data-theme="light"] .info,html[data-theme="light"] .value,html[data-theme="light"] .step,html[data-theme="light"] .brand-tile,html[data-theme="light"] .brand-card,html[data-theme="light"] .product-group,html[data-theme="light"] .category-card,html[data-theme="light"] .category-panel,html[data-theme="light"] .hero-logo,html[data-theme="light"] .about-refresh .hero-logo,html[data-theme="light"] .about-refresh .value,html[data-theme="light"] .about-refresh .step,html[data-theme="light"] .about-value,html[data-theme="light"] .contact-line,html[data-theme="light"] .identity{background:#fff!important;border-color:#d4deeb!important;color:#172335!important}
html[data-theme="light"] .notice,html[data-theme="light"] .note,html[data-theme="light"] .about-cta,html[data-theme="light"] .bottom,html[data-theme="light"] .footline,html[data-theme="light"] .status,html[data-theme="light"] .cta{background:#e4edf9!important;border-color:#c8d8eb!important;color:#172335!important}
html[data-theme="light"] .notice strong,html[data-theme="light"] .brand-name,html[data-theme="light"] .value,html[data-theme="light"] .line-body .value,html[data-theme="light"] .contact-line .value,html[data-theme="light"] .company-row .val{color:#172335!important}
html[data-theme="light"] .links a,html[data-theme="light"] .brand,html[data-theme="light"] .primary-head h2,html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3{color:#172335!important}
html[data-theme="light"] .links a:hover,html[data-theme="light"] .links [aria-current]{color:#1269b2!important}
html[data-theme="light"] .hero h1,html[data-theme="light"] .about-refresh h1{color:#172335!important}
html[data-theme="light"] .btn.secondary{color:#172335!important;border-color:#9aadc3!important;background:#fff!important}
html[data-theme="light"] .btn:not(.secondary){color:#fff!important}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:#fff!important;color:#172335!important;border-color:#a8b9ce!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#68778a!important}
html[data-theme="light"] label,html[data-theme="light"] .check{color:#34445a!important}
html[data-theme="light"] .company-row,html[data-theme="light"] .contact-line,html[data-theme="light"] .primary-head,html[data-theme="light"] .step,html[data-theme="light"] .separator,html[data-theme="light"] .divider{border-color:#d4deeb!important}
html[data-theme="light"] .theme-toggle{background:#fff;color:#172335;border-color:#b4c4d7}
html[data-theme="light"] .symbol,html[data-theme="light"] .card .symbol{background:#e6f0fc!important;border-color:#bad0e8!important}
html[data-theme="light"] .hero::before{opacity:.035!important}
@media(max-width:760px){.theme-toggle{margin-left:auto}.nav{gap:10px!important}.links{row-gap:10px!important}}

/* Logo dobrane do kontrastu danego motywu */
.logo-light{display:none!important}
html[data-theme="light"] .logo-dark{display:none!important}
html[data-theme="light"] .logo-light{display:block!important}
/* Oferta: kafelki, etykiety i rozwinięte listy */
html[data-theme="light"] .offer-card{background:#fff!important;border-color:#d4deeb!important;color:#172335!important}
html[data-theme="light"] .offer-card:hover,html[data-theme="light"] .offer-expand[open]{border-color:#89acd3!important}
html[data-theme="light"] .offer-card .num{color:#64748b!important}
html[data-theme="light"] .offer-card .kicker,html[data-theme="light"] .offer-card .card-link,html[data-theme="light"] .expand-hint{color:#1269b2!important}
html[data-theme="light"] .chips span{background:#eef4fc!important;border-color:#d2e0ef!important;color:#34465b!important}
html[data-theme="light"] .expanded-products{background:#f8fbff!important;border-color:#d4deeb!important;color:#172335!important}
html[data-theme="light"] .expanded-products li{color:#34465b!important}
html[data-theme="light"] .catalog-group,html[data-theme="light"] .collapse-wrap{border-color:#d9e4f0!important}
html[data-theme="light"] .catalog-group h4,html[data-theme="light"] .catalog-heading span{color:#1269b2!important}
html[data-theme="light"] .availability-note,html[data-theme="light"] .brand-note{color:#526175!important}
html[data-theme="light"] .collapse-btn{background:#e7f0fc!important;border-color:#b3cce7!important;color:#15558f!important}
html[data-theme="light"] .collapse-btn:hover{background:#d5e7fa!important}
html[data-theme="light"] .brand-tile:nth-child(n) .brand-name{color:#172335!important}
html[data-theme="light"] .brand-tile:nth-child(3n+2) .brand-name{color:#1269b2!important}
html[data-theme="light"] .brand-tile:nth-child(7n) .brand-name{color:#b82c28!important}

/* Duże logo na stronie głównej zgodne z motywem */
.hero-logo-light{display:none!important}
html[data-theme="light"] .hero-logo-dark{display:none!important}
html[data-theme="light"] .hero-logo-light{display:block!important}

/* Jasny motyw: pełne logo bez białego kwadratu i bez cienia. */
html[data-theme="light"] img.hero-logo-light {
  display:block!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  width:min(100%,340px);
  height:auto;
  object-fit:contain;
}
html[data-theme="light"] img.hero-logo-dark {display:none!important}
html[data-theme="light"] .brand img.logo-light {background:transparent!important;filter:none!important}


/* Gradient należy do całej sekcji hero, nie do obrazka ani panelu. */
html[data-theme="light"] .hero{
 background:radial-gradient(ellipse 55% 95% at 84% 48%,rgba(81,151,225,.32) 0%,rgba(137,190,240,.15) 48%,transparent 82%),linear-gradient(125deg,#eef4fb 0%,#e6f0fb 65%,#eaf0f8 100%)!important;
}
html[data-theme="light"] .hero-logo-panel{
 display:flex;align-items:center;justify-content:center;
 width:min(100%,310px);min-height:300px;margin:auto;padding:0;
 background:none!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;filter:none!important;
}
html[data-theme="light"] .hero-logo-panel::before,
html[data-theme="light"] .hero-logo-panel::after{content:none!important;display:none!important}
html[data-theme="light"] .hero-logo-panel img.hero-logo-light{
 width:100%!important;max-width:205px!important;height:auto!important;
 background:none!important;box-shadow:none!important;filter:none!important;object-fit:contain;
}
@media(max-width:760px){
 html[data-theme="light"] .hero-logo-panel{width:min(100%,245px);min-height:220px}
 html[data-theme="light"] .hero-logo-panel img.hero-logo-light{max-width:165px!important}
}
@media(max-width:460px){
 html[data-theme="light"] .hero-logo-panel{width:min(100%,210px);min-height:195px}
 html[data-theme="light"] .hero-logo-panel img.hero-logo-light{max-width:145px!important}
}

/* Nowy nagłówek: symbol i firmowy logotyp, osobne warianty na oba motywy */
.brand{display:inline-flex!important;align-items:center!important;gap:11px!important;flex-shrink:0}
.brand img.header-symbol{width:38px!important;height:53px!important;object-fit:contain!important;flex-shrink:0}
.brand img.header-wordmark{width:148px!important;height:auto!important;max-height:35px!important;object-fit:contain!important}
.brand .header-symbol-light,.brand .header-wordmark-light{display:none!important}
.brand .header-symbol-dark,.brand .header-wordmark-dark{display:block!important}
html[data-theme="light"] .brand .header-symbol-light,html[data-theme="light"] .brand .header-wordmark-light{display:block!important}
html[data-theme="light"] .brand .header-symbol-dark,html[data-theme="light"] .brand .header-wordmark-dark{display:none!important}
@media(max-width:460px){.brand img.header-symbol{width:30px!important;height:42px!important}.brand img.header-wordmark{width:123px!important;max-height:30px!important}}


/* Trzy jawne opcje wyglądu zamiast przycisku przełączającego w cyklu. */
.theme-picker{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;font-family:system-ui,sans-serif}
.theme-picker-controls{display:flex;gap:3px;padding:3px;background:#1d2b3c;border:1px solid #42536b;border-radius:11px}
.theme-option{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:5px 9px;background:transparent;color:#c7d4e4;border:1px solid transparent;border-radius:8px;font:600 12px/1.2 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.theme-option:hover{color:white;background:#31435b}
.theme-option.is-active{background:#356da3;color:#fff;border-color:#70b3f0}
.theme-option:focus-visible{outline:2px solid #86c4ff;outline-offset:2px}
.theme-picker-help{font-size:10px;line-height:1.3;color:#b5c3d4;text-align:center;white-space:nowrap}
html[data-theme="light"] .theme-picker-controls{background:#e8eef6;border-color:#c7d5e5}
html[data-theme="light"] .theme-option{color:#45556c}
html[data-theme="light"] .theme-option:hover{background:#d7e5f5;color:#172335}
html[data-theme="light"] .theme-option.is-active{background:#1269b2;color:#fff;border-color:#1269b2}
html[data-theme="light"] .theme-picker-help{color:#536276}
@media(max-width:760px){.theme-picker{margin-left:auto}.theme-picker-help{font-size:9px}.theme-option{padding:5px 7px}}
@media(max-width:440px){.theme-picker{width:100%;margin:8px auto 0}.theme-picker-controls{width:100%;justify-content:center}.theme-option{flex:1}.theme-picker-help{white-space:normal}}

/* Czytelne menu i kontakt na telefonach. */
@media(max-width:760px){
 .nav{align-items:center!important}
 .links{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:8px!important}
 .links a{grid-column:span 2;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 6px;font-size:16px!important;line-height:1.25;text-align:center;border:1px solid #536075;border-radius:8px}
 .links a:nth-child(4),.links a:nth-child(5){grid-column:span 3}
 .links a[aria-current]{border-color:currentColor;background:rgba(100,170,240,.1)}
 .theme-picker{width:100%;margin:8px auto 0!important}
 .theme-picker-controls{width:100%}.theme-option{flex:1}
}
@media(max-width:680px){
 .contact-line{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:20px}
 .contact-line>.symbol{width:52px;height:52px;min-width:0;grid-column:1;grid-row:1}
 .contact-line>.line-body{width:100%;min-width:0;grid-column:2;grid-row:1}
 .contact-line .line-body .value{font-size:16px;line-height:1.5;text-align:left;white-space:normal;overflow-wrap:break-word;word-break:normal}
 .contact-line>.action{grid-column:2;grid-row:2;justify-self:start;margin:0;min-height:44px;display:inline-flex;align-items:center;white-space:normal;font-size:15px}
 .contact-line:has(.line-body button.contact-reveal) > button.contact-reveal.action{display:none}
 .contact-line .line-body button.contact-reveal{min-height:44px}
}

/* Jednolita stopka na wszystkich podstronach. */
footer .footer{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:24px;row-gap:12px}
footer .footer>span,footer .footer>a,footer .footer>button{margin:0;line-height:1.6;font-size:13px}
footer .footer>span:first-child{margin-right:auto}
footer .footer>a,footer .footer>button{flex:0 0 auto}
footer .footer>button.privacy-footer{display:inline-flex;align-items:center;justify-content:flex-start;min-height:0;padding:0;border:0;border-radius:0;vertical-align:baseline;font:inherit;font-size:13px;line-height:1.6;text-align:left}
@media(max-width:1000px){footer .footer>span:first-child{flex-basis:100%;margin-right:0}}
@media(max-width:600px){footer .footer{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}footer .footer>a,footer .footer>button.privacy-footer{min-height:44px;display:flex;align-items:center;white-space:normal}footer .footer>span{overflow-wrap:break-word}}