/* ══════════════════════════════════════════════════════════
   HUROM.PL — Custom CSS
   Wersja: 4.0 (Apple-parity sweep)
   Fonty: System stack (SF Pro / Segoe UI / Roboto)
   Polskie znaki: natywne w fontach systemowych
   Apple-parity: typography 1:1 z apple.com (caps 80/56/64/28px)
   ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   1. SYSTEM FONT STACK — Apple-first
   ══════════════════════════════════════════════════════════
   Mac/iPhone/iPad → SF Pro (taki sam jak Apple.com)
   Windows → Segoe UI (natywny Windows)
   Android → Roboto (natywny Android)
   Linux → Helvetica/Arial fallback

   USUNIETE: Google Fonts @import (Poppins + DM Sans)
   ZYSK: ~30 KB mniej downloadu, natywna typografia per OS,
         żaden FOUT, lepsza wydajność LCP.
   ══════════════════════════════════════════════════════════ */

/* CSS variables - jednolity stack do reuse */
:root {
  --hurom-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI",
                       Roboto, "Helvetica Neue", Arial, sans-serif;
}


/* ══════════════════════════════════════════════════════════
   1B. DEFENSIVE FONT OVERRIDE — siatka bezpieczeństwa
   ══════════════════════════════════════════════════════════
   Każdy element który gdzieś (idoSell, custom, inline) ma
   ustawione: Poppins, DM Sans, main_custom, headline_custom
   - automatycznie dostaje nasz system stack.

   Universal selector [style*="..."] łapie też inline styles.
   Plus @font-face redirect - jeśli idoSell ma swoje @font-face
   z nazwami Poppins/DM Sans/main_custom/headline_custom - my
   przepisujemy je na system fonts (browser użyje local fontu).

   To jest BACKSTOP - normalne reguły niżej i tak ustawia
   var(--hurom-font-system), to tylko do edge cases.
   ══════════════════════════════════════════════════════════ */

/* Inline styles z konkretnymi fontami */
[style*="Poppins"],
[style*="HarminiaSans"],
[style*="DM Sans"],
[style*="DM+Sans"],
[style*="main_custom"],
[style*="headline_custom"],
[style*="poppins"] {
  font-family: var(--hurom-font-system) !important;
}

/* Klasy często używane przez idoSell / custom CSS */
.font-poppins,
.font-dm-sans,
.font-headline,
.font-main,
[class*="--poppins"],
[class*="--dmsans"] {
  font-family: var(--hurom-font-system) !important;
}

/* @font-face redirect - przejmujemy nazwy fontów custom
   i mapujemy na lokalne system fonty. Browser użyje SF Pro
   na Mac/iOS, Segoe UI na Windows, Roboto na Android - nawet
   gdyby idoSell próbował załadować Poppins/DM Sans z Google.
   local() pierwszy zawsze wygrywa nad zewnętrznym font URL. */
@font-face {
  font-family: 'Poppins';
  src: local('-apple-system'), local('BlinkMacSystemFont'),
       local('Segoe UI'), local('Roboto'),
       local('Helvetica Neue'), local('Arial');
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: local('-apple-system'), local('BlinkMacSystemFont'),
       local('Segoe UI'), local('Roboto'),
       local('Helvetica Neue'), local('Arial');
  font-display: swap;
}
@font-face {
  font-family: 'main_custom';
  src: local('-apple-system'), local('BlinkMacSystemFont'),
       local('Segoe UI'), local('Roboto'),
       local('Helvetica Neue'), local('Arial');
  font-display: swap;
}
@font-face {
  font-family: 'headline_custom';
  src: local('-apple-system'), local('BlinkMacSystemFont'),
       local('Segoe UI'), local('Roboto'),
       local('Helvetica Neue'), local('Arial');
  font-display: swap;
}

/* ══════════════════════════════════════════════════════════
   2. iOS — focus / tap highlight
   ══════════════════════════════════════════════════════════ */
@supports (-webkit-touch-callout: none) {
  * {
    -webkit-tap-highlight-color: transparent;
  }
  *:focus {
    outline: none;
    box-shadow: none;
  }
  a, button, input, textarea, select {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    box-shadow: none;
  }
}

/* ══════════════════════════════════════════════════════════
   3. GLOBALNE PRZYPISANIE FONTÓW
   ══════════════════════════════════════════════════════════
   Wszędzie ten sam stack - Apple-parity.
   Apple używa SF Pro Display dla nagłówków i SF Pro Text dla body
   ALE rozróżnienie robi przeglądarka automatycznie (-apple-system).
   ══════════════════════════════════════════════════════════ */

body, p, li, td, input, textarea, select {
  font-family: var(--hurom-font-system);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

button {
  font-family: var(--hurom-font-system);
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

/* Apple-parity: nagłówki 600 weight (nie 800 jak wcześniej)
   To Apple-pattern - lżejsza, bardziej elegancka typografia. */
h1, h2 {
  font-family: var(--hurom-font-system);
  font-weight: 600;
  letter-spacing: -0.005em;
  line-height: 1.0714285714;
}

h3 {
  font-family: var(--hurom-font-system);
  font-weight: 600;
  letter-spacing: -0.005em;
  line-height: 1.1428571429;
}

h4, h5, h6 {
  font-family: var(--hurom-font-system);
  font-weight: 600;
}

strong, b {
  font-weight: 700;
}

.big_label,
.headline {
  font-family: var(--hurom-font-system);
  font-weight: 600;
  letter-spacing: -0.005em;
}

/* ══════════════════════════════════════════════════════════
   4. SEKCJA HX — IZOLACJA
   Sekcja główna (.hx) ma własne style — blokujemy globalne
   nadpisania iDoSell wewnątrz niej
   ══════════════════════════════════════════════════════════ */
.hx h1, .hx h2, .hx h3, .hx h4, .hx h5, .hx h6,
.hx p, .hx li, .hx button, .hx span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

/* ══════════════════════════════════════════════════════════
   5. NAWIGACJA / HEADER
   ══════════════════════════════════════════════════════════ */

header .navbar-nav {
  font-size: 1.6rem;
}

header .nav-link {
  font-family: var(--hurom-font-system);
  font-weight: 600;
  padding: 5px 7px 1.4rem;
  text-transform: unset;
}

header .navbar-subnav .nav-link {
  text-transform: uppercase;
  font-size: 1.6rem;
}

header .navbar-subnav .navbar-subsubnav .nav-link {
  font-family: var(--hurom-font-system);
  font-weight: 400;
  text-transform: none;
  font-size: 1.5rem;
}

aside .nav-link {
  color: #333;
}

@media (max-width: 978px) {
  [data-item="#menu_navbar3"] {
    display: none;
  }
}

#logo img {
  width: 200px;
}

/* ══════════════════════════════════════════════════════════
   6. FOOTER
   ══════════════════════════════════════════════════════════ */

footer .nav-link {
  font-family: var(--hurom-font-system);
  font-weight: 400;
  text-decoration: none;
}

footer span.nav-link {
  font-family: var(--hurom-font-system) !important;
  font-weight: 600;
}

/* ══════════════════════════════════════════════════════════
   7. MAX-WIDTH WRAPPER
   ══════════════════════════════════════════════════════════ */

body .max-width-1200 { max-width: 1366px; }

@media screen and (min-width: 1400px) {
  body .max-width-1200 { max-width: 1400px; }
}
@media screen and (min-width: 1680px) {
  body .max-width-1200 { max-width: 1580px; }
}
@media screen and (min-width: 1920px) {
  body .max-width-1200 { max-width: 1680px; }
}

/* Koszyk */
body .basketedit_page.max-width-1200 { max-width: 1366px; }

@media screen and (min-width: 1400px) {
  body .basketedit_page.max-width-1200 { max-width: 1400px; }
}
@media screen and (min-width: 1680px) {
  body .basketedit_page.max-width-1200 { max-width: 1580px; }
}
@media screen and (min-width: 1920px) {
  body .basketedit_page.max-width-1200 { max-width: 1680px; }
}

/* Fix pasek */
@media (min-width: 1170px) {
  .bars__item.--fixed .bars__wrapper {
    max-width: 1580px !important;
  }
}

/* Fix koszyk tunel */
.payment_tunnel .container + footer,
.order_process .container + footer,
.container.basketedit_page + footer,
.container.prepaid_page + footer {
  max-width: 1580px;
}

/* ══════════════════════════════════════════════════════════
   8. PRODUKT — KARTA
   ══════════════════════════════════════════════════════════
   Apple-parity: nazwa produktu skala 17→24→28px (jak Apple
   typography-media-card-gallery-headline). Karty w listach
   produktów stają się czytelniejsze, mniej "krzyczące".
   ══════════════════════════════════════════════════════════ */

.product__name {
  font-family: var(--hurom-font-system) !important;
  font-weight: 600;
  font-size: 1.6rem;        /* 16px - listing produktów */
  letter-spacing: -0.005em;
  line-height: 1.2;
}

@media (min-width: 757px) {
  /* Strona produktu - tytuł H1 (typography-headline-elevated) */
  .product_name__name {
    font-size: 2.8rem;      /* 28px Apple cap (było 3.5rem/35px) */
    font-weight: 600;
    letter-spacing: -0.005em;
    line-height: 1.1;
  }
}

@media (min-width: 1024px) {
  .product_name__name {
    font-size: 4rem;        /* 40px desktop */
  }
}

@media (min-width: 1440px) {
  .product_name__name {
    font-size: 4.8rem;      /* 48px XL - Apple-parity headline */
  }
}

#projector_form .projector_prices__price_wrapper {
  color: #78C500 !important;
}

#projector_form .projector_prices__info {
  display: none;
}

#projector_form .projector_prices__maxprice_wrapper {
  font-family: var(--hurom-font-system) !important;
}

#projector_form .projector_prices__srp_wrapper.--active {
  display: none !important;
}

.projector_details {
  font-family: var(--hurom-font-system) !important;
  font-size: 1.7rem;        /* 17px Apple body mobile */
}

.projector_details #projector_additional_section {
  font-size: 1.7rem;
}

@media (min-width: 1068px) {
  .projector_details {
    font-size: 1.9rem;      /* 19px Apple body tablet+ */
  }
}

.label_icons > * {
  font-family: var(--hurom-font-system) !important;
  text-transform: uppercase;
}

.btn.--large.--solid {
  font-size: 1.6rem;
}

.product_name__notes {
  display: none;
}

.product__icon {
  background: #FAF8F6 !important;
}

/* ══════════════════════════════════════════════════════════
   9. CENY / OMNIBUS / SRP
   ══════════════════════════════════════════════════════════ */

.price.--max,
.price.--omnibus,
.price.--before-rebate,
.price.--new-price,
.price.--deposit,
.price_sellby {
  display: none;
}

.label.--bargain.--omnibus {
  display: none;
}

.hotspot.--list .product .price.--omnibus,
.hotspot.--list .product .price.--max,
.hotspot.--list .product .price.--before-rebate,
.hotspot.--list .product .price.--new-price {
  display: none !important;
}

span.omnibus_price__text {
  color: #333333;
  font-family: var(--hurom-font-system) !important;
}

span.omnibus_label {
  color: #333333;
  font-family: var(--hurom-font-system) !important;
}

.omnibus_price {
  line-height: 20px;
  font-family: var(--hurom-font-system);
}

.srp_label {
  background: rgba(120, 197, 0, 0.5);
  z-index: 55;
  border-radius: 5px;
}

.srp_label::before {
  border-color: rgba(120, 197, 0, 0.5) transparent transparent transparent;
  z-index: 55;
  display: none;
}

/* Omnibus na hotspot */
#main_hotspot_zone1 span.omnibus_label,
#main_hotspot_zone2 span.omnibus_label,
#main_hotspot_zone3 span.omnibus_label,
#main_hotspot_zone4 span.omnibus_label {
  display: none;
}

#main_hotspot_zone1 .omnibus_price,
#main_hotspot_zone2 .omnibus_price,
#main_hotspot_zone3 .omnibus_price,
#main_hotspot_zone4 .omnibus_price {
  display: none;
}

/* ══════════════════════════════════════════════════════════
   10. STOCK / DOSTĘPNOŚĆ — UKRYCIA
   ══════════════════════════════════════════════════════════ */

.projector_stocks { display: none; }

span.projector_stocks__icon.projector_info__icon { display: none; }
span.projector_stocks__info.projector_info__link { display: none; }
a.projector_stocks__info.projector_info__link.--link { display: none; }

.product_stocks .stock__availabilty_count { display: none; }
span.stock__availabilty_count { display: none; }

span#projector_amount.projector_status__info_amount,
.projector_amount,
#projector_amount,
.projector_buy__number_amounts,
.projector_status__info_amount {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════
   11. ONE CLICK / DOSTAWA / PŁATNOŚCI
   ══════════════════════════════════════════════════════════ */

.projector_details .projector_oneclick__items { display: none !important; }
#projector_form .projector_oneclick__label { display: none !important; }
.cop_summary .cop_oneclick__label { display: none !important; }
.cop_summary .cop_oneclick_pay__item > div { display: none !important; }

.projector_shipping__text_from,
.projector_shipping__price {
  display: none;
}

div#projector_paypo {
  display: none;
}

.projector_details .projector_safe__icon:before {
  content: '\f095';
  font-size: 1.6rem;
  color: #040404;
}

span.projector_safe__info.projector_info__link {
  color: #040404;
}

/* ── Raty ── */
.projector_instalments__icon:before {
  color: rgb(1, 138, 145);
}

a.projector_instalments__link {
  color: black;
  font-weight: 600;
}

/* ══════════════════════════════════════════════════════════
   12. RÓŻNE UKRYCIA
   ══════════════════════════════════════════════════════════ */

#main_news,
.banner_smile,
.cop_documents,
.cop_pickup_points .cop_pickup_item__name {
  display: none;
}

.projector_smile,
.order2_info_sub4,
#order2_info_sub4,
.projector_points_recive.--active {
  display: none !important;
}

.article__image_wrapper,
.article__image_wrapper img {
  display: none;
}

.projector_page .article__item:nth-child(1n+5) {
  display: none;
}

/* ══════════════════════════════════════════════════════════
   13. BANER GŁÓWNY
   ══════════════════════════════════════════════════════════
   Apple-parity: hero label 32→48→64→80px (cap 80px).
   Wcześniej skala 30→50→60→70 - teraz przeskoki bardziej
   apple-style (większa różnica mobile vs desktop).
   ══════════════════════════════════════════════════════════ */

#main_banner1 img {
  mix-blend-mode: multiply;
  border-radius: 5px;
}

#main_banner1 .main_slider__label {
  font-size: 3.2rem;             /* 32px mobile */
  margin-bottom: 3.5rem;
  font-family: var(--hurom-font-system);
  font-weight: 600;
  letter-spacing: -0.005em;
  line-height: 1.0714285714;
}

#main_banner1 .main_slider__content {
  position: absolute;
  left: 0; right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 2rem;
  display: none;
}

#main_banner1 .main_slider__description {
  font-size: 1.7rem;             /* 17px Apple body mobile */
  margin-bottom: 3rem;
  line-height: 1.2353641176;
  letter-spacing: -0.022em;
  font-weight: 600;
}

#main_banner1 .main_slider__button {
  margin-top: 2rem;
  margin-bottom: auto;
}

@media only screen and (min-width: 750px) {
  #main_banner1 .main_slider__label {
    font-size: 4rem;             /* 40px tablet */
  }
  #main_banner1 .main_slider__content { padding: 0 5rem; }
  #main_banner1 .main_slider__description {
    font-size: 1.9rem;           /* 19px tablet */
    line-height: 1.4211026316;
    letter-spacing: 0.012em;
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1068px) {
  #main_banner1 .main_slider__label {
    font-size: 4.8rem;           /* 48px desktop */
  }
  #main_banner1 .main_slider__description {
    font-size: 2.1rem;           /* 21px Apple body desktop CAP */
    line-height: 1.381002381;
    letter-spacing: 0.011em;
  }
}

@media only screen and (min-width: 1440px) {
  #main_banner1 .main_slider__label {
    font-size: 6.4rem;           /* 64px XL */
  }
}

@media only screen and (min-width: 1920px) {
  #main_banner1 .main_slider__label {
    font-size: 8rem;             /* 80px - Apple cap, NIE skalujemy wyżej */
  }
}

/* ══════════════════════════════════════════════════════════
   14. SLIDER
   ══════════════════════════════════════════════════════════ */

.block-slider > .swiper {
  height: 500px;
}

@media (max-width: 1100px) {
  .swiper-wrapper.desc-hurom.down {
    overflow-x: auto !important;
  }
}

/* ══════════════════════════════════════════════════════════
   15. CM (STRONY TREŚCI)
   ══════════════════════════════════════════════════════════
   Apple-parity dla wszystkich stron CMS:
   - H2 sekcji: 32→40→48→56px (cap 56px)
   - H3 elevated: 28px (Apple cap)
   - Body: 17→19→21px (Apple typography-ps-body 1:1)
   - Letter-spacing precyzja Apple

   NIE nadpisuje sekcji .hx (ma własną izolację z punktu 4)
   ══════════════════════════════════════════════════════════ */

.cm h1, .cm h2, .cm h3 {
  font-family: var(--hurom-font-system);
  font-weight: 600;
  line-height: 1.0714285714;
  letter-spacing: -0.005em;
}

/* === MOBILE (default ≤749px) === */
.cm h1 { font-size: 3.2rem; }    /* 32px */
.cm h2 { font-size: 3.2rem; }    /* 32px */
.cm h3 { font-size: 2.4rem; line-height: 1.1428571429; }    /* 24px */
.cm p,
.cm    {
  font-size: 1.7rem;             /* 17px Apple body mobile */
  line-height: 1.2353641176;
  letter-spacing: -0.022em;
  font-weight: 400;              /* w CMS regularne body, nie 600 jak ps-body */
}

/* === TABLET (≥750px) === */
@media only screen and (min-width: 750px) {
  .cm h1 { font-size: 4rem; }    /* 40px */
  .cm h2 { font-size: 4rem; }    /* 40px */
  .cm h3 { font-size: 2.8rem; }  /* 28px - Apple H3 cap */
  .cm p, .cm {
    font-size: 1.9rem;           /* 19px tablet */
    line-height: 1.4211026316;
    letter-spacing: 0.012em;
  }
}

/* === DESKTOP (≥1068px) === */
@media only screen and (min-width: 1068px) {
  .cm h1 { font-size: 4.8rem; }  /* 48px */
  .cm h2 { font-size: 4.8rem; }  /* 48px */
  .cm h3 { font-size: 2.8rem; }  /* 28px - Apple cap */
  .cm p, .cm {
    font-size: 2.1rem;           /* 21px Apple body desktop CAP */
    line-height: 1.381002381;
    letter-spacing: 0.011em;
  }
}

/* === XL+ (≥1440px) - Apple final caps === */
@media only screen and (min-width: 1440px) {
  .cm h1 { font-size: 5.6rem; }  /* 56px - Apple section-header CAP */
  .cm h2 { font-size: 5.6rem; }  /* 56px - Apple cap */
  /* h3 i body - już na cap (28px / 21px) */
}

/* ══════════════════════════════════════════════════════════
   16. BLOG
   ══════════════════════════════════════════════════════════ */

h3.article__name_wrapper {
  font-size: 2rem !important;
  text-decoration: none !important;
  font-weight: 600;
  letter-spacing: -0.005em;
}

.article__name {
  font-family: var(--hurom-font-system);
  font-weight: 600;
  letter-spacing: -0.005em;
}

#blog-item img.blog_image {
  max-width: 100%;
  display: none;
}

/* Blog post - Apple-parity nagłówki + body */
#blog-item .cm h1,
#blog-item .cm h2,
#blog-item .cm h3 {
  font-family: var(--hurom-font-system);
  font-weight: 600;
  color: #0f3d25;
  margin: 56px 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #d1f0e0;
  letter-spacing: -0.005em;
  line-height: 1.0714285714;
}

#blog-item .cm h1 { font-size: 3.2rem; }   /* 32px - Apple-parity */
#blog-item .cm h2 { font-size: 3.2rem; }   /* 32px */
#blog-item .cm h3 {
  font-size: 2.4rem;                       /* 24px */
  line-height: 1.1428571429;
}

@media (min-width: 750px) {
  #blog-item .cm h1 { font-size: 4rem; }   /* 40px tablet */
  #blog-item .cm h2 { font-size: 4rem; }
  #blog-item .cm h3 { font-size: 2.8rem; } /* 28px Apple cap */
}

@media (min-width: 1068px) {
  #blog-item .cm h1 { font-size: 4.8rem; } /* 48px desktop */
  #blog-item .cm h2 { font-size: 4.8rem; }
}

@media (min-width: 1440px) {
  #blog-item .cm h1 { font-size: 5.6rem; } /* 56px XL Apple cap */
  #blog-item .cm h2 { font-size: 5.6rem; }
}

#blog-item .cm p {
  color: #333;
  font-size: 1.7rem;                       /* 17px Apple mobile */
  line-height: 1.2353641176;
  letter-spacing: -0.022em;
  margin-bottom: 20px;
  font-weight: 400;
}

@media (min-width: 750px) {
  #blog-item .cm p {
    font-size: 1.9rem;                     /* 19px tablet */
    line-height: 1.4211026316;
    letter-spacing: 0.012em;
  }
}

@media (min-width: 1068px) {
  #blog-item .cm p {
    font-size: 2.1rem;                     /* 21px desktop CAP */
    line-height: 1.381002381;
    letter-spacing: 0.011em;
  }
}

#blog-item .cm a { text-decoration: none; }
#blog-item .cm a:hover { text-decoration: underline; }

/* Blog — lista składników */
#blog-item .cm .hb-recipe-ingredients ul {
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 6px;
  display: flex;
  flex-direction: column;
}
#blog-item .cm .hb-recipe-ingredients ul li {
  font-size: 1.4rem;
  color: #333;
  padding: 0 0 0 18px;
  position: relative;
  line-height: 1.55;
}
#blog-item .cm .hb-recipe-ingredients ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  background: #1a7a45;
  border-radius: 50%;
}

/* Blog — seria kart */
#blog-item .cm .hb-series-card .hb-series-list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#blog-item .cm .hb-series-card .hb-series-list li {
  font-size: 1.4rem;
  color: #333;
  padding-left: 20px;
  position: relative;
  line-height: 1.55;
}
#blog-item .cm .hb-series-card--easy .hb-series-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #1a7a45;
  border-radius: 50%;
}
#blog-item .cm .hb-series-card--pure .hb-series-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #5a3fb5;
  border-radius: 50%;
}
#blog-item .cm .hb-series-card--citrus .hb-series-list li::before {
  background: #c07820;
  top: 8px;
}

/* Blog — pros/cons */
#blog-item .cm .hb-pros ul,
#blog-item .cm .hb-cons ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#blog-item .cm .hb-pros ul li,
#blog-item .cm .hb-cons ul li {
  font-size: 1.3rem;
  color: #333;
  padding: 0 0 0 16px;
  position: relative;
  line-height: 1.5;
}
#blog-item .cm .hb-pros ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  background: #1a7a45;
  border-radius: 50%;
}
#blog-item .cm .hb-cons ul li::before {
  content: '';
  position: absolute;
  left: 1px;
  top: 6px;
  width: 6px;
  height: 6px;
  border: 1.5px solid #c0392b;
  border-radius: 50%;
}

/* ══════════════════════════════════════════════════════════
   17. FILTRY
   ══════════════════════════════════════════════════════════ */

.filters__toggler .btn,
aside .filters__toggler .btn {
  color: #040404;
}

/* ══════════════════════════════════════════════════════════
   18. MISC / EDGE CASES
   ══════════════════════════════════════════════════════════ */

.datasquare > * {
  font-family: var(--hurom-font-system);
}

div.tm-multihornet__wrapper {
  justify-content: left;
}

.tm-hydra {
  font-family: var(--hurom-font-system);
}

.tm-ferret2 .tm-lazy-background {
  background-color: white !important;
}

.label.--promo {
  color: #fff;
  background: linear-gradient(135deg, #0f3d25 0%, #1a7a45 100%);
  border: none;
  display: none;
}

.fullwidth_banner_buttons .btn {
  color: #000 !important;
}

a[href="/Promocja-spromo-pol.html"] {
  color: #040404 !important;
}

a[href="https://hurom.pl/data/include/cms/Quiz/strona.html"] {
  color: #78c500 !important;
}

a.nav-link.--l1[href="https://hurom.pl/Hurom-AI-Chef-ccms-pol-197.html"] {
  background: linear-gradient(to right, #78C500, #34d399);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.securityPolicy .big_label {
  display: inline-block;
}

#db8d534b-64b2-47af-85be-3af9c60cd9de {
  margin-top: 0rem !important;
}

/* ══════════════════════════════════════════════════════════
   19. KOSZYK
   ══════════════════════════════════════════════════════════ */

.basketedit_page .basketedit_rebatecodes_outline {
  display: block !important;
}
.basketedit_page .basketedit_rebatecodes_outline input.basketedit_rebatecode_input {
  margin-top: 5px !important;
  margin-bottom: 15px !important;
}

@media screen and (min-width: 757px) {
  .basketedit_page .basketedit_rebatecodes_outline {
    display: block !important;
  }
  .basketedit_page .basketedit_rebatecodes_outline input.basketedit_rebatecode_input {
    margin-right: 10px !important;
  }
}

.cop_summary .cop_oneclick_pay__item {
  padding: 1px;
}

/* ══════════════════════════════════════════════════════════
   20. POPUP / MOBILE
   ══════════════════════════════════════════════════════════ */

@media screen and (max-width: 978px) {
  #tws_c_0 {
    position: fixed !important;
  }
}

@media (max-width: 360px) {
  #projector_form .projector_variants__item {
    gap: 0.1rem !important;
    min-width: 60px;
    width: 60px;
  }
  #projector_form .projector_variants__sub {
    gap: 0.1rem !important;
  }
}