/* INCORSA 2026 | KAFELKI V5 + UKRYCIE TYTULU WSTAWKI | PELNY CSS | 29.10.2026 */
/* INCORSA / WAPRO — PELNY CSS 2026 / MENU + MEGAMENU
   Zastepuje CALY dotychczasowy CSS w WAPRO.
   Utrzymuje szerokosc sklepu, menu w jednym rzedzie i istniejace wstawki.
   Zachowuje ograniczenia zakupowe i wyjatki produktowe.
   Bez osadzonych ikon Base64/SVG.
*/

/* =========================
   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;
}

/* Na stronie głównej przyciski zakupu pozostają ukryte */
[data-controller='index'] .purchase-buttons {
    display: none;
}

/* =========================
   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;
  }
  .abs-header-menu-main #mainMenu > ul.navbar-nav > li:not(.hidden) {
    display: block !important;
    flex: 0 0 auto !important;
    float: none !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !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. INCORSA - KAFELKI V5 / JEDEN LINK = JEDEN KAFELEK
   Replaces the old tile section: no stacking overrides.
   Image on top, 68px navy caption below, 4 cards per row.
   ============================================================= */
.incorsa-info {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 11px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
/* In case WAPRO wraps anchors in paragraphs */
.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: 1 / 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #203654 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(11, 27, 51, .13) !important;
  cursor: pointer !important;
  isolation: isolate !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.incorsa-info a.incorsa-info__tile:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 7px 16px rgba(11, 27, 51, .20) !important;
}
.incorsa-info a.incorsa-info__tile:focus-visible {
  outline: 3px solid #6cabe8 !important;
  outline-offset: 2px !important;
}
/* The image is a direct child of the link, never a separate grid cell */
.incorsa-info a.incorsa-info__tile img.incorsa-info__image {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: auto !important;
  right: auto !important;
  width: 100% !important;
  height: calc(100% - 68px) !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 0 !important;
  transition: transform .18s ease !important;
}
.incorsa-info a.incorsa-info__tile:hover img.incorsa-info__image {
  transform: scale(1.025) !important;
}
/* Navy background of the caption - no extra DOM wrappers needed */
.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: 68px !important;
  background: #203654 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
.incorsa-info a.incorsa-info__tile strong.incorsa-info__title {
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  right: 31px !important;
  bottom: 37px !important;
  z-index: 2 !important;
  color: #ffffff !important;
  font: 700 13px/1.12 Arial, Helvetica, sans-serif !important;
  text-align: left !important;
  white-space: normal !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.incorsa-info a.incorsa-info__tile small.incorsa-info__description {
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  right: 30px !important;
  bottom: 8px !important;
  z-index: 2 !important;
  color: #edf3fb !important;
  font: 400 10px/1.18 Arial, Helvetica, sans-serif !important;
  text-align: left !important;
  white-space: normal !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.incorsa-info a.incorsa-info__tile::after {
  content: '\2192' !important;
  display: block !important;
  position: absolute !important;
  right: 9px !important;
  bottom: 23px !important;
  z-index: 2 !important;
  color: #ffffff !important;
  font: 400 20px/1 Arial, Helvetica, sans-serif !important;
  pointer-events: none !important;
}
/* Hide only the WAPRO panel header containing these tiles */
.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;
}
/* Remove only the tiles module's surrounding border/white padding */
.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; }
  .incorsa-info a.incorsa-info__tile { aspect-ratio: 1.5 / 1 !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 — 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 2026 — KAFELKI V6
   Lżejszy prostokąt, brak ucinania zdjęć, lepszy tekst
   WKLEJ NA SAM KONIEC CSS
   ============================================================= */

/* ukrycie nagłówka panelu tylko dla tej 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;
}

/* usunięcie zbędnych ramek / paddingów wokół modułu */
.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;
}

/* główny grid */
.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;
}

/* jeśli WAPRO opakuje linki w <p> */
.incorsa-info > p {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* pojedynczy kafelek */
.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;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  aspect-ratio: 1.22 / 1 !important;   /* lekki prostokąt */
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #203654 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 7px rgba(11, 27, 51, .16) !important;
  box-sizing: border-box !important;
  cursor: pointer !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;
}

/* zdjęcie — bez ucinania */
.incorsa-info a.incorsa-info__tile img.incorsa-info__image {
  display: block !important;
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  width: calc(100% - 16px) !important;
  height: calc(100% - 74px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;      /* kluczowa zmiana */
  object-position: center center !important;
  background: transparent !important;
  z-index: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* dolny pasek tekstowy */
.incorsa-info a.incorsa-info__tile::before {
  content: '' !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;
}

/* tytuł */
.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: #ffffff !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;
}

/* opis */
.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;
}

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

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

/* mobile */
@media (max-width: 540px) {
  .incorsa-info {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .incorsa-info a.incorsa-info__tile {
    aspect-ratio: 1.45 / 1 !important;
  }

  .incorsa-info a.incorsa-info__tile img.incorsa-info__image {
    height: calc(100% - 70px) !important;
  }
}

/* bez animacji dla użytkowników z reduced motion */
@media (prefers-reduced-motion: reduce) {
  .incorsa-info a.incorsa-info__tile {
    transition: none !important;
  }
}



/* ==========================================
   INCORSA V8 - ZDJECIA BEZ PRZYCINANIA
   ========================================== */

/* Kafelek dopasowuje wysokosc do zdjecia */
.incorsa-info a.incorsa-info__tile,
.incorsa-info a.incorsa-info__tile:link,
.incorsa-info a.incorsa-info__tile:visited {
    display: block !important;
    position: relative !important;

    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;

    padding: 0 0 58px 0 !important;
    overflow: hidden !important;
}

/* Zdjecie w naturalnych proporcjach */
.incorsa-info a.incorsa-info__tile img.incorsa-info__image {
    display: block !important;

    position: static !important;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: none !important;
    min-height: 0 !important;

    aspect-ratio: auto !important;
    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 0 !important;

    transform: none !important;
}

/* Bez powiekszania po najechaniu */
.incorsa-info a.incorsa-info__tile:hover img.incorsa-info__image {
    transform: none !important;
}

/* Dolny pasek pozostaje bez zmian */
.incorsa-info a.incorsa-info__tile::before {
    height: 58px !important;
}