/* Pasek ogłoszeniowy u góry – ulepszona wersja */
body {
  --annbar-h: 48px; /* większa wysokość */
}

body::before {
  content: "DARMOWA DOSTAWA KURIEREM OD 199 ZŁ";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;

  height: var(--annbar-h);
  display: flex;
  align-items: center;
  justify-content: center;

  font-weight: 900;
  font-size: clamp(14px, 2.5vw, 18px);

  background: #597bc0; /* przyjemna czerwień */
  color: #fff;

  letter-spacing: 0.3px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

/* odsunięcie strony w dół */
html {
  scroll-padding-top: var(--annbar-h);
}

body {
  margin-top: var(--annbar-h);
}

/* Mobile – jeszcze większy i czytelniejszy */
@media (max-width: 480px) {
  body {
    --annbar-h: 56px; /* wyższy pasek */
  }

  body::before {

    font-size: 14px;
    padding: 0 12px;
    text-align: center;
    line-height: 1.2;
    white-space: normal; /* pozwala zawijać tekst */
  }
}

/* ==== Scood: siatka logotypów + badge'e (FINAL) ==== */

/* 1) Kompaktowy blok (ramka sekcji) */
.brand-grid{
  --pad: clamp(10px, 1.6vw, 16px);
  --logo-box-w: clamp(140px, 22vw, 200px);  /* szerokość kafelka logo */
  --logo-box-h: clamp(52px, 6vw, 64px);     /* wysokość kafelka logo */
  --logo-h: clamp(22px, 4.2vw, 36px);       /* maks. wysokość samego logo */
  margin: 18px 0 10px;
  padding: 10px var(--pad) 14px;
  background:#fafafa;
  border-radius:14px;
}

/* Nagłówek sekcji */
.brand-grid__head{ text-align:center; margin-bottom:10px; }
.brand-grid__kicker{
  margin:0; font-size:13px; letter-spacing:.04em;
  text-transform:uppercase; color:#666;
}
.brand-grid__title{
  margin:2px 0 0; font-size:clamp(18px,2.2vw,24px);
  font-weight:700; color:#111;
}

/* 2) Siatka logotypów – responsywna i wyśrodkowana */
.brand-grid__list{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: clamp(14px, 2.6vw, 22px);
  list-style:none;
  margin: 12px auto 0;
  padding:0;
  justify-items:center;     /* środek w kolumnach */
  align-items:center;
  max-width:1200px;         /* niech sekcja nie „pływa” zbyt szeroko */
}

/* 3) Jednolite kafelki dla logo */
.brand-grid__list li{
  width: var(--logo-box-w);
  height: var(--logo-box-h);
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  padding:8px;
  box-sizing:border-box;
}

/* 4) Logo – pełne kolory, subtelny hover (desktop) */
.brand-grid__list img{
  max-height: var(--logo-h);
  max-width:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:none;     /* pełne kolory */
  opacity:1;       /* bez przygaszenia */
  transition: transform .2s ease;
}

.brand-grid__list img:hover{
  transform: translateY(-1px) scale(1.03);
}

/* 5) Badge’e – zawsze idealnie wyśrodkowane i responsywne */
.trust-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;                /* odstęp poziomy/poziomy */
  justify-content:center;      /* wyśrodkowanie poziome */
  align-items:center;          /* wyrównanie pionowe */
  margin: 12px auto 0;
  padding: 0 var(--pad);
  max-width: 100%;
  text-align: center;          /* gdy badge łamie się do kilku linii */
}

.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12.5px;
  font-weight:600;
  color:#222;
  background:#fff;
  border:1px solid #eee;
  white-space:nowrap;
}

/* 6) RWD – przejścia kolumn */
@media (max-width: 900px){
  .brand-grid__list{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .brand-grid__list{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .brand-grid{ border-radius:12px; }
}

/* 7) Wyśrodkowanie kontenerów awaryjnie (gdy nadrzędny ma inne style) */
.brand-grid,
.brand-grid__list{
  margin-left:auto;
  margin-right:auto;
}

/* 8) Preferencje systemowe – mniej animacji dla osób z ograniczeniem ruchu */
@media (prefers-reduced-motion: reduce){
  .brand-grid__list img{ transition: none; }
  .brand-grid__list img:hover{ transform: none; }
}
.abs-label {
    border-radius: 4px !important;
    padding: 3px 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px;
}
.abs-label {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.18) !important;
}
section[data-panel-id="injection-1001"] .panel-heading h2 {
  display: none !important;
}
/* Zmiana nazwy sekcji HIT CENOWY na LETNIE HITY CENOWE */
.panel[data-panel-id="panel-1"] .panel-heading h2 {
    font-size: 0 !important;
}

.panel[data-panel-id="panel-1"] .panel-heading h2::after {
    content: "LETNIE HITY CENOWE";
    font-size: 28px;
    font-weight: 700;
    color: inherit;
}
/* ==================================================
   SCOOD - KARTA PRODUKTU - POPRAWKI NOWEGO SCHEMATU
   ================================================== */

/* 1. Tytuł produktu - jeden kolor na desktopie i mobile */
.abs-product-page-header .abs-product-name {
  color: #153555 !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
}

/* 2. Aktualna cena - najważniejszy element cenowy */
.abs-product-page-header
.abs-product-header-price
.abs-item-price-final
.abs-item-price-amount {
  color: #202020 !important;
  font-weight: 750 !important;
}

/* Jednostka "/ szt." mniej dominująca */
.abs-product-page-header
.abs-product-header-price
.abs-price-unit {
  color: #667085 !important;
  font-weight: 400 !important;
}

/* 4. Najniższa cena z 30 dni - widoczna, ale drugoplanowa */
.abs-product-page-header .omnibus-price {
  background: #fafafa !important;
  border: 1px solid #eceff2 !important;
  box-shadow: none !important;
  color: #737b86 !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;

  padding: 6px 8px !important;
  margin-top: 8px !important;
}

/* Kwota w informacji o najniższej cenie */
.abs-product-page-header .omnibus-price strong,
.abs-product-page-header .omnibus-price b {
  color: #667085 !important;
  font-weight: 600 !important;
}

/* Linki i dodatkowe elementy wewnątrz bloku */
.abs-product-page-header .omnibus-price a,
.abs-product-page-header .omnibus-price span {
  color: inherit;
}

/* 5. Dopracowanie wersji mobilnej */
@media (max-width: 767px) {
  .abs-product-page-header .abs-product-name {
    color: #153555 !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
  }

  .abs-product-page-header
  .abs-product-header-price
  .abs-item-price-final
  .abs-item-price-amount {
    font-size: 30px !important;
    line-height: 1.05 !important;
  }

  .abs-product-page-header .omnibus-price {
    font-size: 11.5px !important;
    line-height: 1.25 !important;
    padding: 6px 7px !important;
    margin-top: 7px !important;
  }
}
/* ==================================================
   SCOOD - GŁÓWNE MENU
   Białe tło, granatowa nawigacja, promocje wyróżnione
   ================================================== */

/* Główne tło menu */
#mainMenu,
#mainMenu > ul.navbar-nav {
  background-color: #ffffff !important;
}

/* Zwykłe pozycje głównego menu */
#mainMenu > ul.navbar-nav > li > a {
  color: #153555 !important;
  background-color: #ffffff !important;
  font-weight: 600 !important;
  transition:
    color 0.18s ease,
    background-color 0.18s ease;
}

/* Ikony dziedziczą kolor tekstu */
#mainMenu > ul.navbar-nav > li > a i,
#mainMenu > ul.navbar-nav > li > a svg,
#mainMenu > ul.navbar-nav > li > a::before {
  color: inherit !important;
  fill: currentColor !important;
}

/* Hover i aktywna pozycja - lekko, bez ciężkiego tła */
#mainMenu > ul.navbar-nav > li > a:hover,
#mainMenu > ul.navbar-nav > li > a:focus,
#mainMenu > ul.navbar-nav > li.active > a,
#mainMenu > ul.navbar-nav > li.open > a {
  color: #07945f !important;
  background-color: #f7faf9 !important;
}

/* Pozycje promocyjne, np. HIT CENOWY / wyprzedaż */
#mainMenu > ul.navbar-nav > li[data-link="label"] > a,
#mainMenu > ul.navbar-nav > li[id^="offerLabelPage-"] > a {
  color: #e84d2a !important;
  font-weight: 700 !important;
}

/* Hover promocji */
#mainMenu > ul.navbar-nav > li[data-link="label"] > a:hover,
#mainMenu > ul.navbar-nav > li[data-link="label"] > a:focus,
#mainMenu > ul.navbar-nav > li[id^="offerLabelPage-"] > a:hover,
#mainMenu > ul.navbar-nav > li[id^="offerLabelPage-"] > a:focus {
  color: #c93d20 !important;
  background-color: #fff7f4 !important;
}

/* Mobile */
@media (max-width: 767px) {

  #mainMenu {
    background-color: #ffffff !important;
  }

  /* Każdy wiersz menu */
  #mainMenu > ul.navbar-nav > li {
    background-color: #ffffff !important;
    border-bottom: 1px solid #edf0f3 !important;
  }

  /* Linki mobilne */
  #mainMenu > ul.navbar-nav > li > a {
    color: #153555 !important;
    background-color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  /* Zielony tylko podczas wyboru / aktywności */
  #mainMenu > ul.navbar-nav > li > a:hover,
  #mainMenu > ul.navbar-nav > li > a:focus,
  #mainMenu > ul.navbar-nav > li.active > a,
  #mainMenu > ul.navbar-nav > li.open > a {
    color: #07945f !important;
    background-color: #f7faf9 !important;
  }

  /* Promocja pozostaje ciepłym akcentem */
  #mainMenu > ul.navbar-nav > li[data-link="label"] > a,
  #mainMenu > ul.navbar-nav > li[id^="offerLabelPage-"] > a {
    color: #e84d2a !important;
    background-color: #ffffff !important;
    font-weight: 700 !important;
  }

  #mainMenu > ul.navbar-nav > li[data-link="label"] > a:hover,
  #mainMenu > ul.navbar-nav > li[data-link="label"] > a:focus,
  #mainMenu > ul.navbar-nav > li[id^="offerLabelPage-"] > a:hover,
  #mainMenu > ul.navbar-nav > li[id^="offerLabelPage-"] > a:focus {
    color: #c93d20 !important;
    background-color: #fff7f4 !important;
  }
}
/* ==================================================
   SCOOD - STRONA GŁÓWNA: CZYSTE MENU I BANER
   ================================================== */

/* 1. Usunięcie zielonych pól po bokach głównego menu */
#header::before,
#header::after,
#header .abs-header-menu-main::before,
#header .abs-header-menu-main::after {
  display: none !important;
  content: none !important;
}

/* Białe tło na całej szerokości obszaru menu */
#header,
#header .abs-header-menu-main,
#header .abs-navbar-root {
  background-color: #ffffff !important;
}

/*
  2. Ukrycie tytułu i breadcrumbs TYLKO na stronie głównej.
  Warunek: breadcrumb zawiera wyłącznie jeden link prowadzący do "/".
*/
.abs-layout-breadcrumbs:has(
  #global-breadcrumb .breadcrumb > li:only-child > a[href="/"]
) {
  display: none !important;
}

/* Awaryjnie - ukrycie samego kontenera breadcrumbs na stronie głównej */
#global-breadcrumb:has(
  .breadcrumb > li:only-child > a[href="/"]
) {
  display: none !important;
}

/* Usunięcie ewentualnego pustego odstępu po breadcrumbs */
.abs-content:has(
  #global-breadcrumb .breadcrumb > li:only-child > a[href="/"]
) .abs-layout-columns-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ==================================================
   SCOOD - KOLOR PROMOCJI
   ================================================== */

/* Plakietka rabatu, np. -20% */
.abs-item-price-discount {
  background-color: #e84d2a !important;
  border-color: #e84d2a !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}
/* ==================================================
   SCOOD - KOMUNIKAT O OSZCZĘDNOŚCI W KOSZYKU
   ================================================== */

.abs-money-saved {
  background-color: #eff9f1 !important;
  border: 1px solid #c9e8d1 !important;
  color: #185f39 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  text-align: center !important;
}

.abs-money-saved span,
.abs-money-saved strong,
.abs-money-saved b {
  color: #08763e !important;
  font-weight: 800 !important;
}

@media (max-width: 767px) {
  .abs-money-saved {
    font-size: 13px !important;
    padding: 11px 12px !important;
  }
}

/* ==================================================
   SCOOD - STARA CENA I PLAKIETKA RABATU
   ================================================== */

/* Stara przekreślona cena - neutralna na karcie produktu i listingach */
span.abs-item-price.abs-item-price-base
> span.abs-item-price-amount {
color: #4b5563 !important;
-webkit-text-fill-color: #4b5563 !important;
text-decoration-color: #4b5563 !important;
}
/* Kolor samego przekreślenia */
span.abs-item-price.abs-item-price-base {
  text-decoration-color: #6b7280 !important;
}

/* Plakietka rabatu pozostaje promocyjna */
span.abs-item-price.abs-item-price-base
> span.abs-item-price-discount {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #e84d2a !important;
  border-color: #e84d2a !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}

/* ==================================================
   SCOOD - FINALNE UJEDNOLICENIE KOLORÓW 2.0
   Granat: nawigacja, ikony, tytuły
   Zieleń szablonu: CTA, dostępność, sukces
   Pomarańczowo-czerwony: promocje
   Grafit: ceny i treść
   ================================================== */

:root {
  --scood-navy: #153555;
  --scood-navy-dark: #102b46;
  --scood-accent: #e84d2a;
  --scood-accent-dark: #c93d20;
  --scood-text: #202020;
  --scood-muted: #667085;
  --scood-old-price: #4b5563;
  --scood-soft-bg: #f6f8fa;
}

/* Pasek darmowej dostawy - bardziej harmonijny z marką */
body::before {
  background: var(--scood-navy) !important;
  box-shadow: 0 2px 5px rgba(21, 53, 85, 0.20) !important;
  font-weight: 800 !important;
}

/* Menu główne - bez zielonych hoverów */
#mainMenu > ul.navbar-nav > li > a:hover,
#mainMenu > ul.navbar-nav > li > a:focus,
#mainMenu > ul.navbar-nav > li.active > a,
#mainMenu > ul.navbar-nav > li.open > a {
  color: var(--scood-navy-dark) !important;
  background-color: var(--scood-soft-bg) !important;
}

/* Promocje w menu pozostają ciepłym akcentem */
#mainMenu > ul.navbar-nav > li[data-link="label"] > a,
#mainMenu > ul.navbar-nav > li[id^="offerLabelPage-"] > a {
  color: var(--scood-accent) !important;
}

/* Aktualna cena - grafitowa na karcie produktu, stronie głównej i listingach */
span.abs-item-price.abs-item-price-final > span.abs-item-price-amount {
  color: var(--scood-text) !important;
  -webkit-text-fill-color: var(--scood-text) !important;
  font-weight: 700 !important;
}

/* Jednostka / szt. */
.abs-price-unit {
  color: var(--scood-muted) !important;
  font-weight: 400 !important;
}

/* Stara cena - neutralny grafit */
span.abs-item-price.abs-item-price-base > span.abs-item-price-amount {
  color: var(--scood-old-price) !important;
  -webkit-text-fill-color: var(--scood-old-price) !important;
  font-weight: 500 !important;
  text-decoration-color: var(--scood-old-price) !important;
}

span.abs-item-price.abs-item-price-base {
  text-decoration-color: var(--scood-old-price) !important;
}

/* Rabat - jeden ciepły kolor promocyjny */
.abs-item-price-discount,
span.abs-item-price.abs-item-price-base > span.abs-item-price-discount {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: var(--scood-accent) !important;
  border-color: var(--scood-accent) !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}

/* Tytuł produktu */
.abs-product-page-header .abs-product-name {
  color: var(--scood-navy) !important;
}

/* Do przechowalni i Porównaj - granat zamiast zieleni */
.abs-product-page-header .abs-product-header-actions,
.abs-product-page-header .abs-product-header-actions a,
.abs-product-page-header .abs-product-header-actions button,
.abs-product-page-header .abs-extra-btns,
.abs-product-page-header .abs-extra-btns a,
.abs-product-page-header .abs-extra-btns button {
  color: var(--scood-navy) !important;
}

/* Ikony nawigacyjne w headerze - granat. Koszyk i CTA pozostają w kolorze szablonu. */
#header [class*="icon-search"],
#header [class*="icon-user"],
#header [class*="icon-account"],
#header [class*="icon-heart"],
#header [class*="icon-wish"],
#header [class*="icon-compare"],
#header [class*="search"] > i,
#header [class*="account"] > i,
#header [class*="wishlist"] > i,
#header [class*="compare"] > i {
  color: var(--scood-navy) !important;
  fill: currentColor !important;
}

/* Przycisk przewijania do góry */
.page-top-button.abs-scroll-top,
.abs-scroll-top {
  color: var(--scood-navy) !important;
  border-color: var(--scood-navy) !important;
}

/* Dolne menu mobilne - granat zamiast zieleni */
@media (max-width: 767px) {
  .abs-mobile-bottom-menu,
  .abs-mobile-bottom-menu a,
  .abs-mobile-menu-bottom,
  .abs-mobile-menu-bottom a,
  .mobile-bottom-menu,
  .mobile-bottom-menu a,
  .abs-bottom-menu,
  .abs-bottom-menu a {
    color: var(--scood-navy) !important;
  }

  .abs-mobile-bottom-menu .active,
  .abs-mobile-menu-bottom .active,
  .mobile-bottom-menu .active,
  .abs-bottom-menu .active {
    color: var(--scood-navy-dark) !important;
  }

  /* Hity/promocje w dolnym menu mogą pozostać akcentem */
  .abs-mobile-bottom-menu [href*="wyprzedaz"],
  .abs-mobile-bottom-menu [href*="hit"],
  .abs-mobile-menu-bottom [href*="wyprzedaz"],
  .abs-mobile-menu-bottom [href*="hit"],
  .mobile-bottom-menu [href*="wyprzedaz"],
  .mobile-bottom-menu [href*="hit"] {
    color: var(--scood-accent) !important;
  }
}
/* ==================================================
   SCOOD - OSTATNIE POPRAWKI MOBILE I CTA
   ================================================== */

/* 1. Serce / ulubione w nagłówku - granat */
#header a[href*="wishlist"],
#header a[href*="favorite"],
#header a[href*="przechowal"],
#header [class*="wishlist"],
#header [class*="favorite"],
#header [class*="heart"] {
  color: var(--scood-navy) !important;
}

/* Ikony i pseudoelementy wewnątrz serca */
#header a[href*="wishlist"] i,
#header a[href*="wishlist"] span,
#header a[href*="favorite"] i,
#header a[href*="favorite"] span,
#header a[href*="przechowal"] i,
#header a[href*="przechowal"] span,
#header [class*="wishlist"] i,
#header [class*="wishlist"] span,
#header [class*="favorite"] i,
#header [class*="favorite"] span,
#header [class*="heart"] i,
#header [class*="heart"] span {
  color: inherit !important;
}

/* 2. Większy napis na przycisku Do koszyka */
.abs-product-page-header
.abs-product-header-purchase
.cart-btn {
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1px !important;
}

/* 3. Do przechowalni i Porównaj - granat zamiast zieleni */
.abs-product-page-header
.abs-product-header-actions,
.abs-product-page-header
.abs-product-header-actions a,
.abs-product-page-header
.abs-product-header-actions button,
.abs-product-page-header
.abs-extra-btns,
.abs-product-page-header
.abs-extra-btns a,
.abs-product-page-header
.abs-extra-btns button,
.abs-product-page-header
a[href*="wishlist"],
.abs-product-page-header
a[href*="favorite"],
.abs-product-page-header
a[href*="przechowal"],
.abs-product-page-header
a[href*="compare"],
.abs-product-page-header
[class*="wishlist"],
.abs-product-page-header
[class*="compare"] {
  color: var(--scood-navy) !important;
}

/* 4. Dolne menu mobilne - spokojny granat */
@media (max-width: 767px) {
  .abs-mobile-bottom-menu,
  .abs-mobile-bottom-menu a,
  .abs-mobile-menu-bottom,
  .abs-mobile-menu-bottom a,
  .mobile-bottom-menu,
  .mobile-bottom-menu a,
  .abs-bottom-menu,
  .abs-bottom-menu a,
  [class*="mobile"][class*="bottom"] a {
    color: var(--scood-navy) !important;
  }

  /* Ikony dziedziczą kolor linku */
  .abs-mobile-bottom-menu a i,
  .abs-mobile-bottom-menu a span,
  .abs-mobile-menu-bottom a i,
  .abs-mobile-menu-bottom a span,
  .mobile-bottom-menu a i,
  .mobile-bottom-menu a span,
  .abs-bottom-menu a i,
  .abs-bottom-menu a span,
  [class*="mobile"][class*="bottom"] a i,
  [class*="mobile"][class*="bottom"] a span {
    color: inherit !important;
  }

  /* Zakładka promocyjna pozostaje wyróżniona */
  .abs-mobile-bottom-menu a[href*="wyprzedaz"],
  .abs-mobile-bottom-menu a[href*="hit"],
  .abs-mobile-menu-bottom a[href*="wyprzedaz"],
  .abs-mobile-menu-bottom a[href*="hit"],
  .mobile-bottom-menu a[href*="wyprzedaz"],
  .mobile-bottom-menu a[href*="hit"],
  .abs-bottom-menu a[href*="wyprzedaz"],
  .abs-bottom-menu a[href*="hit"] {
    color: var(--scood-accent) !important;
  }
}
/* ==================================================
   SCOOD - IKONY NAGŁÓWKA: ZWYKŁY I PŁYWAJĄCY HEADER
   ================================================== */

/* Serce, porównywarka i konto - granat */
#header .abs-header-content-buttons .abs-btn-storage > a,
#header .abs-header-content-buttons .abs-btn-compare > a,
#header .abs-header-content-buttons .abs-btn-account > a,

#siterFloatingHeader .abs-header-content-buttons .abs-btn-storage > a,
#siterFloatingHeader .abs-header-content-buttons .abs-btn-compare > a,
#siterFloatingHeader .abs-header-content-buttons .abs-btn-account > a {
  color: var(--scood-navy) !important;
}

/* Ikony wewnątrz linków */
#header .abs-btn-storage span,
#header .abs-btn-compare span,
#header .abs-btn-account span,

#siterFloatingHeader .abs-btn-storage span,
#siterFloatingHeader .abs-btn-compare span,
#siterFloatingHeader .abs-btn-account span {
  color: var(--scood-navy) !important;
  -webkit-text-fill-color: var(--scood-navy) !important;
}

/* Pseudoelementy ikon, jeżeli szablon ich używa */
#header .abs-btn-storage > a::before,
#header .abs-btn-storage > a::after,
#header .abs-btn-compare > a::before,
#header .abs-btn-compare > a::after,
#header .abs-btn-account > a::before,
#header .abs-btn-account > a::after,

#siterFloatingHeader .abs-btn-storage > a::before,
#siterFloatingHeader .abs-btn-storage > a::after,
#siterFloatingHeader .abs-btn-compare > a::before,
#siterFloatingHeader .abs-btn-compare > a::after,
#siterFloatingHeader .abs-btn-account > a::before,
#siterFloatingHeader .abs-btn-account > a::after {
  color: var(--scood-navy) !important;
  -webkit-text-fill-color: var(--scood-navy) !important;
}

/* Hover pozostaje granatowy, tylko delikatnie ciemniejszy */
#header .abs-btn-storage > a:hover,
#header .abs-btn-compare > a:hover,
#header .abs-btn-account > a:hover,

#siterFloatingHeader .abs-btn-storage > a:hover,
#siterFloatingHeader .abs-btn-compare > a:hover,
#siterFloatingHeader .abs-btn-account > a:hover {
  color: var(--scood-navy-dark) !important;
}

/* Koszyk celowo pozostaje zielony */