/* Wspólny wygląd podstron od 23.09.2026: header jak na stronie głównej (stan po przewinięciu),
   grafit #252c32, Pumpkin #FD802E, Plus Jakarta Sans. Wczytywany jako ostatni arkusz aplikacji. */

:root { --nav: 84px; --menu-height: 84px; --ink: #252c32; --orange: #fd802e; --graphite-900: #1c2127; }

/* Header */
.site-header.site-header-2026 { height: var(--nav); top: 0; background: rgba(245, 243, 238, .9); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); border-bottom: 1px solid rgba(37, 44, 50, .14); }
.site-header-2026 .nav-inner { height: var(--nav); display: flex; align-items: center; gap: 28px; max-width: 1440px; margin: 0 auto; padding-inline: clamp(20px, 4.2vw, 64px); }
.site-header-2026 .brand { order: 0; display: block; width: 76px; height: 76px; margin: 0 4px 0 -8px; flex: none; }
.site-header-2026 .brand-symbol { display: block; width: 100%; height: 100%; color: var(--ink); }
.site-header-2026 .nav-left { order: 1; display: flex; align-items: center; gap: 26px; margin-right: auto; }
.site-header-2026 .nav-left > a, .site-header-2026 .nav-left > .desktop-menu { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 10px 0; font-size: 16px; font-weight: 600; color: var(--ink); white-space: nowrap; }
.site-header-2026 .nav-left > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 2px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.site-header-2026 .nav-left > a:hover::after { transform: scaleX(1); }
.site-header-2026 .nav-left > .desktop-menu .icon { width: 16px; height: 16px; transition: transform .2s ease; }
.site-header-2026 .nav-left > .desktop-menu[aria-expanded="true"] .icon { transform: rotate(180deg); }
.site-header-2026 .nav-showroom .icon { width: 18px; height: 18px; stroke: var(--orange); }
.site-header-2026 .mobile-menu { display: none; }
.site-header-2026 .nav-right { order: 2; display: flex; align-items: center; gap: 8px; margin-left: auto; }
.site-header-2026 .nav-phone { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; font-size: 16px; font-weight: 700; color: var(--ink); white-space: nowrap; }
.site-header-2026 .nav-phone .icon { stroke: var(--orange); }
.site-header-2026 .nav-phone:hover span { text-decoration: underline; text-decoration-color: var(--orange); text-underline-offset: 5px; }
.site-header-2026 .iconbutton { width: 44px; height: 44px; border-radius: 50%; color: var(--ink); }
.site-header-2026 .iconbutton:hover { background: rgba(37, 44, 50, .08); }
.site-header-2026 .desktop-config { white-space: nowrap; flex: none; min-height: 48px; padding: 0 20px 0 16px; margin: 0 4px; border-radius: 4px; background: var(--orange); color: #1f2935; font-size: 16px; font-weight: 700; }
.site-header-2026 .desktop-config:hover { background: #ff934d; }
.site-header-2026 .config-label-desktop { display: inline-flex; align-items: center; gap: 10px; }
.site-header-2026 .config-label-mobile { display: none; }

/* Panele menu (Zadaszenia, Sklep, wyszukiwarka) w tym samym szkle co menu strony głównej */
.site-header-2026 .menu-panel, .site-header-2026 #equipment-panel, .site-header-2026 .search-panel { top: 100%; color: #fff; background: rgba(24, 31, 43, .86); -webkit-backdrop-filter: blur(30px) saturate(1.45); backdrop-filter: blur(30px) saturate(1.45); border: 1px solid rgba(255, 255, 255, .14); border-radius: 0 0 4px 4px; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .55); }
.site-header-2026 .menu-panel :is(a, button, h2, h3, strong, span, label), .site-header-2026 #equipment-panel :is(a, button, h2, h3, strong, span, label), .site-header-2026 .search-panel :is(a, button, h2, h3, strong, span, label, input) { color: inherit; }
.site-header-2026 .menu-panel small, .site-header-2026 #equipment-panel small, .site-header-2026 .menu-column-title, .site-header-2026 .search-panel p { color: rgba(255, 255, 255, .64) !important; }
.site-header-2026 .menu-panel a:hover, .site-header-2026 #equipment-panel a:hover, .site-header-2026 .search-panel a:hover { color: var(--orange); }
.site-header-2026 .menu-panel svg, .site-header-2026 #equipment-panel svg { color: rgba(255, 255, 255, .92); --equipment-top: rgba(255, 255, 255, .12); --equipment-front: rgba(255, 255, 255, .07); --equipment-side: rgba(255, 255, 255, .04); --equipment-inner: rgba(255, 255, 255, .09); }
.site-header-2026 .menu-panel a:hover svg, .site-header-2026 #equipment-panel a:hover svg { color: var(--orange); --equipment-top: rgba(253, 128, 46, .3); --equipment-front: rgba(253, 128, 46, .2); --equipment-side: rgba(253, 128, 46, .12); --equipment-inner: rgba(253, 128, 46, .24); }
.site-header-2026 .search-field { border-bottom-color: rgba(255, 255, 255, .5); }
.site-header-2026 .search-field input { color: #fff; }
.site-header-2026 .search-field input::placeholder { color: rgba(255, 255, 255, .5); }
.site-header-2026 .menu-panel .iconbutton, .site-header-2026 #equipment-panel .iconbutton, .site-header-2026 .search-panel .iconbutton { color: #fff; }
.site-header-2026 .menu-panel .iconbutton:hover, .site-header-2026 #equipment-panel .iconbutton:hover { background: rgba(255, 255, 255, .1); }
.site-header-2026 :is(.menu-panel, #equipment-panel) :is(.menu-model, .menu-item, .equipment-item, a) { border-color: rgba(255, 255, 255, .12) !important; background: transparent; }
.site-header-2026 .menu-switcher button { color: rgba(255, 255, 255, .7); }
.site-header-2026 .menu-switcher button[aria-pressed="true"] { color: #fff; border-color: var(--orange); }

/* Ciemne tła podstron w grafitowym tonie wersji 7 */
.mf-root { --mf-ink: var(--graphite-900); }

/* Szerokości pośrednie */
@media (max-width: 1280px) {
  .site-header-2026 .nav-phone span { display: none; }
  .site-header-2026 .nav-left { gap: 20px; }
  .site-header-2026 .nav-left > a, .site-header-2026 .nav-left > .desktop-menu { font-size: 15px; }
}
@media (max-width: 1200px) {
  .site-header-2026 .nav-inner { gap: 18px; }
  .site-header-2026 .nav-left { gap: 16px; }
  .site-header-2026 .nav-right { gap: 2px; }
}
@media (max-width: 1120px) {
  .site-header-2026 .nav-showroom, .site-header-2026 .nav-left > a[href$="jak-kupic"] { display: none; }
}
/* Telefon i tablet: logo, szukaj, konto, 3D, koszyk, menu */
@media (max-width: 960px) {
  :root { --nav: 64px; --menu-height: 64px; }
  .site-header-2026 .nav-inner { gap: 6px; padding-inline: 14px; }
  .site-header-2026 .brand { width: 54px; height: 54px; margin: 0 auto 0 -4px; }
  .site-header-2026 .nav-left { order: 3; margin: 0; gap: 0; }
  .site-header-2026 .nav-left > a, .site-header-2026 .nav-left > .desktop-menu { display: none; }
  .site-header-2026 .mobile-menu { display: grid !important; place-items: center; width: 44px; height: 44px; padding: 0; color: var(--ink); }
  .site-header-2026 .mobile-menu .menu-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .site-header-2026 .nav-right { gap: 0; margin: 0; }
  .site-header-2026 .nav-phone { width: 40px; padding: 0; justify-content: center; }
  .site-header-2026 .desktop-config { min-height: 40px; padding: 0 12px; margin: 0 2px; font-size: 15px; }
  .site-header-2026 .desktop-config .icon { width: 18px; height: 18px; }
  .site-header-2026 .account-link { display: none; }
  .site-header-2026 .nav-phone { position: static; display: inline-flex !important; height: 44px; min-height: 44px; background: none; top: auto; bottom: auto; left: auto; right: auto; border: 0; box-shadow: none; }
  .site-header-2026 .nav-phone::before, .site-header-2026 .nav-phone span::after { content: none !important; }
  .site-header-2026 .nav-phone span { display: none; }
  .site-header-2026 .nav-right > * { position: static !important; transform: none !important; }
  .site-header-2026 .menu-panel, .site-header-2026 #equipment-panel, .site-header-2026 .search-panel { position: fixed; inset: var(--nav) 0 0 0; background: rgba(24, 31, 43, .96); max-height: none; overflow-y: auto; overscroll-behavior: contain; border-radius: 0; }
}
@media (max-width: 640px) {
  .site-header-2026 .desktop-config { width: 46px; min-height: 44px; padding: 4px 0; margin: 0 2px; }
  .site-header-2026 .config-label-desktop { display: none; }
  .site-header-2026 .config-label-mobile { display: inline-flex; flex-direction: column; align-items: center; gap: 1px; font-size: 11px; font-weight: 800; line-height: 1; }
  .site-header-2026 .iconbutton { width: 40px; height: 40px; }
}

/* Konfigurator: zaznaczenia i główne działanie w kolorach marki (jak w podglądzie /konfigurator-6) */
.config-drawer .config-choice { border-radius: 4px; transition: border-color .2s ease, background-color .2s ease; }
.config-drawer .config-choice.selected { border-color: #fd802e; background: #fff6ef; box-shadow: inset 0 0 0 1px #fd802e; --equipment-top: #fff3e8; --equipment-front: #fde2cc; --equipment-side: #f7c9a5; --equipment-inner: #eaa877; }
.config-drawer .config-choice.selected .config-check { background: #fd802e; border-color: #fd802e; color: #1f2935; }
.config-drawer .config-footer-actions > .button.primary, .config-drawer .button.primary { color: #1f2935; background: #fd802e; border-color: #fd802e; }
.config-drawer .config-footer-actions > .button.primary:hover, .config-drawer .button.primary:hover { background: #ff934d; border-color: #ff934d; }
.config-drawer .config-footer-ai { border-color: rgba(253, 128, 46, .55); background: #fff6ef; }
.config-viz-top strong, .config-viz-top > span { color: #fff; background: rgba(30, 36, 42, .42); border: 1px solid rgba(255, 255, 255, .28); border-radius: 4px; -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3); }
.config-viz-top strong { padding: 6px 12px; }
.config-drawer .config-kicker { color: #b4520f; }

/* Zadaszenia: krótka rozwijana lista jak na stronie głównej */
.site-header-2026 .nav-drop { position: relative; }
.site-header-2026 .nav-drop-panel { position: absolute; top: calc(100% + 18px); left: -20px; z-index: 50; width: 330px; padding: 10px; color: #fff; background: rgba(24, 31, 43, .94); -webkit-backdrop-filter: blur(26px) saturate(1.4); backdrop-filter: blur(26px) saturate(1.4); border: 1px solid rgba(255, 255, 255, .16); border-radius: 4px; box-shadow: 0 24px 50px -24px rgba(0, 0, 0, .55); }
.site-header-2026 .nav-drop-panel[hidden] { display: none; }
.site-header-2026 .nav-drop-panel > a { display: flex; align-items: center; gap: 14px; padding: 8px 10px; border-radius: 3px; color: #fff; font-weight: 400; }
.site-header-2026 .nav-drop-panel > a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.site-header-2026 .nav-drop-panel svg:not(.icon) { width: 48px; height: 42px; flex: none; color: rgba(255, 255, 255, .92); --equipment-top: rgba(255,255,255,.12); --equipment-front: rgba(255,255,255,.07); --equipment-side: rgba(255,255,255,.04); --equipment-inner: rgba(255,255,255,.09); }
.site-header-2026 .nav-drop-panel b { display: block; font-size: 16px; font-weight: 700; }
.site-header-2026 .nav-drop-panel small { display: block; font-size: 13px; color: rgba(255, 255, 255, .66); }
.site-header-2026 .nav-drop-panel .nav-drop-all { justify-content: space-between; margin-top: 6px; padding: 12px 10px 6px; border-top: 1px solid rgba(255, 255, 255, .14); border-radius: 0; font-size: 15px; font-weight: 700; }
.site-header-2026 .nav-drop-all .icon { width: 18px; stroke: var(--orange); }
.site-header-2026 .nav-drop-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 0; font-size: 16px; font-weight: 600; color: var(--ink); }
.site-header-2026 .nav-drop-btn .icon { width: 16px; height: 16px; transition: transform .2s ease; }
.site-header-2026 .nav-drop-btn[aria-expanded="true"] .icon { transform: rotate(180deg); }
/* Duże panele (Sklep, menu na telefonie, wyszukiwarka): gęstsze szkło, treść strony nie prześwituje */
.site-header-2026 .menu-panel, .site-header-2026 #equipment-panel, .site-header-2026 .search-panel { background: rgba(24, 31, 43, .95); }
@media (max-width: 1280px) { .site-header-2026 .nav-drop-btn { font-size: 15px; } }
@media (max-width: 960px) { .site-header-2026 .nav-drop { display: none; } }

/* Lista Zadaszenia na podstronach: jasna, w tonie headera (nie odstaje od strony) */
.site-header-2026 .nav-drop-panel { color: var(--ink); background: rgba(245, 243, 238, .97); border-color: rgba(37, 44, 50, .14); box-shadow: 0 24px 50px -24px rgba(28, 33, 39, .35); }
.site-header-2026 .nav-drop-panel > a, .site-header-2026 .nav-drop-panel > a:hover { color: var(--ink); }
.site-header-2026 .nav-drop-panel > a:hover { background: rgba(37, 44, 50, .06); }
.site-header-2026 .nav-drop-panel small { color: #5b6268; }
.site-header-2026 .nav-drop-panel svg:not(.icon) { color: var(--ink); --equipment-top: #f3f5f6; --equipment-front: #e6ebee; --equipment-side: #d6dee3; --equipment-inner: #c3ced6; }
.site-header-2026 .nav-drop-panel > a:hover svg:not(.icon) { --equipment-top: #fff3e8; --equipment-front: #fde2cc; --equipment-side: #f7c9a5; --equipment-inner: #eaa877; }
.site-header-2026 .nav-drop-panel .nav-drop-all { border-top-color: rgba(37, 44, 50, .14); }

/* Konfigurator: wyraźny powrót do poprzedniego kroku */
.config-drawer .config-footer [data-config-back] { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 18px; border: 1.5px solid rgba(37, 44, 50, .28); border-radius: 4px; background: #fff; color: var(--ink); font-size: 15px; font-weight: 700; text-decoration: none; }
.config-drawer .config-footer [data-config-back]:hover { border-color: var(--ink); background: #f5f3ee; }

/* Konfigurator: pola z plusem i minusem */
.config-drawer .config-stepper { height: 56px; padding: 5px; border: 1.5px solid rgba(37, 44, 50, .2); border-radius: 4px; }
.config-drawer .config-stepper > button { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 3px; background: #f1efea; color: var(--ink); font-size: 0; position: relative; transition: background-color .15s ease, color .15s ease; }
.config-drawer .config-stepper > button::before, .config-drawer .config-stepper > button::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: currentColor; border-radius: 1px; }
.config-drawer .config-stepper > button:last-child::after { transform: rotate(90deg); }
.config-drawer .config-stepper > button:first-child::after { display: none; }
.config-drawer .config-stepper > button:hover:not(:disabled) { background: #fd802e; color: #1f2935; }
.config-drawer .config-stepper > button:disabled { opacity: .35; cursor: not-allowed; }
.config-drawer .config-stepper input[type=number] { font-size: 21px; font-weight: 700; }
.config-drawer .config-stepper:focus-within { border-color: #fd802e; box-shadow: 0 0 0 3px rgba(253, 128, 46, .2); }

/* Konfigurator: własna lista wyboru (maka-select.js) zamiast systemowej */
.config-drawer .ms-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.ms-box { position: relative; }
.ms-button { width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; border: 1.5px solid rgba(37, 44, 50, .2); border-radius: 6px; background: #fff; color: var(--ink); font: inherit; font-size: 17px; font-weight: 700; text-align: left; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease; }
.ms-button:hover { border-color: rgba(37, 44, 50, .45); }
.ms-box.is-open .ms-button, .ms-button:focus-visible { border-color: #fd802e; box-shadow: 0 0 0 3px rgba(253, 128, 46, .2); outline: none; }
.ms-caret { width: 9px; height: 9px; margin-top: -4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; }
.ms-box.is-open .ms-caret { transform: rotate(-135deg); margin-top: 4px; }
.ms-panel { position: absolute; top: calc(100% + 6px); left: 0; z-index: 30; min-width: 100%; display: none; gap: 4px; padding: 6px; background: #fff; border: 1px solid rgba(37, 44, 50, .14); border-radius: 6px; box-shadow: 0 22px 44px -20px rgba(28, 33, 39, .4); }
.ms-box.is-open .ms-panel { display: grid; }
.ms-grid { grid-template-columns: repeat(4, minmax(64px, 1fr)); width: max-content; max-width: min(360px, 86vw); }
.ms-box:last-child .ms-grid, .ms-box .ms-grid { right: 0; left: auto; }
.ms-option { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 12px; border-radius: 4px; font-size: 15px; font-weight: 600; color: var(--ink); cursor: pointer; white-space: nowrap; }
.ms-panel:not(.ms-grid) .ms-option { justify-content: flex-start; }
.ms-option:hover, .ms-option:focus { background: #f5f3ee; outline: none; }
.ms-option.is-selected { background: #fd802e; color: #1f2935; font-weight: 800; }

/* Tryb szyb: zaznaczone opcje w kolorze marki, krótki powrót na telefonie */
.config-drawer .config-pill.selected > span { background: #fff6ef; border-color: #fd802e; box-shadow: inset 0 0 0 1px #fd802e; color: #1f2935; font-weight: 700; }
.config-drawer .config-pill:hover > span { border-color: rgba(37, 44, 50, .45); }
.config-drawer .back-short { display: none; }
@media (max-width: 640px) { .config-drawer .back-long { display: none; } .config-drawer .back-short { display: inline; } }

/* Podstrony: panele i wyszukiwarka jasne, w tonie headera (ciemne szkło tylko nad filmem na stronie głównej) */
.site-header-2026 .menu-panel, .site-header-2026 #equipment-panel, .site-header-2026 .search-panel { color: var(--ink); background: rgba(245, 243, 238, .98); border-color: rgba(37, 44, 50, .12); box-shadow: 0 30px 60px -34px rgba(28, 33, 39, .4); }
.site-header-2026 .menu-panel small, .site-header-2026 #equipment-panel small, .site-header-2026 .menu-column-title, .site-header-2026 .search-panel p { color: #5b6268 !important; }
.site-header-2026 .menu-panel a:hover, .site-header-2026 #equipment-panel a:hover, .site-header-2026 .search-panel a:hover { color: #b4520f; }
.site-header-2026 .menu-panel svg, .site-header-2026 #equipment-panel svg { color: var(--ink); --equipment-top: #f3f5f6; --equipment-front: #e6ebee; --equipment-side: #d6dee3; --equipment-inner: #c3ced6; }
.site-header-2026 .menu-panel a:hover svg, .site-header-2026 #equipment-panel a:hover svg { color: #b4520f; --equipment-top: #fff3e8; --equipment-front: #fde2cc; --equipment-side: #f7c9a5; --equipment-inner: #eaa877; }
.site-header-2026 :is(.menu-panel, #equipment-panel) :is(.menu-model, .menu-item, .equipment-item, a) { border-color: rgba(37, 44, 50, .12) !important; }
.site-header-2026 .search-field { border-bottom-color: var(--ink); }
.site-header-2026 .search-field input { color: var(--ink); }
.site-header-2026 .search-field input::placeholder { color: #8a939c; }
.site-header-2026 .menu-panel .iconbutton, .site-header-2026 #equipment-panel .iconbutton, .site-header-2026 .search-panel .iconbutton { color: var(--ink); }
.site-header-2026 .menu-panel .iconbutton:hover, .site-header-2026 #equipment-panel .iconbutton:hover, .site-header-2026 .search-panel .iconbutton:hover { background: rgba(37, 44, 50, .08); }
.site-header-2026 .menu-switcher button { color: #5b6268; }
.site-header-2026 .menu-switcher button[aria-pressed="true"] { color: var(--ink); }
@media (max-width: 960px) { .site-header-2026 .menu-panel, .site-header-2026 #equipment-panel, .site-header-2026 .search-panel { background: #f5f3ee; } }

/* Karta szyb: drugi przycisk otwiera konfigurator z tym wariantem */
.product-price-block .product-configure { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 52px; margin-top: 10px; border: 1.5px solid var(--ink); border-radius: 4px; background: #fff; color: var(--ink); font-weight: 700; }
.product-price-block .product-configure:hover { background: var(--ink); color: #fff; }
.product-price-block .product-configure .icon { width: 20px; height: 20px; }
/* Kreator szyb: pytanie o montaż na górze */
.config-drawer .sr-assembly { margin: 18px 0 22px; }

/* Jedno podkreślenie w nawigacji podstron (stare reguły dokładały drugie i brązowy kolor) */
.site-header-2026 .nav-left > a, .site-header-2026 .nav-left > a:hover, .site-header-2026 .nav-left > a:focus-visible, .site-header-2026 .nav-left > a[aria-current] { text-decoration: none !important; border-bottom: 0 !important; box-shadow: none !important; color: var(--ink) !important; background: none !important; }
.site-header-2026 .nav-left > a[aria-current]::after, .site-header-2026 .nav-left > a.active::after { transform: scaleX(1); }
.site-header-2026 .nav-left > a::before { display: none !important; }

/* Kategoria szyb: przycisk konfiguratora obok „Zobacz warianty” */
.category-heading .category-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.category-heading .category-configure { display: inline-flex; align-items: center; gap: 10px; background: #fd802e; color: #1f2935; font-weight: 700; }
.category-heading .category-configure:hover { background: #ff934d; }
.category-heading .category-configure .icon { width: 20px; height: 20px; }
@media (max-width: 700px) { .category-heading .category-actions { justify-content: stretch; width: 100%; } .category-heading .category-actions > * { flex: 1 1 100%; justify-content: center; } }

/* Header podstron jak na stronie głównej (23.09.2026): ten sam zestaw narzędzi i przycisk Menu na końcu. */
.site-header-2026 .nav-right { gap: 4px; }
.site-header-2026 .nav-right .desktop-config { margin-inline: 6px; }
.site-header-2026 .nav-phone span { text-decoration: none; border: 0; }
.site-header-2026 .header-menu-2026 { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 4px; font: 700 16px/1 "Plus Jakarta Sans", Arial, sans-serif; color: var(--ink); background: none; border: 0; cursor: pointer; }
.site-header-2026 .header-menu-lines { position: relative; width: 22px; height: 12px; }
.site-header-2026 .header-menu-lines::before, .site-header-2026 .header-menu-lines::after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: currentColor; transition: transform .25s ease, top .25s ease, bottom .25s ease; }
.site-header-2026 .header-menu-lines::before { top: 0; }
.site-header-2026 .header-menu-lines::after { bottom: 0; }
.site-header-2026 .header-menu-2026[aria-expanded="true"] .header-menu-lines::before { top: 5px; transform: rotate(45deg); }
.site-header-2026 .header-menu-2026[aria-expanded="true"] .header-menu-lines::after { bottom: 5px; transform: rotate(-45deg); }
@media (max-width: 1360px) { .site-header-2026 .nav-phone .icon { width: 22px; height: 22px; } .site-header-2026 .nav-phone span { display: none; } .site-header-2026 .nav-phone { width: 44px; justify-content: center; padding: 0; } }
@media (max-width: 960px) { .site-header-2026 .header-menu-2026 { display: none; } .site-header-2026 .nav-right { gap: 0; } .site-header-2026 .nav-right .desktop-config { margin-inline: 2px; } }
@media (max-width: 1260px) {
  .site-header-2026 .nav-left > a.nav-showroom, .site-header-2026 .nav-left > a.nav-link[href$="jak-kupic"] { display: none !important; }
  .site-header-2026 .header-menu-2026 { width: 44px; justify-content: center; padding: 0; }
  .site-header-2026 .header-menu-2026 > span:last-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* Sekcje opisu kategorii jako przyciski w jednym rzędzie (23.09.2026). */
.category-copy-sections.category-copy-tabs { margin-top: 26px; border-top: 0; }
.category-copy-tablist { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.category-copy-tablist::-webkit-scrollbar { display: none; }
.category-copy-tab { flex: none; min-height: 42px; padding: 0 16px; border: 1.5px solid rgba(37, 44, 50, .2); border-radius: 4px; background: #fff; font: 600 14px/1 "Plus Jakarta Sans", Arial, sans-serif; color: var(--ink); white-space: nowrap; cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.category-copy-tab:hover { border-color: rgba(37, 44, 50, .45); }
.category-copy-tab[aria-selected="true"] { background: #fff6ef; border-color: #fd802e; box-shadow: inset 0 0 0 1px #fd802e; }
.category-copy-tab:focus-visible { outline: 2px solid #b85108; outline-offset: 2px; }
.category-copy-panel { padding: 22px 0 0; }

/* Jak kupić (23.09.2026): mniej piasku, więcej kontrastu. Biała baza, płatności na grafitowym tle
   z białymi kartami: rytm jasna, ciemna, jasna, ciemna, jasna. */
.purchase-page { background: #fff; }
.purchase-page .buy-payments { background: #252c32; color: #fff; }
.purchase-page .buy-payments :is(h2, .eyebrow, .buy-payment-total, .buy-reservation > p strong, .buy-question summary) { color: #fff; }
.purchase-page .buy-payments .buy-payment-grid :is(h3, p strong, .buy-amount strong) { color: var(--ink); }
.purchase-page .buy-payments > * > p:not(.eyebrow), .purchase-page .buy-payments :is(.buy-payment-total span, .buy-reservation > p, .buy-question > div) { color: rgba(255, 255, 255, .74); }
.purchase-page .buy-payments .buy-reservation > p { border-top-color: rgba(255, 255, 255, .22); }
.purchase-page .buy-payments .buy-question { border-color: rgba(255, 255, 255, .22) !important; }
.purchase-page .buy-payments .buy-question summary:hover { color: #fd802e; }
.purchase-page .buy-payments .buy-question .textlink { color: #fff; }
.purchase-page .buy-payments a:not(.button) { color: #fff; }
.purchase-page .buy-payment-grid > article { border-radius: 4px; border-top-width: 3px; }
.purchase-page .buy-payment-grid > article:first-child .buy-percent { color: #c2590f; }
.purchase-page .buy-payments p:not(.eyebrow), .purchase-page .buy-payments li { color: rgba(255, 255, 255, .78); }
.purchase-page .buy-payments strong { color: #fff; }
.purchase-page .buy-payments .buy-payment-grid > article, .purchase-page .buy-payments .buy-payment-grid > article :is(h3, strong, .buy-percent) { color: var(--ink); }
.purchase-page .buy-payments .buy-payment-grid > article :is(p, .buy-amount, .buy-payment-label) { color: #596973; }
.purchase-page .buy-payments .buy-payment-grid > article:first-child .buy-percent { color: #c2590f; }

/* Strony MK SOLID i MK CUBE (23.09.2026): mniej piasku. Biała baza, jeden jasny ciepły pas porównania,
   grafitowa sekcja zabudowy zostaje jako przełamanie. */
.product-model-page { background: #fff; }
.product-model-page .mp-compare { background: #f5f3ee; }
.product-model-page .mp-table col.is-current { background: #fff; }
.product-model-page .mp-next { background: #fff; border-top: 1px solid rgba(37, 44, 50, .12); }
.product-model-page .mp-side-card { background: #f5f3ee; }
/* Przyciski sekcji zawijają się do kolejnej linii zamiast ucinać ostatni; treść panelu jako czytelna karta. */
.category-copy-tablist { flex-wrap: wrap; overflow: visible; }
.category-copy-tab { white-space: normal; text-align: left; line-height: 1.25; padding-block: 10px; }
.category-copy-panel { max-width: 860px; margin-top: 16px; padding: 24px 28px; background: #fff; border: 1px solid rgba(37, 44, 50, .12); border-radius: 4px; font-size: 16px; line-height: 1.7; color: #454c52; }
.category-copy-panel > :first-child { margin-top: 0; }
.category-copy-panel > :last-child { margin-bottom: 0; }
.category-copy-panel :is(h3, h4, h5) { margin: 20px 0 8px; font-size: 17px; font-weight: 700; color: var(--ink); }
.category-copy-panel p { margin: 0 0 12px; }
.category-copy-panel :is(ul, ol) { margin: 4px 0 14px; padding-left: 0; list-style: none; display: grid; gap: 8px; }
.category-copy-panel li { position: relative; margin: 0; padding-left: 20px; }
.category-copy-panel ul > li::before { content: ""; position: absolute; left: 2px; top: .7em; width: 7px; height: 7px; border-radius: 1px; background: var(--orange); }
.category-copy-panel ol { counter-reset: copy; }
.category-copy-panel ol > li::before { counter-increment: copy; content: counter(copy) "."; position: absolute; left: 0; font-weight: 700; color: #c2590f; }
.category-copy-panel strong { color: var(--ink); }
.category-copy-flow { max-width: 860px; }
.category-copy-flow p { font-size: 17px; line-height: 1.7; color: #454c52; }
@media (max-width: 640px) { .category-copy-panel { padding: 18px; } .category-copy-tab { font-size: 13.5px; min-height: 40px; } }

/* Header (23.09.2026): ikony pomocnicze w ciasnej grupie, przycisk konfiguratora wyraźnie odsunięty. */
.site-header-2026 .nav-right { gap: 2px; }
.site-header-2026 .nav-right .desktop-config { margin-inline: 14px 8px; }
@media (max-width: 960px) { .site-header-2026 .nav-right .desktop-config { margin-inline: 4px 2px; } }

/* Licznik (liczba paneli i wymiary): obramowanie skupienia tylko na całym polu, nie ucięte na liczbie; „szt.” z odstępem od plusa. */
.config-drawer .config-stepper input[type=number] { outline: none !important; box-shadow: none !important; border-radius: 0; }
.config-drawer .config-stepper input[type=number]:focus-visible { outline: none !important; }
.config-drawer .config-stepper:focus-within { border-color: #fd802e; box-shadow: 0 0 0 3px rgba(253, 128, 46, .25); }
.config-drawer .config-stepper > div { gap: 4px; padding-inline: 6px 10px; }
.config-drawer .config-stepper > div > span { flex: none; }

/* Jak kupić: środek między piaskiem a bielą. Ciepła jasna baza, sekcja montażu biała, kafelki płatności piaskowe. */
.purchase-page { background: #f7f5f1; }
.purchase-page .buy-ready { background: transparent; }
.purchase-page .buy-payments .buy-payment-grid > article { background: #f2eee7; }
.purchase-page .buy-payments .buy-amount { border-top-color: rgba(37, 44, 50, .14); }
.purchase-page .buy-paths > button { background: #fff; }
.purchase-page .buy-paths > button[aria-selected=true] { background: #fff; border-color: rgba(37, 44, 50, .3); box-shadow: 0 10px 28px -18px rgba(28, 33, 39, .35); }
.purchase-page .buy-diy-help, .purchase-page .buy-side-note, .purchase-page .buy-weather { background: #fff; }

/* Telefon w headerze (23.09.2026): ta sama grubość co linki, ikona w kolorze pozostałych ikon, cienka kreska oddziela menu od narzędzi. */
.site-header-2026 .nav-phone { font-weight: 600; }
.site-header-2026 .nav-phone .icon { stroke: var(--orange); }
.site-header-2026 .nav-right { position: relative; padding-left: 18px; }
.site-header-2026 .nav-right::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 24px; margin-top: -12px; background: rgba(37, 44, 50, .22); }
@media (max-width: 960px) { .site-header-2026 .nav-right { padding-left: 0; } .site-header-2026 .nav-right::before { display: none; } }
/* Jak kupić, wybór ścieżki: zaznaczona karta piaskowa z pomarańczową kreską, niezaznaczona biała; pierwsza sekcja na jasnoszarym tle. */
.purchase-page .buy-hero { background: #eeeff0; box-shadow: 0 0 0 100vmax #eeeff0; clip-path: inset(0 -100vmax); padding-bottom: 42px; }
.purchase-page .buy-paths > button { background: #fff; border-color: rgba(37, 44, 50, .16); border-bottom-color: rgba(37, 44, 50, .16); box-shadow: none; }
.purchase-page .buy-paths > button[aria-selected=true] { background: #efe8dc; border-color: rgba(37, 44, 50, .22); border-bottom: 3px solid var(--orange); box-shadow: 0 10px 28px -20px rgba(28, 33, 39, .4); }

/* Kreator szyb: liczba szyb wynika z torów (tylko informacja), zasada wymiarów pod listami. */
.config-drawer .sr-count { display: flex; flex-direction: column; gap: 6px; }
.config-drawer .sr-count-label { font-size: 15px; font-weight: 700; color: var(--ink); }
.config-drawer .sr-count-value { display: flex; align-items: baseline; gap: 8px; min-height: 48px; margin: 0; padding: 0 14px; border: 1.5px solid rgba(37, 44, 50, .12); border-radius: 4px; background: #f5f3ee; align-items: center; }
.config-drawer .sr-count-value strong { font-size: 18px; color: var(--ink); }
.config-drawer .sr-count-value small { font-size: 13px; color: #5b6268; }
.config-drawer .sr-size-note { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: #5b6268; }
.config-drawer .sr-size-note.is-changed { padding: 10px 12px; color: #7a3a09; background: #fff3e8; border-left: 3px solid var(--orange); border-radius: 2px; }
/* Systemowa lista na telefonie: wygląd pola jak reszta konfiguratora. */
@media (pointer: coarse), (max-width: 700px) {
  .config-drawer .config-field select { appearance: none; -webkit-appearance: none; min-height: 48px; padding: 0 40px 0 14px; border: 1.5px solid rgba(37, 44, 50, .2); border-radius: 4px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23252c32' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center; font: 700 17px/1.2 "Plus Jakarta Sans", Arial, sans-serif; color: var(--ink); }
}
#dojazd, [id] { scroll-margin-top: calc(var(--nav, 84px) + 16px); }