@import url('typography.css?v=0.10.0');
/* Fonty Plus Jakarta Sans i Cal Sans są zarządzane przez WordPress. */
:root { --na-font: 'Plus Jakarta Sans', sans-serif; --na-display-font: 'Cal Sans', sans-serif; --tns-container: 1480px; --tns-gutter: 32px; --nav-panel-bg: #090909; --nav-panel-color: #fff; }
body { margin: 0; background: #000; color: #fff; font-family: var(--na-font); }
.site-skip { position: absolute; top: 0; left: 1rem; transform: translateY(-150%); z-index: 10000; }
.site-skip:focus { transform: none; background: white; color: black; padding: 1rem; }
.na-container { width: min(1480px, calc(100% - 64px)); margin-inline: auto; }
.na-navbar { color: #fff; background: #000; border-bottom: 1px solid #262626; font-family: var(--na-font); }
.na-navbar a { color: inherit; text-decoration: none; }
.na-topbar { border-block: 1px solid #262626; }
.na-topbar > .na-container { min-height: 47px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.na-topbar__tagline { color: #a6a6a6; font-size: 14px; line-height: 1.5; }
.na-navbar .na-topbar .c-nav { gap: 20px; }
.na-navbar .na-topbar .c-nav__row > a { padding: 0; font-size: 14px; font-weight: 400; }
.na-navbar .c-navbar__inner { padding: 0; min-height: 95px; display: flex; align-items: center; gap: 50px; position: static; }
.na-navbar .c-navbar__logo { display: inline-flex; flex: 0 0 145px; width: 145px; }
.na-navbar .c-navbar__logo img { display: block; width: 145px; height: 50px; object-fit: contain; }
.na-navbar .c-navbar__panels { flex: 1; min-width: 0; }
.na-navbar .c-navbar__main { display: flex; justify-content: flex-start; }
.na-navbar .c-nav { gap: 30px; }
.na-navbar .c-nav__row { gap: 8px; }
.na-navbar .c-nav__row > a, .na-menu-pending { font-size: 16px; font-weight: 500; line-height: 1.75; padding: 12px 0; }
.na-menu-pending { display: flex; gap: 10px; align-items: center; }
.na-topbar .na-menu-pending { font-size: 14px; font-weight: 400; padding: 0; }
.na-menu-pending svg { width: 21px; height: 21px; }
.na-navbar .c-nav__toggle { color: #fff; background: transparent; border: 0; padding: 8px; }
.na-navbar .c-nav__toggle span { font-size: 0; }
.na-navbar .c-nav__toggle span::after { content: '↘'; font-size: 13px; }
.na-navbar:not(.is-mobile) .c-nav__toggle { min-width: 8px; width: 8px; padding: 0; }
.na-navbar .c-nav__item.is-open > .c-nav__row .c-nav__toggle span::after { content: '↗'; }
.na-navbar a:hover { color: #ff6969; }
.na-navbar .c-nav__submenu { border: 1px solid #262626; }
.na-navbar .c-nav__submenu a { padding: 10px 12px; }
.na-shop-actions { display: flex; align-items: center; gap: 15px; margin-left: auto; }
.na-icon-button { --corner: #aaa; position: relative; width: 36px; height: 36px; padding: 5px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #262626; border-radius: 0; color: #fff; background: transparent; cursor: pointer; }
.na-icon-button::after { content: ''; position: absolute; inset: -1px; pointer-events: none; background: linear-gradient(var(--corner),var(--corner)) top left/5px 1px,linear-gradient(var(--corner),var(--corner)) top left/1px 5px,linear-gradient(var(--corner),var(--corner)) top right/5px 1px,linear-gradient(var(--corner),var(--corner)) top right/1px 5px,linear-gradient(var(--corner),var(--corner)) bottom left/5px 1px,linear-gradient(var(--corner),var(--corner)) bottom left/1px 5px,linear-gradient(var(--corner),var(--corner)) bottom right/5px 1px,linear-gradient(var(--corner),var(--corner)) bottom right/1px 5px; background-repeat: no-repeat; }
.na-icon-button:hover { --corner: #ff6969; color: #ff6969; }
.na-navbar:not(.is-mobile) .c-navbar__burger { display: none; }
.na-navbar.space-reserve { background: #000; }
.na-workshop-link::before { content: ''; width: 21px; height: 21px; flex: 0 0 21px; background: currentColor; mask: url('../icons/workshop.svg') center / contain no-repeat; }
.na-icon-button:focus-visible, .na-search input:focus-visible, .na-search button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.na-mobile-top { display: none; }
.na-navbar.is-mobile .na-topbar__menu { display: none; }
.na-navbar.is-mobile .c-navbar__inner { min-height: 80px; gap: 20px; }
.na-navbar.is-mobile .c-navbar__burger { order: 4; margin: 0; }
.na-navbar.is-mobile .na-mobile-top { display: block; margin-top: 20px; padding-top: 16px; border-top: 1px solid #333; }
.na-navbar.is-mobile .c-navbar__panels { border-bottom: 1px solid #333; }
.na-navbar.is-mobile .c-nav__submenu { border: 0; }
.na-navbar.is-mobile .c-nav__row { min-height: 44px; }
.na-navbar.is-mobile .c-nav__toggle { min-width: 44px; min-height: 44px; }
.na-navbar.is-mobile .na-icon-button { width: 44px; height: 44px; flex-basis: 44px; }
.na-search { box-sizing: border-box; width: min(640px, calc(100% - 32px)); padding: 32px; border: 1px solid #555; background: #090909; color: #fff; font-family: var(--na-font); }
.na-search::backdrop { background: #000c; }
.na-search__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.na-search h2 { margin: 0; }
.na-search label { display: block; margin-bottom: 12px; }
.na-search__fields { display: flex; gap: 12px; }
.na-search input { min-width: 0; width: 100%; border: 1px solid #777; border-radius: 0; padding: 14px; background: #171717; color: #fff; font: inherit; }
.na-search button[type=submit] { border: 0; padding: 12px 22px; background: #ed170c; color: #fff; font: inherit; cursor: pointer; }
.na-benefits { position: relative; isolation: isolate; box-sizing: border-box; min-height: min(57.32143vw, 963px); padding: min(2.9762vw, 50px) 24px min(7.0238vw, 118px); overflow: hidden; color: #fff; background: #000 url('../images/benefits-background.png') center top / 100% 100% no-repeat; font-family: var(--na-font); }
.na-benefits__title { position: relative; z-index: 2; box-sizing: border-box; width: min(59.52381vw, 1000px); min-height: min(14.88095vw, 250px); padding: min(.35714vw, 6px) 24px; margin-inline: auto; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; gap: min(.35714vw, 6px); }




.na-corner { position: absolute; width: min(1.4881vw, 25px); height: min(1.4881vw, 25px); border: 0 solid #fff; filter: drop-shadow(0 0 4px #f3000a) drop-shadow(0 0 8px #f3000a); }
.na-corner--tl { left: 0; top: 0; border-width: 3px 0 0 3px; }
.na-corner--tr { right: 0; top: 0; border-width: 3px 3px 0 0; }
.na-corner--bl { left: 0; bottom: 0; border-width: 0 0 3px 3px; }
.na-corner--br { right: 0; bottom: 0; border-width: 0 3px 3px 0; }
.na-benefits__media { position: relative; width: min(47.61905vw, 800px); margin: 0 auto; }
.na-benefits__media img { display: block; max-width: 100%; }
.na-benefits__extra { position: relative; max-width: 900px; margin: 24px auto 0; text-align: center; }
.na-shop { padding-block: 48px; }
@media (min-width: 1681px) { .na-benefits { background-size: 1680px 963px; } }
@media (max-width: 767px) {
  .na-container { width: calc(100% - 32px); }
  .na-topbar > .na-container { min-height: 38px; justify-content: center; }
  .na-topbar__tagline { font-size: 10px; text-align: center; }
  .na-navbar .c-navbar__logo, .na-navbar .c-navbar__logo img { width: 116px; flex-basis: 116px; height: 40px; }
  .na-navbar.is-mobile .c-navbar__inner { min-height: 72px; gap: 8px; }
  .na-shop-actions { gap: 4px; }
  .na-benefits { min-height: 580px; padding: 40px 16px 56px; background-size: auto 100%; }
  .na-benefits__title { width: 100%; min-height: 154px; padding: 24px 12px; gap: 12px; justify-content: center; }
  
  
  .na-corner { width: 16px; height: 16px; border-width: 2px; }
  .na-corner--tl { border-right: 0; border-bottom: 0; }.na-corner--tr { border-left: 0; border-bottom: 0; }.na-corner--bl { border-top: 0; border-right: 0; }.na-corner--br { border-top: 0; border-left: 0; }
  .na-benefits__media { width: 100%; margin: 24px auto 0; }
  .na-search { padding: 24px; }.na-search__fields { flex-direction: column; }
}
@media (max-width: 359px) { .na-navbar .c-navbar__logo, .na-navbar .c-navbar__logo img { width: 94px; flex-basis: 94px; }.na-container { width: calc(100% - 24px); } }
@media (prefers-reduced-motion: reduce) { .na-navbar { transition: none; } }

.na-spec-table{width:100%;border-collapse:collapse;font-family:var(--na-font);text-align:left}.na-spec-table caption{text-align:left;font-weight:700;font-size:1.25rem;margin-bottom:24px}.na-spec-table th,.na-spec-table td{padding:15px 18px;border-bottom:1px solid #8885;vertical-align:top;overflow-wrap:anywhere}.na-spec-table th{width:52%;font-weight:500}.na-spec-table td{font-weight:700;white-space:pre-line}.na-spec-table tr:nth-child(odd){background:#8881}@media(max-width:600px){.na-spec-table th,.na-spec-table td{padding:12px 8px;font-size:14px}}

.na-benefits__title :is(h1,p) { margin:0; }
