/* Nagłówek v2 — lifting 2026-09 (Redmine #5627). Ładowany tylko z header-v2.tpl.
   Wszystko scope'owane pod .hdr2, żeby nie kolidować z regułami starego nagłówka w theme.css. */

.hdr2 {
  --h2-bg: #0b0909;
  --h2-bg2: #0b0909; /* oba paski w tym samym kolorze (uwaga Andrzeja 18.09) */
  --h2-line: #2b2525;
  --h2-text: #ffffff;
  --h2-muted: #c9c1c2;
  --h2-red: var(--primary, #BE1D31);
  --h2-main-h: 72px;
  --h2-top-offset: -39px; /* JS nadpisuje realna wysokoscia rzedu 1 */
  position: sticky;
  top: var(--h2-top-offset);
  z-index: 40;
  color: var(--h2-text);
  font-family: var(--font-family);
}
.hdr2 a { color: inherit; text-decoration: none; }
.hdr2 button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.hdr2 svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.hdr2 ul { list-style: none; margin: 0; padding: 0; }
.hdr2 [hidden] { display: none !important; }

/* ── rząd 1 ─────────────────────────────────────────────────────────── */
.hdr2-top { background: var(--h2-bg); position: relative; z-index: 42; } /* z-index > rząd 2: lista języków rozwija się nad menu (uwaga 10) */ /* bez linii między rzędami — jedna bryła (uwaga 7) */
.hdr2-top-in { display: flex; align-items: center; justify-content: space-between; min-height: 38px; gap: 16px; }
.hdr2-top-left, .hdr2-top-right { display: flex; align-items: center; gap: 22px; }
.hdr2 .hdr2-top-item { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--h2-text); white-space: nowrap; } /* białe jak menu (uwaga 8) */ /* .hdr2 dla specyficzności > .hdr2 a (uwaga 6) */
.hdr2-top-item svg { width: 15px; height: 15px; }
.hdr2 a.hdr2-top-item:hover { color: var(--h2-muted); }
.hdr2-top-usp { color: var(--h2-text); }
.hdr2-ic { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--h2-text); line-height: 1; }
.hdr2-ic:hover { color: var(--h2-muted); }
.hdr2-ic svg { width: 19px; height: 19px; }
.hdr2-cart-icon { position: relative; display: inline-flex; }
.hdr2-badge { position: absolute; top: -7px; right: -8px; min-width: 15px; height: 15px; padding: 0 3px; border-radius: 8px; background: var(--h2-red); color: #fff; font-size: 9.5px; font-weight: 700; line-height: 15px; text-align: center; }
.hdr2-badge.hide { display: none; }

/* moduł ps_customersignin w rzędzie 1 (markup starego motywu, przestylowany) */
.hdr2 .nav-right-link { display: inline-flex !important; flex-direction: row; align-items: center; gap: 7px; padding: 0; border: 0; font-size: 12.5px; color: var(--h2-text); }
.hdr2 .nav-right-link:hover { color: var(--h2-muted); opacity: 1; }
.hdr2 .nav-right-link svg { width: 19px; height: 19px; }
.hdr2 .nav-right-link svg path { stroke: currentColor; }
.hdr2 .nav-right-text { display: inline !important; margin: 0; font-size: 12.5px; }
.hdr2 .nav-right_card { display: none !important; }
/* uwaga 9: ikona konta z modułu wyglądała poszarpanie — podmiana na własną przez mask */
.hdr2-top-right .nav-right-link svg { display: none; }
/* uwaga 15: wrapper .ps-r z modułu jest blokiem, link stawał na linii bazowej i ikona była wyżej */
.hdr2-top-right > .ps-r { display: flex; align-items: center; line-height: 1; }
.hdr2 .nav-right-link { line-height: 1; vertical-align: middle; }
.hdr2-top-right .nav-right-link::before { content: ""; display: inline-block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8'%20r='4'/%3E%3Cpath%20d='M4%2021c0-4%203.6-6.5%208-6.5s8%202.5%208%206.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8'%20r='4'/%3E%3Cpath%20d='M4%2021c0-4%203.6-6.5%208-6.5s8%202.5%208%206.5'/%3E%3C/svg%3E") center / contain no-repeat; }

/* rząd 1: same ikony, bez etykiet (uwaga Andrzeja 18.09) */
.hdr2-top-right .hdr2-ic > span:last-child:not(.hdr2-cart-icon) { display: none; }
.hdr2-top-right .hdr2-ic svg, .hdr2-top-right .nav-right-link svg { width: 20px; height: 20px; }
.hdr2-top-right .nav-right-text { display: none !important; }
.hdr2-top-right { gap: 18px; justify-content: space-between; } /* szerokość = szerokość CTA, ustawia header-v2.js (uwaga 12) */

/* przełącznik języka (partial motywu) */
.hdr2-lang { font-size: 12.5px; }
.hdr2-lang .lang-switcher-btn { color: var(--h2-text); }
.hdr2-lang .lang-switcher-arrow { filter: invert(1); }
.hdr2-lang .lang-switcher-list { color: var(--black); top: calc(100% + 9px); right: -10px; left: auto; width: auto; min-width: 72px; padding: 4px; border-radius: 3px; }
.hdr2-lang .lang-switcher-link { padding: 9px 14px; font-weight: 500; justify-content: center; }
.hdr2-lang .lang-switcher-btn::after { content: ""; width: 6px; height: 6px; margin: -3px 0 0 7px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); }
.hdr2-lang .lang-switcher-btn.active::after { transform: rotate(-135deg); margin-top: 3px; }
.hdr2-lang .lang-container { width: auto; padding-left: 0; margin-left: 0; }
.hdr2-lang .lang-container::before { display: none; }
.hdr2-lang img { display: none; }
.hdr2-lang .lang-switcher-btn .ml-2, .hdr2-lang .lang-switcher-link .ml-2 { margin-left: 0 !important; }
.hdr2-lang .lang-switcher-btn { font-weight: 400; font-size: 13px; letter-spacing: .02em; }

/* ── rząd 2 (sticky) ─────────────────────────────────────────────────── */
.hdr2-main { position: relative; z-index: 41; background: var(--h2-bg2); transition: transform .25s ease; }
.hdr2-main--hidden { transform: translateY(-100%); }
.hdr2-main-in { display: flex; align-items: center; gap: 28px; min-height: var(--h2-main-h); }
.hdr2-logo { display: inline-flex; flex: none; }
.hdr2-logo img { display: block; width: 150px; height: auto; }
.hdr2-nav { display: flex; align-items: stretch; gap: 4px; flex: 1; min-height: var(--h2-main-h); }
.hdr2-item { display: flex; align-items: stretch; }
.hdr2 .hdr2-link { display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; font-size: 13.5px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--h2-text); position: relative; white-space: nowrap; line-height: 1; }
.hdr2 .hdr2-link::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 2px; background: var(--h2-red); transform: scaleX(0); transform-origin: left; transition: transform .15s ease; }
.hdr2-link:hover::after, .hdr2-has-mega:hover .hdr2-link--mega::after, .hdr2-has-mega.is-open .hdr2-link--mega::after { transform: scaleX(1); }
.hdr2-caret { width: 14px; height: 14px; transition: transform .15s ease; }
.hdr2-has-mega:hover .hdr2-caret, .hdr2-has-mega.is-open .hdr2-caret { transform: rotate(180deg); }
.hdr2-cta { display: inline-flex; align-items: center; flex: none; padding: 9px 30px; /* uwaga 14: szerszy, niższy */ background: var(--h2-red); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; border-radius: 3px; white-space: nowrap; transition: background .15s ease; }
.hdr2-cta:hover { background: #E81919; color: #fff; }
.hdr2-mobile-icons { display: none; align-items: center; gap: 18px; margin-left: auto; }
.hdr2-mobile-icons .hdr2-ic svg { width: 23px; height: 23px; }
.hdr2-burger { display: none; width: 40px; height: 40px; position: relative; flex: none; margin-left: -8px; }
.hdr2-burger span, .hdr2-burger span::before, .hdr2-burger span::after { content: ""; position: absolute; left: 8px; width: 24px; height: 2px; background: #fff; border-radius: 2px; transition: transform .2s ease, opacity .2s ease; }
.hdr2-burger span { top: 19px; }
.hdr2-burger span::before { left: 0; top: -7px; }
.hdr2-burger span::after { left: 0; top: 7px; }
.hdr2-burger[aria-expanded="true"] span { background: transparent; }
.hdr2-burger[aria-expanded="true"] span::before { transform: translateY(7px) rotate(45deg); }
.hdr2-burger[aria-expanded="true"] span::after { transform: translateY(-7px) rotate(-45deg); }

/* uwaga 13: lupa przy CTA w rzędzie 2 — miejsce zarezerwowane, widoczna po wyjechaniu rzędu 1 */
.hdr2-main-search { display: inline-flex; margin-right: -4px; visibility: hidden; opacity: 0; transition: opacity .2s ease; }
.hdr2-main-search svg { width: 24px; height: 24px; }
.hdr2--scrolled .hdr2-main-search { visibility: visible; opacity: 1; }
@media (max-width: 1199.98px) { .hdr2-main-search { display: none; } }

/* ── mega-menu (desktop) ─────────────────────────────────────────────── */
.hdr2-mega { position: absolute; left: 0; right: 0; top: 100%; background: #fff; color: var(--black); border-bottom: 1px solid var(--border-color); box-shadow: 0 18px 40px rgba(0, 0, 0, .28); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s; z-index: 5; }
.hdr2-has-mega:hover .hdr2-mega, .hdr2-has-mega.is-open .hdr2-mega { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity .15s ease, transform .15s ease; }
.hdr2-mega-in { max-width: calc(var(--container) + var(--gap) + var(--gap)); margin: 0 auto; padding: 28px var(--gap) 32px; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; }
.hdr2-col-title { display: block; font-size: 14px; font-weight: 700; color: var(--black); margin-bottom: 10px; padding-bottom: 8px; border-bottom: 2px solid var(--h2-red); }
a.hdr2-col-title:hover { color: var(--h2-red); }
.hdr2-col-list li a { display: block; padding: 5px 0; font-size: 13.5px; line-height: 1.35; color: #3a3435; }
.hdr2-col-list li a:hover { color: var(--h2-red); text-decoration: underline; }
.hdr2-col--quick .hdr2-col-title { border-bottom-color: var(--border-color); }
.hdr2-mini-badge { display: inline-block; min-width: 20px; padding: 0 5px; margin-left: 4px; border-radius: 2px; background: var(--h2-red); color: #fff; font-size: 11px; font-weight: 700; line-height: 17px; text-align: center; vertical-align: 1px; }
.hdr2-promo { color: var(--h2-red) !important; font-weight: 600; text-transform: uppercase; }

/* ── panel wyszukiwarki ──────────────────────────────────────────────── */
.hdr2-search { position: absolute; left: 0; right: 0; top: 100%; background: #fff; color: var(--black); border-bottom: 1px solid var(--border-color); box-shadow: 0 18px 40px rgba(0, 0, 0, .28); z-index: 6; }
.hdr2-search-in { padding: 18px var(--gap); }
.hdr2-search .js-search-form { max-width: 720px; margin: 0 auto; }
.hdr2-search .search-inp { width: 100%; }
.hdr2-search .search-autocomplete { position: absolute; top: calc(100% + 2px); }

/* ── szuflada mobilna ────────────────────────────────────────────────── */
.hdr2-backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, .55); z-index: 45; }
.hdr2-drawer { position: fixed; top: 0; left: 0; bottom: 0; width: min(400px, 92vw); background: #fff; color: var(--black); z-index: 46; display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; box-shadow: 10px 0 40px rgba(0, 0, 0, .3); animation: hdr2SlideIn .22s ease; } /* uwaga 17: z lewej, spod hamburgera */
@keyframes hdr2SlideIn { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { .hdr2-drawer { animation: none; } .hdr2-main { transition: none; } }
.hdr2-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; background: var(--h2-bg); color: #fff; }
.hdr2-drawer-title { font-size: 14px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.hdr2-drawer-close { font-size: 30px; line-height: 1; width: 36px; height: 36px; color: #fff; }
.hdr2-drawer-nav { padding: 6px 0 14px; }
.hdr2-drawer-link, .hdr2-drawer-sublink { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 20px; font-size: 15px; font-weight: 600; border-bottom: 1px solid var(--border-color); cursor: pointer; }
.hdr2-drawer-sublink { padding: 12px 20px 12px 30px; font-size: 14.5px; font-weight: 500; }
.hdr2-acc > summary { list-style: none; }
.hdr2-acc > summary::-webkit-details-marker { display: none; }
.hdr2-acc[open] > summary .hdr2-caret { transform: rotate(180deg); }
.hdr2-acc[open] > summary.hdr2-drawer-link { color: var(--h2-red); }
.hdr2-acc-body { background: #faf8f8; }
.hdr2-drawer-list li a { display: block; padding: 10px 20px 10px 44px; font-size: 14px; color: #3a3435; border-bottom: 1px solid #eee7e8; }
.hdr2-drawer-list--l4 li a { padding-left: 60px; font-size: 13.5px; color: #6b6467; }
.hdr2-drawer-all { font-weight: 600; color: var(--black) !important; }
.hdr2-cta--drawer { display: flex; justify-content: center; margin: 18px 20px 6px; padding: 14px 18px; }
.hdr2-drawer-foot { margin-top: auto; padding: 16px 20px 24px; background: #f4f1f2; display: grid; gap: 8px; font-size: 14px; }
.hdr2-drawer-foot > a { color: #3a3435; }
.hdr2-drawer-langs { display: flex; gap: 12px; align-items: center; padding-top: 6px; color: #6b6467; }
.hdr2-drawer-langs a { font-weight: 600; color: #3a3435; }
.hdr2-drawer-langs a.current { color: var(--h2-red); }
.hdr2-drawer-contact { display: grid; gap: 4px; padding-top: 8px; border-top: 1px solid var(--border-color); }
.hdr2-drawer-contact a { color: var(--black); font-weight: 500; }

/* ── responsywność ───────────────────────────────────────────────────── */
@media (max-width: 1399.98px) {
  .hdr2-link { padding: 0 10px; font-size: 13px; }
  .hdr2-link::after { left: 10px; right: 10px; }
  .hdr2-main-in { gap: 18px; }
  .hdr2-top-left, .hdr2-top-right { gap: 16px; }
}
@media (max-width: 1199.98px) {
  .hdr2 { --h2-main-h: 62px; --h2-top-offset: -32px; }
  .hdr2-nav, .hdr2-top-right { display: none; }
  .hdr2-burger, .hdr2-mobile-icons { display: flex; }
  .hdr2 .hdr2-top { display: none; } /* uwaga 16: na mobile bez rzędu 1 (kontakt i język są w szufladzie) */
  .hdr2-logo img { width: 130px; }
  .hdr2-cta { margin-left: auto; padding: 10px 14px; font-size: 12px; }
  .hdr2-mobile-icons { margin-left: 0; }
}
@media (max-width: 767.98px) {
  .hdr2-cta { display: none; }
  .hdr2-main-in { gap: 12px; }
  .hdr2-logo { margin-right: auto; }
  .hdr2-search-in { padding: 12px var(--gap); }
}
@media (max-width: 575.98px) {
  .hdr2 { --h2-main-h: 56px; }
  .hdr2-logo img { width: 112px; }
  .hdr2-mobile-icons { gap: 14px; }
}

/* ── stopka v2 (styl makiety V7; treść, kolumny i linki motywu bez zmian) ─────────────── */
.ftr2 { background: #0b0909; color: #fff; }
.ftr2 .footer { background: transparent; }
.ftr2 p, .ftr2 .gray, .ftr2 .footer-desc { color: #c9c1c2; }
.ftr2 a { color: #d9d2d3; }
.ftr2 a:hover { color: #fff; }
.ftr2 .footer-col-left p a.bold500 { color: #fff; font-weight: 600; }
.ftr2 .logo-footer { width: 170px; height: auto; }
.ftr2 .footer-header, .ftr2 .links .h3 { color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.ftr2 .footer-header img { filter: invert(1); }
.ftr2 .footer-link, .ftr2 .links a { font-size: 14px; color: #d9d2d3; }
.ftr2 .footer-link:hover, .ftr2 .links a:hover { color: #fff; text-decoration: underline; }
.ftr2 .footer-mini { border-top: 1px solid #221c1c; padding: 26px 0; }
.ftr2 .footer-mini .copy { color: #a79da0; }
/* social: tekstowe linki motywu jako okrągłe ikony (ikona wg adresu) */
.ftr2 .footer-col-left .nav-link { display: inline-grid; place-items: center; width: 40px; height: 40px; margin: 0 10px 0 0 !important; border: 1px solid rgba(255, 255, 255, .28); border-radius: 50%; transition: border-color .15s ease, background .15s ease; }
.ftr2 .footer-col-left .nav-link:hover { border-color: #fff; background: rgba(255, 255, 255, .08); text-decoration: none; }
.ftr2 .footer-col-left .nav-link u { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ftr2 .footer-col-left .nav-link::before { content: ""; width: 20px; height: 20px; background: center / contain no-repeat; }
.ftr2 .footer-col-left .nav-link[href*="instagram"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='3.5'%20width='17'%20height='17'%20rx='4.5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3.8'/%3E%3Ccircle%20cx='17.2'%20cy='6.8'%20r='.9'%20fill='%23fff'/%3E%3C/svg%3E"); }
.ftr2 .footer-col-left .nav-link[href*="facebook"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%208h2.5V4.5H14A3.5%203.5%200%200%200%2010.5%208v2.5H8V14h2.5v6h3.5v-6h2.5l.5-3.5h-3V8z'/%3E%3C/svg%3E"); }
.ftr2 .footer-col-left .nav-link[href*="youtube"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='6'%20width='18'%20height='12'%20rx='3.5'/%3E%3Cpath%20d='M10%209.5v5l4.5-2.5z'%20fill='%23fff'/%3E%3C/svg%3E"); }
/* pasek kontaktowy nad stopką (Czat, E-mail, Telefon, Lokalizacja) */
.ftr2-contact { background: #0b0909; color: #fff; border-color: #221c1c !important; }
.ftr2-contact .gray { color: #c9c1c2; }
.ftr2-contact a { color: #fff; }
.ftr2-contact a:hover .gray { color: #fff; }
.ftr2-contact img { filter: invert(1); }
@media (max-width: 991.98px) {
  .ftr2 .footer-header { border-bottom: 1px solid #221c1c; }
}
/* stopka v2: kolumny wg makiety */
.ftr2-grid { display: grid; grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr)); gap: 32px 28px; align-items: start; }
.ftr2-brand.footer-col-left { max-width: 340px; }
.ftr2-col.footer-menu-block { padding: 0; }
.ftr2 .footer-wrapper { gap: 12px; }
.ftr2 .ftr2-hook .footer-menu-block, .ftr2 .ftr2-hook .links { display: none; }
@media (max-width: 991.98px) {
  .ftr2-grid { grid-template-columns: 1fr; gap: 8px; }
  .ftr2-brand.footer-col-left { max-width: 100%; margin-bottom: 20px; }
  .ftr2 .footer-wrapper { padding-bottom: 12px; }
}