/* ========================================================================
   INCORSA / WAPRO B2C - CSS PELNY V9 (30.10.2026)
   Pelny plik do ZASTAPIENIA starego CSS, a nie do dopisania na koncu.
   Zrodlo: wlasny CSS przekazany przez INCORSA (2304 linie).

   ZASADA: zachowujemy dotychczasowy wyglad, ograniczenia zakupu,
   mobilne menu, rozwijanie po najechaniu, trzy banery i karuzele marek.
   Baza V8 + ukierunkowane wyrownanie PROMOCJI w V9.

   WAŻNE: Ciagly ruch marek wymaga ISTNIEJACEGO JavaScript we wstawce WAPRO.
   Sam CSS nie zastapi skryptu taśmy ani nie modyfikuje jego dzialania.
   ======================================================================== */

/* =========================
   1. PRODUKT — UKŁAD
   ========================= */

@media (min-width: 991px) {
    .abs-layout-product-full {
        position: relative;
    }

    [data-controller='productpage'] .abs-product-hidden-price {
        position: absolute;
        top: 0;
    }
}

.abs-product-page-header .abs-product-header-title,
.abs-product-page-header .abs-product-header-img,
.abs-product-page-header .abs-product-header-details,
.abs-product-page-header .abs-product-header-price,
.abs-product-page-header .abs-product-header-variants,
.abs-product-page-header .abs-product-header-variant-products,
.abs-product-page-header .abs-product-header-purchase,
.abs-product-page-header .abs-product-header-actions,
.abs-product-page-header .abs-product-header-dispatch-counter {
    padding: 0;
    overflow-wrap: break-word;
}

h1 {
    font-weight: bold;
}

/* =========================
   2. BLOKADY ZAKUPU W KATEGORIACH
   Zachowano obecną logikę 1:1.
   ========================= */

[data-category-id='344'] .purchase-buttons,
[data-category-id='343'] .purchase-buttons,
[data-category-id='246'] .purchase-buttons,
[data-category-id='163'] .purchase-buttons,
[data-category-id='49'] .purchase-buttons,
[data-category-id='169'] .purchase-buttons,
[data-category-id='256'] .purchase-buttons,
[data-category-id='359'] .purchase-buttons,
[data-category-id='275'] .purchase-buttons,
[data-category-id='33'] .purchase-buttons,
[data-category-id='24'] .purchase-buttons,
[data-category-id='10'] .purchase-buttons,
[data-category-id='9'] .purchase-buttons,
[data-category-id='188'] .purchase-buttons,
[data-category-id='189'] .purchase-buttons,
[data-category-id='340'] .purchase-buttons,
[data-category-id='341'] .purchase-buttons,
[data-category-id='173'] .purchase-buttons,
[data-category-id='172'] .purchase-buttons,
[data-category-id='265'] .purchase-buttons,
[data-category-id='170'] .purchase-buttons,
[data-category-id='167'] .purchase-buttons,
[data-category-id='165'] .purchase-buttons,
[data-category-id='171'] .purchase-buttons,
[data-category-id='168'] .purchase-buttons,
[data-category-id='164'] .purchase-buttons,
[data-category-id='223'] .purchase-buttons,
[data-category-id='253'] .purchase-buttons,
[data-category-id='427'] .purchase-buttons,
[data-category-id='342'] .purchase-buttons {
    display: none;
}

[data-category-id='344'] .purchase-spinner,
[data-category-id='343'] .purchase-spinner,
[data-category-id='246'] .purchase-spinner,
[data-category-id='163'] .purchase-spinner,
[data-category-id='49'] .purchase-spinner,
[data-category-id='169'] .purchase-spinner,
[data-category-id='256'] .purchase-spinner,
[data-category-id='359'] .purchase-spinner,
[data-category-id='275'] .purchase-spinner,
[data-category-id='33'] .purchase-spinner,
[data-category-id='24'] .purchase-spinner,
[data-category-id='10'] .purchase-spinner,
[data-category-id='9'] .purchase-spinner,
[data-category-id='188'] .purchase-spinner,
[data-category-id='189'] .purchase-spinner,
[data-category-id='340'] .purchase-spinner,
[data-category-id='341'] .purchase-spinner,
[data-category-id='173'] .purchase-spinner,
[data-category-id='172'] .purchase-spinner,
[data-category-id='265'] .purchase-spinner,
[data-category-id='170'] .purchase-spinner,
[data-category-id='167'] .purchase-spinner,
[data-category-id='165'] .purchase-spinner,
[data-category-id='171'] .purchase-spinner,
[data-category-id='168'] .purchase-spinner,
[data-category-id='164'] .purchase-spinner,
[data-category-id='223'] .purchase-spinner,
[data-category-id='253'] .purchase-spinner,
[data-category-id='427'] .purchase-spinner,
[data-category-id='342'] .purchase-spinner {
    display: none;
}

/* Wyjątki produktowe — zakup pozostaje dostępny */
[data-product-id='5588'] .purchase-buttons,
[data-product-id='5588'] .purchase-spinner,
[data-product-id='6386'] .purchase-buttons,
[data-product-id='6386'] .purchase-spinner {
    display: block;
}

/* Strona glowna: nie ukrywamy kontenera natywnych przyciskow WAPRO.
   O ich utworzeniu i dzialaniu decyduje mechanizm sklepu.
   Ograniczenia zakupow dla wskazanych kategorii pozostaja wyzej. */

/* =========================
   3. RESPONSYWNOŚĆ
   ========================= */

@media (max-width: 980px) {
    .abs-attributes-list {
        position: relative;
        right: 10px;
    }
}

/* Zachowujemy stary selektor i obsługujemy również wariant klasowy */
.abs-all-categories-tree abs-display-on-all,
.abs-all-categories-tree .abs-display-on-all {
    font-weight: bold;
}

/* =========================
   4. TYPOGRAFIA I LINKI
   ========================= */

body {
    font-size: 13px;
}

.product-header .abs-product-name {
    color: #1b202b;
}

a {
    color: #000000;
}

.abs-panel > .panel-heading > *,
.abs-panel > .panel-heading > a > * {
    color: #cf1100;
    font-size: 15px;
}

/* =========================
   5. NAGŁÓWEK I MENU
   ========================= */

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}

.abs-header-menu-top {
    background-color: #f9f9f9;
}

.abs-header-content-row .abs-header-content-buttons ul > li > a {
    color: #454444;
}

.navbar-default .navbar-nav > li > a {
    color: #333333;
}

/* =========================
   6. PRZYCISKI I ELEMENTY UI
   ========================= */

.touch-qnt .input-group > .input-group-btn > button {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

.abs-ask-product-btn {
    color: #ffffff;
    background-color: #000000;
}

.btn-default,
.abs-filter-toggle-panel a.abs-filter-toggle {
    color: #ffffff;
    background-color: #393939;
    border-color: #000000;
}

.btn-primary {
    color: #ffffff;
    background-color: #214395;
    border-color: #043663;
}

.btn-success {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle,
.btn-success:hover,
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
    color: #000000;
    background-color: #e9e9e9;
    border-color: #000000;
}

.btn-default:hover,
.abs-filter-toggle-panel a.abs-filter-toggle:hover {
    background-color: #e9e9e9;
    box-shadow: 0 0 7px -4px #000000;
}

.abs-btn-group .btn {
    margin: 2px;
}

label.btn-link:not(:hover) {
    color: #214395;
}

/* =========================
   7. AKCENTY NIEBIESKIE
   ========================= */

.abs-col-details-description-attributes .list-group-item .abs-icon-bullet,
.abs-col-details-description-attributes .list-group-item .abs-simple-panel-header .abs-simple-panel-icon,
.abs-simple-panel-header .abs-col-details-description-attributes .list-group-item .abs-simple-panel-icon,
.abs-col-details-description-attributes .list-group-item .discount-popover .applied-discounts .box-separator,
.discount-popover .applied-discounts .abs-col-details-description-attributes .list-group-item .box-separator {
    padding-right: 3px;
    color: #214395;
    font-size: x-small;
}

.carousel-fx-wrapper .slick-dots > *.slick-active,
.carousel-indicators .active,
.carousel-indicators .slick-active {
    background-color: #214395;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
    cursor: default;
}

.abs-cart-table tbody tr.abs-row-offer {
    color: #214395;
}

/* =========================
   8. PANELE
   ========================= */

.abs-panel-main > .panel-heading {
    position: relative;
    margin-bottom: -5px;
    padding: 33px 0 7px 19px;
    color: #214395;
    background-color: inherit;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
}

/* =========================
   9. LICZNIK WYSYŁKI
   ========================= */

.abs-product-page-header
.abs-product-header-dispatch-counter
.dispatch-counter {
    display: block;
    margin-top: 5px;
    padding: 20px;
    color: inherit;
    background-color: #f5f5f5;
    border: 2px solid #e3e3e3;
    border-radius: 6px;
    opacity: 0.8;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

.abs-product-page-header
.abs-product-header-dispatch-counter
.dispatch-counter b,
.abs-product-page-header
.abs-product-header-dispatch-counter
.dispatch-counter .abs-button-checkout.final-register span:first-child,
.abs-button-checkout.final-register
.abs-product-page-header
.abs-product-header-dispatch-counter
.dispatch-counter span:first-child,
.abs-product-page-header
.abs-product-header-dispatch-counter
.dispatch-counter .timeLeft {
    color: #214395;
}

.abs-product-page-header
.abs-product-header-dispatch-counter
.dispatch-counter .timeLeft {
    font-weight: bold;
}


/* 10. WSPOLNE KOLORY */
:root {
  --inc-navy: #1c3150;
  --inc-navy-dark: #10243c;
  --inc-blue: #2f5f9e;
  --inc-blue-soft: #e9eef4;
  --inc-border: #d8e0e8;
  --inc-text: #243247;
  --inc-white: #fff;
}

/* 11. NAGLOWEK — jeden zestaw zasad */
.abs-header-menu-top {
  background: #10243c !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.abs-header-menu-top,
.abs-header-menu-top a,
.abs-header-menu-top span,
.abs-header-menu-top label {
  color: #e9eff7 !important;
}
.abs-header-menu-top a:hover,
.abs-header-menu-top a:focus { color: #fff !important; }
#top.abs-header-content {
  width: 100% !important;
  background: var(--inc-navy) !important;
  border: 0 !important;
}
#top > .container {
  width: 100% !important;
  max-width: 1170px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
}
#top .abs-header-content-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#top .abs-header-content-logo {
  flex: 0 0 190px !important;
  width: 190px !important;
  margin: 0 !important;
}
#top .abs-header-content-logo .navbar-brand {
  display: block !important;
  width: 190px !important;
  height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: url('https://a.assecobs.com/accounts/incorsa/stock/INCORSA%20LOGO%20BIA%C5%81E.png?vh=f88f31') center / contain no-repeat !important;
}
#top .abs-header-content-logo img.logo-desktop {
  opacity: 0 !important;
}
#top .abs-header-content-search {
  position: static !important;
  flex: 1 1 500px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 530px !important;
  margin: 0 !important;
}
#top .search-wrapper { margin-bottom: 0 !important; }
#top .searchInputClass {
  height: 42px !important;
  color: var(--inc-navy) !important;
  background: #fff !important;
  border: 1px solid #dce3ee !important;
  border-radius: 4px 0 0 4px !important;
}
#top .input-group-btn-search .btn {
  height: 42px !important;
  color: #fff !important;
  background: #102746 !important;
  border-color: #102746 !important;
}
#top .abs-search-options-links {
  display: block !important;
  margin-top: 6px !important;
  color: #bfcce0 !important;
  font-size: 12px !important;
  text-align: left !important;
}
#top .abs-search-options-links a { color: #fff !important; }
#top .abs-search-options-links a[href='/promocja-pl'] {
  color: #ff3649 !important;
  font-weight: 700 !important;
}
#top .abs-header-content-buttons {
  position: static !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}
#top .abs-header-content-buttons > ul.nav {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  margin: 0 !important;
}
#top .abs-btn-account > a, #top .abs-btn-cart-url {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}
#top .abs-btn-account > a::after { content: 'Konto'; color: #fff; }
#top .abs-btn-cart-url::after { content: 'Koszyk'; color: #fff; }
/* Symbole zastepcze: bez danych SVG i Base64 (zgodne z walidatorem WAPRO). */
#top .abs-btn-account .abs-icon-user,
#top .abs-btn-cart .abs-icon-cart { display: none !important; }
#top .abs-btn-account > a::before {
  content: '\2659'; color: #fff; font-size: 22px; line-height: 1;
}
#top .abs-btn-cart-url::before {
  content: '\25A1'; color: #fff; font-size: 22px; line-height: 1;
}

/* 12. MENU GLOWNE - JEDEN RZAD, KROTKIE ETYKIETY
   Zmiana dotyczy wylacznie widocznego tekstu na desktopie.
   Oryginalne linki, pelne nazwy w HTML, podmenu WAPRO i ich dzialanie
   pozostaja bez zmian. Na telefonach WAPRO pokazuje oryginalne nazwy.
*/
.abs-header-menu-main {
  background: var(--inc-navy) !important;
  border-bottom: 3px solid var(--inc-blue) !important;
}
.abs-header-menu-main #mainMenu,
.abs-header-menu-main #mainMenu > ul.navbar-nav {
  background: transparent !important;
}

@media (min-width: 992px) {
  .abs-header-menu-main .container {
    width: 100% !important;
    max-width: 1170px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
  }

  /* Pozycje w jednym rzedzie, bez nachodzenia na siebie. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

/* INCORSA - stabilizacja widocznosci menu */

.abs-header-menu-main #mainMenu > ul.navbar-nav > li {
    flex: 0 0 auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* INCORSA - WIDOCZNOSC MENU DESKTOP */

.abs-header-menu-main #mainMenu > ul.navbar-nav > li.abs-display-on-desktop,
.abs-header-menu-main #mainMenu > ul.navbar-nav > li.abs-display-on-all {
    display: block !important;
}

.abs-header-menu-main #mainMenu > ul.navbar-nav > li.abs-display-on-mobile {
    display: none !important;
}

  .abs-header-menu-main #mainMenu > ul.navbar-nav > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 42px !important;
    padding: 9px 5px !important;
    color: #fff !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li > a:hover,
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li > a:focus,
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li.open > a {
    color: #fff !important;
    background: rgba(255, 255, 255, .10) !important;
  }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li > a .sub-arrow {
    flex: 0 0 auto !important;
    margin-left: 4px !important;
    font-size: 12px !important;
  }

  /* WAPRO ma dlugie etykiety, ktore nie mieszcza sie w 1140 px.
     Nie zmieniamy nazw kategorii w bazie ani adresow URL; pokazujemy
     skroty tylko na gornej belce. Przypisanie po danych WAPRO. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li:is(
    #menuCategoryDropdown-0,
    [data-href^='/wiatrowki'],
    [data-href^='/sruty'],
    [data-href^='/czyszczenie-i-konserwacja'],
    [data-href^='/gazy-pieprzowe'],
    [data-href^='/elaboracja'],
    [data-href^='/optyka'],
    [data-href^='/tlumiki-'],
    [data-href^='/producenci']
  ) > a {
    font-size: 0 !important;
  }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li:is(
    #menuCategoryDropdown-0,
    [data-href^='/wiatrowki'],
    [data-href^='/sruty'],
    [data-href^='/czyszczenie-i-konserwacja'],
    [data-href^='/gazy-pieprzowe'],
    [data-href^='/elaboracja'],
    [data-href^='/optyka'],
    [data-href^='/tlumiki-'],
    [data-href^='/producenci']
  ) > a > span:not(.sub-arrow):not(.caret) {
    font-size: 0 !important;
  }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li:is(
    #menuCategoryDropdown-0,
    [data-href^='/wiatrowki'],
    [data-href^='/sruty'],
    [data-href^='/czyszczenie-i-konserwacja'],
    [data-href^='/gazy-pieprzowe'],
    [data-href^='/elaboracja'],
    [data-href^='/optyka'],
    [data-href^='/tlumiki-'],
    [data-href^='/producenci']
  ) > a::before {
    display: inline-block;
    flex: 0 0 auto;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    color: #fff;
  }

  .abs-header-menu-main #menuCategoryDropdown-0 > a::before { content: 'Wszystkie kategorie'; }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li[data-href^='/wiatrowki'] > a::before { content: 'Wiatrówki'; }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li[data-href^='/sruty'] > a::before { content: 'Śrut'; }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li[data-href^='/czyszczenie-i-konserwacja'] > a::before { content: 'Czyszczenie'; }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li[data-href^='/gazy-pieprzowe'] > a::before { content: 'Gazy pieprzowe'; }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li[data-href^='/elaboracja'] > a::before { content: 'Elaboracja'; }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li[data-href^='/optyka'] > a::before { content: 'Optyka'; }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li[data-href^='/tlumiki-'] > a::before { content: 'Tłumiki'; }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li[data-href^='/producenci'] > a::before { content: 'Marki'; }
}

/* Desktop na mniejszych ekranach: zachowujemy jeden rzad. */
@media (min-width: 992px) and (max-width: 1099px) {
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li > a {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li:is(
    #menuCategoryDropdown-0, [data-href]
  ) > a::before {
    font-size: 12px !important;
  }
}

/* 12B. INCORSA 2026 - rozwijane menu w stylu MILTAC (kompaktowy flyout)
   KONSTRUKCJA: dropdown WAPRO (kolumna glowna) + .mm-content (kolumna obok).
   Zamiast zajmowac 1140px, panel zajmuje tylko tyle miejsca, ile trzeba.
   Struktura i adresy linkow pozostaja WAPRO; tylko CSS, bez JS.
   Zmiany wylacznie na desktopie - mobilne menu natywne.
*/
@media (min-width: 992px) {
  /* Zakotwiczenie dropdownu pod przyciskiem "Wszystkie kategorie". */
  .abs-header-menu-main,
  .abs-header-menu-main #mainMenu,
  .abs-header-menu-main #mainMenu > ul.navbar-nav {
    overflow: visible !important;
  }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li#menuCategoryDropdown-0 {
    position: relative !important;
  }

  /* Wylacznie glowny dropdown kategorii: 280px, nie caly obszar strony. */
  .abs-header-menu-main #menuCategoryDropdown-0 > ul.mega-menu.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    float: none !important;
    box-sizing: border-box !important;
    border: 1px solid #2c4868 !important;
    border-top: 3px solid #5c85b6 !important;
    border-radius: 0 0 3px 3px !important;
    background: #1d3049 !important;
    box-shadow: 0 16px 32px rgba(7,20,37,.27) !important;
    z-index: 3100 !important;
  }

  /* WAPRO wklada w dropdown kontenery Bootstrapa z szerokoscia 1170px. */
  .abs-header-menu-main #menuCategoryDropdown-0 > ul.mega-menu.dropdown-menu > li,
  .abs-header-menu-main #menuCategoryDropdown-0 > ul.mega-menu.dropdown-menu > li > .container,
  .abs-header-menu-main #menuCategoryDropdown-0 > ul.mega-menu.dropdown-menu > li > .container > .row,
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  /* Ten LI ma w HTML inline style='height: 530px'. */
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible !important;
    background: #1d3049 !important;
  }

  /* Pionowa lista kategorii po lewej. Nie ustawiamy overflow-y:auto,
     bo scroll-container uciąłby wysuwane na bok podmenu. */
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    float: none !important;
    overflow: visible !important;
    list-style: none !important;
    background: #1d3049 !important;
  }

  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border: 0 !important;
    list-style: none !important;
    background: transparent !important;
  }

  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 7px 12px 7px 14px !important;
    color: #f5f8fd !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-align: left !important;
    text-decoration: none !important;
  }
  /* Niewielka strzalka po prawej zamiast dodatkowych ikon/grafik. */
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header.expandable > a::after {
    content: '\203A';
    display: inline-block;
    flex: 0 0 auto;
    padding-left: 10px;
    color: #a9bfd9;
    font-size: 20px;
    font-weight: 400;
    line-height: 12px;
  }

  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header:hover > a,
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header:focus-within > a,
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header.open > a,
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header.active > a {
    color: #fff !important;
    background: #304d72 !important;
    border-left-color: #77a4db !important;
  }

  /* Podmenu kategorii: ciemny panel po PRAWEJ, nie pod lewa lista. */
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header > .mm-content {
    position: absolute !important;
    top: -3px !important;
    bottom: auto !important;
    left: calc(100% - 1px) !important;
    right: auto !important;
    box-sizing: border-box !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(680px, calc(100vh - 180px)) !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    float: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #35516e !important;
    border-left: 2px solid #6085b1 !important;
    border-radius: 0 3px 3px 0 !important;
    background: #243a55 !important;
    box-shadow: 9px 12px 26px rgba(7,20,37,.22) !important;
    z-index: 3200 !important;
    scrollbar-width: thin;
    scrollbar-color: #627e9e #243a55;
  }
  /* Zachowujemy obsluge otwierania WAPRO, dodajemy niezawodny hover
     na desktopie. Zwykle subpanel jest ukryty, na aktywnym LI widoczny. */
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header > .mm-content {
    display: none !important;
  }
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header:is(:hover, :focus-within, .open, .active) > .mm-content {
    display: block !important;
  }

  /* Kategorie bez podkategorii nie otwieraja pustego okna. */
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header:not(.expandable) > .mm-content {
    display: none !important;
  }

  /* Dalsze kategorie: centrowanie panelu przy podswietlonym wierszu.
     W szczegolnosci ostatnia lista marek nie moze wypasc pod ekran. */
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header:nth-child(n+7) > .mm-content {
    top: 50% !important;
    transform: translateY(-50%) !important;
    max-height: min(440px, calc(100vh - 190px)) !important;
  }
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box > ul > li.abs-mega-menu-header:nth-last-child(-n+3) > .mm-content {
    max-height: min(360px, calc(100vh - 180px)) !important;
  }

  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  .mm-content > ul.level1.abs-mega-menu-links-box {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible !important;
    list-style: none !important;
    background: transparent !important;
  }
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  .mm-content > ul.level1.abs-mega-menu-links-box > li {
    display: block !important;
    position: relative !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
  }
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  .mm-content > ul.level1.abs-mega-menu-links-box > li > a {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 9px 17px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #eef4fc !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.32 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-decoration: none !important;
  }
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  .mm-content > ul.level1.abs-mega-menu-links-box > li > a:hover,
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  .mm-content > ul.level1.abs-mega-menu-links-box > li > a:focus-visible {
    color: #fff !important;
    background: #355479 !important;
  }

  /* Trzeci poziom (np. Wiatrówki do 17J) jako wciecie w prawym panelu. */
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  .mm-content ul.level2 {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 5px 14px !important;
    float: none !important;
    background: transparent !important;
    list-style: none !important;
  }
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  .mm-content ul.level2 > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  .mm-content ul.level2 > li > a {
    display: block !important;
    padding: 6px 14px !important;
    border-left: 1px solid #527494 !important;
    color: #cad8e9 !important;
    background: transparent !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }
  .abs-header-menu-main #menuCategoryDropdown-0 ul.abs-mega-menu-container
  .mm-content ul.level2 > li > a:hover { color: #fff !important; background: #355479 !important; }
}

/* 12C. INCORSA — JEDEN STYL KASKADOWY DLA CALEGO GORNEGO MENU
   WAPRO/SmartMenus samo tworzy i otwiera listy ul (takze zagniezdzone),
   ustala ich polozenie i odwrocenie przy krawedzi ekranu.
   Nie nadpisujemy: display, top, left, right, position tych list.
   Nie dotykamy #menuCategoryDropdown-0 (osobna, dzialajaca sekcja 12B).
   Bez JavaScript i bez zmian nazw lub adresow kategorii.
*/
@media (min-width: 992px) {
  /* Elementy pierwszego poziomu: kotwica dla podmenu WAPRO. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) {
    position: relative !important;
  }

  /* Wszystkie kolejne poziomy UL — ten sam granatowy panel.
     WAPRO zachowuje kontrole nad widocznoscia i pozycja panelu. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul {
    box-sizing: border-box !important;
    min-width: 235px !important;
    max-width: 310px !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    float: none !important;
    border: 1px solid #2c4868 !important;
    border-radius: 0 0 3px 3px !important;
    list-style: none !important;
    color: #f5f8fd !important;
    background: #1d3049 !important;
    box-shadow: 0 12px 26px rgba(7,20,37,.24) !important;
    z-index: 3150 !important;
  }

  /* Pasek akcentowy tylko przy otwieraniu z glownego menu. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) > ul {
    border-top: 3px solid #5c85b6 !important;
  }

  /* Drugi/trzeci poziom: bez grubej gornej kreski. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul ul {
    border-top: 1px solid #365371 !important;
    border-left: 2px solid #6b91c0 !important;
    border-radius: 0 3px 3px 0 !important;
    background: #243a55 !important;
    z-index: 3170 !important;
  }

  /* 12C.1 — NAPRAWA KASKADY WAPRO / SmartMenus.
     WAPRO na niektorych podkategoriach (np. 'Wiatrowki do 17J')
     ustawia inline left:0 i top:100%, przez co trzeci poziom
     otwiera sie POD pierwszym. Wylacznie zagniezdzone UL
     ustawiamy po prawej stronie aktywnego LI, w tej samej linii.
     Widocznosc (display) i interakcje nadal kontroluje WAPRO.
     Nie dotyka glownego dropdownu ani 'Wszystkie kategorie'. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) > ul > li:has(> ul) {
    position: relative !important;
    overflow: visible !important;
  }

  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) > ul > li > ul,
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) > ul > li > ul ul {
    position: absolute !important;
    top: 0 !important;
    left: calc(100% - 1px) !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Naturalne wysokosci wierszy (bez poziomego sciskania etykiet). */
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul > li {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border: 0 !important;
    list-style: none !important;
    background: transparent !important;
  }

  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul > li > a {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 35px !important;
    margin: 0 !important;
    padding: 9px 12px 9px 14px !important;
    border: 0 !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 !important;
    outline-offset: -2px !important;
    color: #f5f8fd !important;
    background: transparent !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  /* Zaznaczenie dziala przy najechaniu, klawiaturze i klasach WAPRO. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul > li:hover > a,
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul > li > a:focus-visible,
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul > li > a.highlighted,
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul > li.open > a {
    color: #fff !important;
    background: #304d72 !important;
    border-left-color: #82acd9 !important;
  }

  /* Zachowujemy strzalki generowane przez WAPRO/SmartMenus. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul a .sub-arrow,
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home) ul a .caret {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    color: #b5cbe5 !important;
    opacity: .95 !important;
  }

  /* Pionowy scroll jedynie dla DLUGICH, koncowych list (np. marki).
     Nie wlaczamy overflow na poziomach z nastepnymi submenu —
     to ucinaloby wysuwanie panelu w bok. */
  .abs-header-menu-main #mainMenu > ul.navbar-nav
  > li:not(#menuCategoryDropdown-0):not(.abs-home)
  ul:not(:has(ul)):has(> li:nth-child(n+13)) {
    max-height: min(62vh, 510px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: #6b89a9 #243a55;
  }

  /* Kategorie bez dzieci zachowuja zwykly link: nic nie doklejamy. */
}

/* Na telefonach megamenu oddajemy calkowicie mechanizmowi WAPRO. */
/* Na tabletach/telefonach WAPRO steruje menu natywnie. */
@media (max-width: 991px) {
  #top .abs-header-content-row {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  #top .abs-header-content-logo {
    flex-basis: 150px !important;
    width: 150px !important;
  }
  #top .abs-header-content-logo .navbar-brand {
    width: 150px !important;
    height: 56px !important;
  }
  #top .abs-header-content-search {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  #top .abs-btn-account > a::after,
  #top .abs-btn-cart-url::after { display: none !important; }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li > a {
    font-size: 14px !important;
  }
}


/* 13. STRONA GLOWNA — szerokosc i ukrycie okruszkow */
body:has(#controllerContent .incorsa-info) .abs-layout-site-two-column > .abs-row { display:block !important; }
body:has(#controllerContent .incorsa-info) .abs-layout-site-two-column > .abs-row > .abs-sidebar { display:none !important; }
body:has(#controllerContent .incorsa-info) .abs-col-content { float:none !important; width:100% !important; max-width:100% !important; }
body:has(#controllerContent .incorsa-info) .abs-content .container { width:calc(100% - 48px) !important; max-width:1180px !important; }
body:has(.incorsa-hero) #global-breadcrumb { display:none !important; margin:0 !important; padding:0 !important; }
body:has(.incorsa-hero) .incorsa-hero { margin-top:12px !important; }


/* 14. BANER GLOWNY */

.incorsa-hero {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  min-height: 340px;
  padding: 45px 6%;
  overflow: hidden;

  background-image:
    linear-gradient(
      90deg,
      rgba(9, 24, 45, .82) 0%,
      rgba(9, 24, 45, .45) 43%,
      rgba(9, 24, 45, 0) 75%
    ),
    url("https://a.assecobs.com/accounts/incorsa/stock/WhatsApp%20Image%202026-10-29%20at%2012.13.51.jpeg?vh=54790f");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.incorsa-hero__content {
  position: relative;
  z-index: 1;
  max-width: 460px;
  color: #fff;
}

.incorsa-hero__eyebrow {
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  letter-spacing: 2px;
  color: #fff;
}

.incorsa-hero h1 {
  margin: 0 0 12px;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.08;
  color: #fff;
}

.incorsa-hero p {
  margin: 0 0 24px;
  font-size: 21px;
  color: #fff;
}

.incorsa-hero__button {
  display: inline-block;
  padding: 14px 27px;
  background: #fff;
  color: #102849 !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
  border-radius: 3px;
  transition: .2s;
}

.incorsa-hero__button:hover {
  background: #e8eff8;
  transform: translateY(-2px);
}

/* TELEFON */

@media (max-width: 767px) {
  .incorsa-hero {
    min-height: 310px;
    padding: 35px 22px;
    background-position: 58% center;
  }

  .incorsa-hero h1 {
    font-size: 32px;
  }

  .incorsa-hero p {
    font-size: 16px;
  }
}


[data-controller='index'] .panel:has(.incorsa-hero),
[data-controller='index'] .abs-panel:has(.incorsa-hero) { border:0 !important;box-shadow:none !important;background:transparent !important; }
[data-controller='index'] .panel:has(.incorsa-hero) > .panel-heading { display:none !important; }
[data-controller='index'] .panel-body.abs-html-injection:has(.incorsa-hero),
[data-controller='index'] .preserveFormatting:has(.incorsa-hero) { padding:0 !important; margin:0 !important; }

/* ========================================================================
   15. KAFELKI .incorsa-info (zgodnosc ze starsza wstawka)
   Jeden wynikowy zestaw zamiast nadpisujacych sie blokow V5 / V6 / V8.
   Zdjecia zachowuja naturalne proporcje i nie sa przycinane.
   ======================================================================== */

.incorsa-info {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* WAPRO czasem opakowuje linki w <p>. */
.incorsa-info > p {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

.incorsa-info a.incorsa-info__tile,
.incorsa-info a.incorsa-info__tile:link,
.incorsa-info a.incorsa-info__tile:visited {
  position: relative !important;
  display: block !important;
  float: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  padding: 0 0 58px 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #203654 !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 7px rgba(11, 27, 51, .16) !important;
  cursor: pointer !important;
  isolation: isolate !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}

.incorsa-info a.incorsa-info__tile:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px rgba(11, 27, 51, .18) !important;
}

.incorsa-info a.incorsa-info__tile:focus-visible {
  outline: 3px solid #6cabe8 !important;
  outline-offset: 2px !important;
}

.incorsa-info a.incorsa-info__tile img.incorsa-info__image {
  display: block !important;
  position: static !important;
  /* Zachowane z dotychczasowego CSS; nie przesuwaja obrazu przy position:static. */
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  z-index: 1 !important;
  transform: none !important;
  transition: none !important;
}

.incorsa-info a.incorsa-info__tile:hover img.incorsa-info__image {
  transform: none !important;
}

/* Granatowy pasek opisowy na dole karty. */
.incorsa-info a.incorsa-info__tile::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 58px !important;
  background: linear-gradient(180deg, #23416a 0%, #1e3556 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.incorsa-info a.incorsa-info__tile strong.incorsa-info__title {
  display: block !important;
  position: absolute !important;
  left: 12px !important;
  right: 38px !important;
  bottom: 31px !important;
  z-index: 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font: 700 14px/1.15 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.incorsa-info a.incorsa-info__tile small.incorsa-info__description {
  display: block !important;
  position: absolute !important;
  left: 12px !important;
  right: 38px !important;
  bottom: 11px !important;
  z-index: 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #eef4fb !important;
  font: 400 11px/1.2 Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.incorsa-info a.incorsa-info__tile::after {
  content: '\2192' !important;
  display: block !important;
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 3 !important;
  color: #fff !important;
  font: 400 22px/1 Arial, Helvetica, sans-serif !important;
  pointer-events: none !important;
}

/* Bez ramki i naglowka tylko dla tej konkretnej wstawki. */
.panel:has(.incorsa-info) > .panel-heading,
.abs-panel:has(.incorsa-info) > .panel-heading,
.panel:has(.incorsa-info) > .abs-panel-heading,
.abs-panel:has(.incorsa-info) > .abs-panel-heading {
  display: none !important;
}

.panel:has(.incorsa-info),
.abs-panel:has(.incorsa-info) {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.panel:has(.incorsa-info) > .panel-body,
.abs-panel:has(.incorsa-info) > .panel-body,
.panel-body:has(.incorsa-info),
.preserveFormatting:has(.incorsa-info),
.abs-html-injection:has(.incorsa-info) {
  padding: 0 !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  .incorsa-info {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 540px) {
  .incorsa-info {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .incorsa-info a.incorsa-info__tile,
  .incorsa-info a.incorsa-info__tile img.incorsa-info__image {
    transition: none !important;
  }
}

/* 16. KARUZELA MAREK - istniejacy CSS pozostaje BEZ ZMIAN.
   Ciagla animacja / pauzy obslugiwane sa przez JavaScript z WAPRO. */
/* 16. KARUZELA MAREK — 20 LOGOTYPOW */
.panel:has(#incorsa-marki-2026), .abs-panel:has(#incorsa-marki-2026) {
  margin:0 0 10px !important;padding:0 !important;border:0 !important;
  box-shadow:none !important;background:transparent !important;
}
.panel:has(#incorsa-marki-2026) > .panel-heading { display:none !important; }
.panel:has(#incorsa-marki-2026) .panel-body,
.panel:has(#incorsa-marki-2026) .preserveFormatting { padding:0 !important;margin:0 !important; }
#incorsa-marki-2026 {
  display:flex !important;align-items:center !important;position:relative;
  width:100%;height:65px !important;margin:0 !important;padding:0 5px !important;
  box-sizing:border-box;overflow:hidden;background:transparent !important;
}
#incorsa-marki-2026 .marki-okno { flex:1;min-width:0;overflow:hidden; }
#incorsa-marki-2026 .marki-lista {
  display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;
  scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;
}
#incorsa-marki-2026 .marki-lista::-webkit-scrollbar { display:none; }
#incorsa-marki-2026 .marki-element {
  flex:0 0 20% !important;min-width:0;height:65px;display:flex !important;
  align-items:center;justify-content:center;padding:5px 10px;box-sizing:border-box;
  scroll-snap-align:start;
}
#incorsa-marki-2026 .marki-element img {
  display:block !important;width:auto !important;height:auto !important;
  max-width:100% !important;max-height:55px !important;object-fit:contain !important;
}
#incorsa-marki-2026 button {
  flex:0 0 25px;border:0;background:transparent !important;
  color:#1c3150;font-size:17px;cursor:pointer;
}
@media(max-width:767px) { #incorsa-marki-2026 .marki-element { flex-basis:50% !important; } }

/* =========================================
   INCORSA - MENU HOVER DESKTOP
   Otwieranie po najechaniu
   Zamykanie po opuszczeniu
   ========================================= */

@media (min-width: 992px) and (hover: hover) {

  /* Zamykanie nieaktywnych podmenu */

  .abs-header-menu-main #mainMenu
  > ul.navbar-nav > li:not(:hover):not(:has(:focus-visible)) > ul,

  .abs-header-menu-main #mainMenu
  > ul.navbar-nav > li:not(#menuCategoryDropdown-0)
  ul li:not(:hover):not(:has(:focus-visible)) > ul {
    display: none !important;
  }

  /* Otwieranie po najechaniu */

  .abs-header-menu-main #mainMenu
  > ul.navbar-nav > li:is(:hover, :has(:focus-visible)) > ul,

  .abs-header-menu-main #mainMenu
  > ul.navbar-nav > li:not(#menuCategoryDropdown-0)
  ul li:is(:hover, :has(:focus-visible)) > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Zamykanie bocznych paneli megamenu */

  .abs-header-menu-main
  #menuCategoryDropdown-0
  ul.abs-mega-menu-container
  > li.abs-mega-menu-links-box
  > ul
  > li.abs-mega-menu-header:not(:hover):not(:has(:focus-visible))
  > .mm-content {
    display: none !important;
  }

}

/* ========================================================================
   18. TRZY POZIOME BANERY: OPTYKA / TLUMIKI / GAZY PIEPRZOWE
   Jeden uklad grid; zachowujemy format obrazow, hover i marginesy.
   ======================================================================== */

#incorsa-three-banners,
#incorsa-three-banners * {
  box-sizing: border-box !important;
}

#incorsa-three-banners {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 12px !important;
  padding: 0 !important;
  clear: both;
}

#incorsa-three-banners > p {
  display: contents !important;
}

#incorsa-three-banners > a {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  text-decoration: none !important;
}

#incorsa-three-banners a {
  display: inline-block !important;
  position: relative !important;
  vertical-align: top !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 3px;
  transform: translateY(0) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}

#incorsa-three-banners img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  object-fit: contain !important;
}

#incorsa-three-banners > a > img {
  float: none !important;
  transform: none !important;
}

#incorsa-three-banners a:hover img {
  filter: brightness(1.07);
}

#incorsa-three-banners a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(100, 165, 235, .45),
              0 6px 18px rgba(10, 38, 82, .28) !important;
  z-index: 2 !important;
}

#incorsa-three-banners a:focus-visible {
  transform: translateY(-2px) !important;
  outline: 2px solid #5796dc !important;
  outline-offset: 2px !important;
}

@media (min-width: 601px) and (max-width: 991px) {
  #incorsa-three-banners {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  #incorsa-three-banners {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* Wstawka 1345: bez naglowka, ramki i wewnetrznego paddingu. */
section[data-panel-id="injection-1345"] > .panel-heading {
  display: none !important;
}
section[data-panel-id="injection-1345"] > .panel-body.abs-html-injection {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
section[data-panel-id="injection-1345"] {
  padding: 0 !important;
  margin: 8px 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
section[data-panel-id="injection-1345"] #incorsa-three-banners {
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
}

/* Dzialajacy odstep: na desktopie -18px, na telefonach 8px. */
section.panel:has(#incorsa-three-banners) {
  margin-top: 8px !important;
}
@media (min-width: 768px) {
  section.panel:has(#incorsa-three-banners) {
    margin-top: -18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #incorsa-three-banners a {
    transition: none !important;
  }
}

/* ========================================================================
   19. ZGODNOSC Z WSTAWKAMI KATEGORII (stare selektory WAPRO)
   Pozostawiono celowo: .incorsa-kafelki-2026, #incorsa-kafelki-2026,
   #incorsa-kafelki-tabela-2026. Nie usuwac bez sprawdzenia kodu HTML.
   ======================================================================== */
/* =========================================
   INCORSA 2026
   NOWE KAFELKI KATEGORII - FINAL
   ========================================= */

/* Uklad czterech kafelkow */
.incorsa-kafelki-2026 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Caly kafelek jest linkiem */
.incorsa-kafelki-2026__tile {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 4px !important;
  background: transparent !important;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
  transition: box-shadow 0.25s ease !important;
}

/* Oryginalne grafiki bez przycinania */
.incorsa-kafelki-2026__tile img {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Efekt po najechaniu */
@media (hover: hover) {
  .incorsa-kafelki-2026__tile:hover {
    box-shadow: 0 5px 14px rgba(12,35,65,0.25) !important;
  }
}

/* Widoczny fokus klawiatury */
.incorsa-kafelki-2026__tile:focus-visible {
  outline: 2px solid #2364a6 !important;
  outline-offset: 3px !important;
}

/* Tablety */
@media (max-width: 900px) {
  .incorsa-kafelki-2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Telefony */
@media (max-width: 600px) {
  .incorsa-kafelki-2026 {
    grid-template-columns: 1fr !important;
  }
}

/* Dostepnosc */
@media (prefers-reduced-motion: reduce) {
  .incorsa-kafelki-2026__tile {
    transition: none !important;
  }
}


/* INCORSA 2026 - UKLAD NOWYCH KAFELKOW */

#incorsa-kafelki-2026 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}

#incorsa-kafelki-2026 > a {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

#incorsa-kafelki-2026 > a > img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Usuniecie naglowka tylko tego modulu */
section.panel:has(#incorsa-kafelki-2026)
> .panel-heading {
  display: none !important;
}

/* Usuniecie ramki modulu */
section.panel:has(#incorsa-kafelki-2026) {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Usuniecie wewnetrznego odstepu */
section.panel:has(#incorsa-kafelki-2026)
> .panel-body {
  padding: 0 !important;
}

/* Tablety */
@media (max-width: 900px) {
  #incorsa-kafelki-2026 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Telefony */
@media (max-width: 480px) {
  #incorsa-kafelki-2026 {
    grid-template-columns: 1fr !important;
  }
}


/* INCORSA - NOWE KAFELKI 2026 */

/* Ukrycie tytulu modulu */
section.panel:has(#incorsa-kafelki-tabela-2026)
> .panel-heading {
  display: none !important;
}

/* Usuniecie obramowania */
section.panel:has(#incorsa-kafelki-tabela-2026) {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Usuniecie odstepow modulu */
section.panel:has(#incorsa-kafelki-tabela-2026)
> .panel-body {
  padding: 0 !important;
}

/* Dwie kolumny na mniejszych ekranach */
@media (max-width: 767px) {

  #incorsa-kafelki-tabela-2026,
  #incorsa-kafelki-tabela-2026 tbody,
  #incorsa-kafelki-tabela-2026 tr {
    display: block !important;
    width: 100% !important;
  }

  #incorsa-kafelki-tabela-2026 tr {
    font-size: 0 !important;
  }

  #incorsa-kafelki-tabela-2026 td {
    display: inline-block !important;
    width: 50% !important;
    box-sizing: border-box !important;
    padding: 4px !important;
    vertical-align: top !important;
  }
}

/* ========================================================================
   20. AKTUALNE KAFELKI W TABELI - odstep i efekty po najechaniu
   Zamiast dwoch blokow hover z nadpisujacymi sie regułami.
   ======================================================================== */

/* Odstep pod banerem glownym: wynikowa wartosc z wersji FINAL V2. */
section.panel:has(#incorsa-kafelki-tabela-2026) {
  margin-top: -20px !important;
}

#incorsa-kafelki-tabela-2026 a {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 4px !important;
  transition: box-shadow .3s ease, transform .3s ease !important;
}

/* Zachowuje pierwotny priorytet selektora bezposrednio w komorce. */
#incorsa-kafelki-tabela-2026 td > a {
  transition: box-shadow .3s ease !important;
}

#incorsa-kafelki-tabela-2026 a img {
  display: block !important;
  transition: filter .3s ease !important;
}

#incorsa-kafelki-tabela-2026 td:hover a,
#incorsa-kafelki-tabela-2026 a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(100, 165, 235, .65),
              0 6px 18px rgba(10, 38, 82, .28) !important;
}

#incorsa-kafelki-tabela-2026 td:hover img,
#incorsa-kafelki-tabela-2026 a:hover img {
  filter: brightness(1.16) saturate(1.08) !important;
}

/* Ten bardziej precyzyjny selektor dzialal juz w oryginalnym CSS. */
#incorsa-kafelki-tabela-2026 td > a:hover img {
  filter: brightness(1.16) contrast(1.03) saturate(1.05) !important;
}

#incorsa-kafelki-tabela-2026 a:focus-visible {
  outline: 2px solid #5796dc !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  #incorsa-kafelki-tabela-2026 a,
  #incorsa-kafelki-tabela-2026 a img {
    transition: none !important;
  }
}

/* ========================================================================
   INCORSA 2026 - KARTY PRODUKTOW WAPRO, WARIANT A V4
   Selektory potwierdzone w DevTools 30.10.2026:
     .slideshow-p-main-panel-content
     .carousel-fx-wrapper[data-type="p"]
     .slick-slide -> .abs-layout-product-gallery
   Tylko wyglad; bez zmian wysokosci, szerokosci, slidera i koszyka.
   ======================================================================== */

/* Karta: delikatny kontur i subtelna glebia. Bez zmiany wymiarow. */
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery {
  background-color: #ffffff !important;
  border-radius: 4px !important;
  outline: 1px solid #e1e7f0 !important;
  outline-offset: -1px !important;
  box-shadow: 0 2px 7px rgba(25, 49, 82, .07) !important;
  transition: outline-color .25s ease, box-shadow .25s ease !important;
}

/* Hover: to karta zyskuje efekt, a nie caly modul slidera. */
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery:hover,
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery:focus-within {
  outline-color: #83a4cb !important;
  box-shadow: 0 4px 15px rgba(24, 55, 92, .17) !important;
}

/* Nazwa produktu: granat, wyrazniejsza typografia. */
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-product-name,
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-product-name a {
  color: #203454 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Cena: zachowujemy wartosci i opis VAT. Stylujemy liczbe ceny. */
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-item-price-box strong,
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-price-details strong,
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-price-details .price-value,
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-col-price strong {
  color: #172e4d !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Fotografie bez powiekszania i bez kadrowania. */
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-col-img img {
  max-width: 100% !important;
  object-fit: contain !important;
}

/* Male zaokraglenie sterowania iloscia, bez zmiany funkcji. */
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .touch-qnt .btn {
  border-radius: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  .slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
  .slick-slide .abs-layout-product-gallery {
    transition: none !important;
  }
}

/* =====================================================================
   INCORSA - TEST V5 / KARTY PRODUKTOW WAPRO
   Dodaj NA KONCU obecnego CSS V4. Sprawdz najpierw w podgladzie.
   Zakres: slajdy produktow (PROMOCJA, BESTSELLER, NOWOSCI).
   Nie zmienia szerokosci slajdow, zdjec, cen ani dzialania koszyka.
   ===================================================================== */

/* Bardziej czytelna cena - klasa potwierdzona w DevTools. */
.slideshow-p-main-panel-content .abs-layout-product-gallery .abs-item-price-amount {
  color: #203454 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Zblizenie informacji zakupowych do nazwy produktu.
   Tylko dla szerszych ekranow, aby nie ingerowac w uklad mobilny. */
@media (min-width: 992px) {
  .slideshow-p-main-panel-content .abs-layout-product-gallery {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  .slideshow-p-main-panel-content .abs-layout-product-gallery > .abs-col-img-name {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .slideshow-p-main-panel-content .abs-layout-product-gallery > .abs-col-info {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 12px !important;
  }
}
/* =====================================================================
   INCORSA 2026 - V6 / KARTY PRODUKTOW - DELIKATNE DOPRACOWANIE
   DOPISZ NA KONCU obecnego, dzialajacego CSS V5.
   Dotyczy tylko slajdow produktowych WAPRO, nie zmienia funkcji koszyka,
   liczby produktow, wysokosci slajdow, zdjec ani logiki promocji.
   ===================================================================== */

/* 1. Granatowy przycisk PLUS w wyborze ilosci (minus pozostaje bez zmian). */
.slideshow-p-main-panel-content
.carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery
.touch-qnt .input-group > .input-group-btn:last-child > button:not(:disabled) {
  color: #ffffff !important;
  background-color: #203454 !important;
  border-color: #203454 !important;
  transition: background-color .2s ease, border-color .2s ease !important;
}

.slideshow-p-main-panel-content
.carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery
.touch-qnt .input-group > .input-group-btn:last-child > button:not(:disabled):hover,
.slideshow-p-main-panel-content
.carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery
.touch-qnt .input-group > .input-group-btn:last-child > button:not(:disabled):focus-visible {
  background-color: #305781 !important;
  border-color: #305781 !important;
}

/* 2. Ograniczenie nadmiernego dolnego odstepu w karcie.
   Nie narzucamy stalej wysokosci, aby zmiescic dlugie nazwy i statusy. */
@media (min-width: 992px) {
  .slideshow-p-main-panel-content
  .carousel-fx-wrapper[data-type="p"]
  .slick-slide .abs-layout-product-gallery {
    padding-bottom: 8px !important;
  }
}

/* Bez zbednych animacji dla osob z ograniczeniem ruchu. */
@media (prefers-reduced-motion: reduce) {
  .slideshow-p-main-panel-content
  .carousel-fx-wrapper[data-type="p"]
  .slick-slide .abs-layout-product-gallery
  .touch-qnt .input-group > .input-group-btn:last-child > button {
    transition: none !important;
  }
}

/* ========================================================================
   21. INCORSA / V8 - JEDEN NATYWNY NIEBIESKI PRZYCISK "DO KOSZYKA"
   Dotyczy wylacznie karuzel produktowych WAPRO (np. PROMOCJA, BESTSELLER).
   Po zdjeciu blokady na stronie glownej WAPRO generuje dzialajacy .cart-btn.
   Bez dodatkowego JS i bez ingerencji w wyliczanie ilosci przez WAPRO.

   ZABEZPIECZENIE: ukryj wybor ilosci tylko w kafelku, w ktorym rzeczywiscie
   istnieje natywny button.cart-btn. Jesli go nie ma, licznik pozostanie.
   UWAGA: ukrycie licznika NIE ustawia ilosci na 1. Przycisk ma obslugiwac
   wartosc domyslna produktu (np. 1, 50, 100) ustawiona przez WAPRO.
   Sprawdz to w testowym koszyku przed publikacja.
   ======================================================================== */

.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery
.cart-widget:has(.purchase-buttons button.cart-btn) .touch-qnt {
  display: none !important;
}

/* Rozszerzamy wylacznie obszar z ISTNIEJACYM przyciskiem zakupowym. */
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery
.cart-widget:has(.purchase-buttons button.cart-btn) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 10px !important;
  margin-top: 10px !important;
}

.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery
.cart-widget:has(.purchase-buttons button.cart-btn) .purchase-buttons {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
  /* Nie ustawiamy display: tu; respektujemy blokady zakupow WAPRO/CSS. */
}

/* Stylujemy przycisk WAPRO, nie tworzymy jego imitacji. */
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery .purchase-buttons button.cart-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 39px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  box-sizing: border-box !important;
  border: 1px solid #2456a6 !important;
  border-radius: 4px !important;
  background: #2456a6 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-shadow: none !important;
  box-shadow: 0 2px 5px rgba(23, 51, 92, .16) !important;
  transition: background-color .2s ease, border-color .2s ease,
              box-shadow .2s ease !important;
}

.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery .purchase-buttons button.cart-btn:hover,
.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery .purchase-buttons button.cart-btn:focus {
  background: #1c457f !important;
  border-color: #1c457f !important;
  color: #ffffff !important;
  box-shadow: 0 4px 9px rgba(23, 51, 92, .22) !important;
}

.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery .purchase-buttons button.cart-btn:focus-visible {
  outline: 2px solid #88b8ec !important;
  outline-offset: 2px !important;
}

.slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
.slick-slide .abs-layout-product-gallery .purchase-buttons button.cart-btn:disabled {
  background: #8a98a9 !important;
  border-color: #8a98a9 !important;
  color: #fff !important;
  cursor: not-allowed !important;
}

@media (prefers-reduced-motion: reduce) {
  .slideshow-p-main-panel-content .carousel-fx-wrapper[data-type="p"]
  .slick-slide .abs-layout-product-gallery .purchase-buttons button.cart-btn {
    transition: none !important;
  }
}

/* ========================================================================
   INCORSA 2026 / V10 - WYROWNANIE PRZYCISKOW W KARUZELACH (DESKTOP)

   Na podstawie dzialajacego V9 i struktury potwierdzonej w DevTools:
     .slideshow-p-main-panel-content[data-panel-id] - panele karuzel
     PROMOCJA, BESTSELLERY i NOWOSCI (bez twardego identyfikatora)
     .carousel-fx-wrapper[data-type="p"] - natywna karuzela produktow
     .abs-layout-product-gallery - karta produktu
     .abs-col-img-name / .abs-col-info - sekcje karty
     .abs-purchase-details - status, cena, przycisk
     .purchase-buttons button.cart-btn - NATYWNE dodawanie do koszyka

   CEL: jedna linia przyciskow, rowne odstepy, bez zmiany zdjec i danych.
   BEZ JS. NIE zmieniamy ilosci produktu ani logiki dodawania do koszyka.
   Wyrownanie obejmuje wszystkie desktopowe karuzele produktow WAPRO,
   zeby komunikat o realizacji 24h nie przesuwal przycisku w BESTSELLERACH.
   Zakres tylko [data-type="p"] + natywny przycisk WAPRO.
   Identyfikatory paneli moga zmieniac sie bez psucia stylowania.
   ======================================================================== */

@media (min-width: 992px) {
  /* Slick nadal odpowiada za przewijanie i szerokosc slajdow.
     Flex sluzy tutaj WYŁĄCZNIE wyrownaniu ich wysokosci. */
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-track {
    display: flex !important;
    align-items: stretch !important;
  }

  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide {
    float: none !important;
    flex-shrink: 0 !important;
    height: auto !important;
  }

  /* WAPRO umieszcza zawartosc karty kilka poziomow pod .slick-slide. */
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide > div,
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide .sli-box {
    height: 100% !important;
  }

  /* Kazda karta ma taka sama dostepna wysokosc.
     Nie narzucamy liczby pikseli i nie przycinamy nazw. */
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide
  .abs-layout-product-gallery:has(.purchase-buttons button.cart-btn) {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding-bottom: 14px !important;
  }

  /* Czesc ze zdjeciem i nazwa: zachowujemy oryginalny rozmiar zdjec. */
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide
  .abs-layout-product-gallery:has(.purchase-buttons button.cart-btn)
  > .abs-col-img-name {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Dolna czesc karty wypelnia pozostale miejsce. */
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide
  .abs-layout-product-gallery:has(.purchase-buttons button.cart-btn)
  > .abs-col-info {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin-top: 8px !important;
  }

  /* Status i cena zachowuja wlasna tresc, a przycisk trafia na dol. */
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide
  .abs-layout-product-gallery:has(.purchase-buttons button.cart-btn)
  .abs-purchase-details {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  /* Odstep status -> cena, bez ukrywania dlugich komunikatow. */
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide
  .abs-layout-product-gallery:has(.purchase-buttons button.cart-btn)
  .abs-availability {
    margin-bottom: 5px !important;
  }

  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide
  .abs-layout-product-gallery:has(.purchase-buttons button.cart-btn)
  .abs-item-price-box {
    margin-bottom: 7px !important;
  }

  /* AUTO jest kluczowe: wszystkie natywne przyciski na jednakowej linii,
     nawet gdy producent dopisze dodatkowy wiersz o dostepnosci. */
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide
  .abs-layout-product-gallery
  .cart-widget:has(.purchase-buttons button.cart-btn) {
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }
}

/* Jeden spójny niebieski przycisk V8. Natywne dzialanie WAPRO zostaje. */
.slideshow-p-main-panel-content[data-panel-id]
.carousel-fx-wrapper[data-type="p"] .slick-slide
.abs-layout-product-gallery .purchase-buttons button.cart-btn {
  min-height: 40px !important;
  border-radius: 4px !important;
  font-weight: 650 !important;
}

/* Subtelny hover bez przesuwania slajdow i bez zmiany rozmiarow. */
.slideshow-p-main-panel-content[data-panel-id]
.carousel-fx-wrapper[data-type="p"] .slick-slide
.abs-layout-product-gallery:hover {
  box-shadow: 0 5px 16px rgba(22, 53, 91, .16) !important;
}

@media (prefers-reduced-motion: reduce) {
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide
  .abs-layout-product-gallery,
  .slideshow-p-main-panel-content[data-panel-id]
  .carousel-fx-wrapper[data-type="p"] .slick-slide
  .purchase-buttons button.cart-btn {
    transition: none !important;
  }
}