.top{border-bottom:1px solid #2a2a2a;position:sticky;top:0;background:#0d0d0f;z-index:20;font-family:Oswald,Arial,sans-serif;color:#f2f2f2}
.top *{box-sizing:border-box}
.top .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.top__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px!important;padding-bottom:16px!important}
.top__brand{display:inline-flex;align-items:center;color:inherit;text-decoration:none}
.top__brand-text{font-size:22px;font-weight:700;letter-spacing:.04em;color:#fff}
.top__brand-dot{color:#e10600}
.top__nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.top__nav a{color:#d8d8d8;text-decoration:none;transition:color .15s}
.top__nav a:hover,.top__nav a:focus-visible{color:#e10600}
.top__koszyk{padding:8px 16px;border:1px solid #e10600;border-radius:2px;color:#fff!important}
.top__koszyk:hover{background:#e10600;color:#fff!important}
.top__toggle{display:none;background:none;border:1px solid #3a3a3a;border-radius:4px;padding:8px 10px;font:600 13px Oswald,Arial,sans-serif;color:#fff;cursor:pointer}
@media(max-width:900px){.top__nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding-top:14px}.top__nav.otwarte{display:flex}.top__inner{flex-wrap:wrap}.top__toggle{display:block}.top__koszyk{align-self:flex-start}}

/* Stopka baler.pl — ta sama stopka (StopkaWitryny::renderuj) na stronie głównej i na całej reszcie witryny. */
.footer--baler{background:#000;color:#9a9a9a;padding:56px 0 24px;border-top:1px solid #2a2a2a;font-family:Inter,Arial,sans-serif}
.footer--baler *{box-sizing:border-box}
.footer--baler .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.footer--baler .footer__top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;margin-bottom:36px;font-size:14px}
.footer--baler .footer__baler-marka{font-family:Oswald,Arial,sans-serif;font-size:22px;font-weight:700;color:#fff;margin-bottom:12px}
.footer--baler .footer__baler-marka span{color:#e10600}
.footer--baler .footer__kolumna h2{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;font-family:Oswald,Arial,sans-serif;font-weight:700}
.footer--baler .menu-stopki-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.footer--baler a{color:#9a9a9a;text-decoration:none}
.footer--baler a:hover{color:#e10600}
.footer--baler .footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;font-size:12px;border-top:1px solid #2a2a2a;padding-top:20px}
.footer--baler .stopka-menu{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}
@media(max-width:700px){.footer--baler .footer__top{grid-template-columns:1fr}}