.pd {
display: none;
}
/* ==========================================================
   KARTA PRODUKTU: trust box (spójny z "Dlaczego Hurom?")
   ========================================================== */

#projector_additional_section.projector_info {
  background: #f2f4f8 !important;
  border: 0 !important;
  border-radius: 7px !important;
  padding: 14px 16px !important;
  gap: 10px !important;
  margin: 20px 0 10px !important;
}

#projector_additional_section .projector_info__item {
  font-size: 13px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Wyróżnienie terminu wysyłki - najmocniejszy trust signal */
#projector_additional_section #projector_delivery_days {
  color: #78c500 !important;
  font-weight: 700 !important;
}

/* ==========================================================
   HEADER: poszerzenie + nowy styl pola wyszukiwania (desktop)
   ========================================================== */

@media (min-width: 1024px) {
  
  /* Skrócenie kolumny logo, poszerzenie pola */
  html body header.commercial_banner {
    grid-template-columns: auto 1fr auto !important;
  }
  
  html body header.commercial_banner #menu_search {
    width: 100% !important;
    max-width: 620px !important;
    justify-self: center !important;
  }
  
  /* Nowy styl pola - kontener inputa */
  html body header.commercial_banner #menu_search .menu_search__item.--input {
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    transition: all 0.2s ease !important;
    overflow: hidden !important;
    position: relative !important;
  }
  
  /* Hover - zielona ramka */
  html body header.commercial_banner #menu_search .menu_search__item.--input:hover {
    border-color: #78c500 !important;
  }
  
  /* Focus - zielona ramka + delikatny cień */
  html body header.commercial_banner #menu_search.--focus .menu_search__item.--input,
  html body header.commercial_banner #menu_search .menu_search__item.--input:focus-within {
    border-color: #78c500 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
  }
  
  /* Sam input */
  html body header.commercial_banner #menu_search .menu_search__input {
    background: transparent !important;
    font-size: 14px !important;
    padding-left: 18px !important;
    padding-right: 55px !important;
    height: 44px !important;
    font-weight: 400 !important;
  }
  
  /* Zielona lupa na białym tle */
  html body header.commercial_banner #menu_search .menu_search__submit {
    background: transparent !important;
    color: var(--hurom-forest, #1A7A45) !important;
    font-size: 20px !important;
    width: 50px !important;
    margin: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
    border-radius: 0 !important;
    transition: color 0.2s !important;
  }
  
  html body header.commercial_banner #menu_search .menu_search__submit:hover {
    color: #5a9700 !important;
  }
  
  /* Zachowanie szerokości w focusie + zaokrąglenie overlay-a wyników */
  html body header.commercial_banner #menu_search.--focus .menu_search__block {
    width: 100% !important;
    border-radius: 5px !important;
    overflow: hidden !important;
  }
  
}

/* Skrócenie kolumny logo + poszerzenie pola wyszukiwania - tylko desktop */
@media (min-width: 1024px) {
  
  /* Zmiana proporcji kolumn headera */
  html body header.commercial_banner {
    grid-template-columns: auto 1fr auto !important;
  }
  
  /* Poszerzenie samego formularza wyszukiwania */
  html body header.commercial_banner #menu_search {
    width: 100% !important;
    max-width: 700px !important;
    justify-self: center !important;
  }
  
  /* Zachowanie szerokości pola także w stanie focus (kliknięte) */
  html body header.commercial_banner #menu_search.--focus .menu_search__block {
    width: 100% !important;
  }
  
}
/* ══════════════════════════════════════════════════════════
   HUROM.PL — Custom CSS
   Wersja: 5.2 (FONT BLOCKER - faktyczna blokada pobierania)
   Fonty: Poppins (headlines) + DM Sans (body) z Google Fonts
   Polskie znaki: natywne w obu fontach (Latin Extended)

   ZMIANY vs 5.1 (krytyczne):
   ──────────────────────────────────────────────────────────
   1. SEKCJA 1B — DEFENSIVE FONT BLOCKER (przepisana całkowicie):
      
      PROBLEM v5.1:
      Reguły @font-face z 'src: local(...)' BEZ font-weight
      były ignorowane przez browser przy istnieniu deklaracji
      z 'src: url(...)' z weight 300/400/600 w main_style.css.
      Browser MERGE'OWAŁ wszystkie @font-face dla tej samej
      rodziny → wygrywała deklaracja z url(...) → customFont.ttf
      ŁADOWAŁ SIĘ MIMO WSZYSTKO (154 KB, 997ms blok).
      
      ROZWIĄZANIE v5.2:
      Każda deklaracja ma:
      - font-weight: pasujący do main_style.css (300, 400, 600)
      - unicode-range: U+0000 → browser widzi że font dostarcza
        tylko znak NULL → NIGDY nie pobiera pliku
      - src: local('Arial') → fallback "atrapa" bez HTTP request
      
      DODATKOWO: blokery dla 'Red Hat Display' (×4 deklaracje
      w main_style.css których v5.1 nie obsługiwał).
      
      Co NIE blokujemy:
      - FontAwesome (fontello.woff) → używane przez 42 ikon
        (icon-truck, icon-angle-down, icon-reorder, etc.)
      - Poppins / DM Sans (Google Fonts) → nasze primary fonts

   2. SAFETY NET wzmocniony:
      - Stary inline-style selector ZACHOWANY (działał OK)
      - DODANY [class*=...] selector (gdyby idoSell użył klasy)
      - DODANY [style*="Red Hat Display"] selector

   ZACHOWANE z v5.1:
   - Cała paleta kolorów (--hurom-ink, mint, lime, etc.)
   - Dual-font system (Poppins headlines + DM Sans body)
   - Wszystkie reguły idoSell (sekcje 5-20)
   - Wagi (700 dla headlinów, 500 body, 600 buttons)
   - Letter-spacing, line-height z Shopify-pattern

   SPODZIEWANY ZYSK:
   - customFont.ttf 154 KB / 997ms → NIE ŁADUJE SIĘ
   - main_custom (×3 deklaracje) → NIE ŁADUJE SIĘ
   - Red Hat Display (×4 deklaracje) → NIE ŁADUJE SIĘ
   - PSI critical path: 1342ms → ~700-900ms
   ══════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════
   FONT IMPORTS — przeniesione do <head> (v2.0.2)
   ══════════════════════════════════════════════════════════
   @import url() został USUNIĘTY i zastąpiony przez
   <link rel="preload"> + <link rel="stylesheet"> w idoSell
   Dodatku HTML "v2.0.2 — Preload critical resources".
   
   ⚠️ NIE PRZYWRACAJ @import — fonty są już ładowane w <head>!
   Lokalizacja: idoSell → Moderacja → Dodatki HTML i JS
   ══════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════
   1A. FONT BLOCKER — faktyczna blokada nieużywanych fontów
   ══════════════════════════════════════════════════════════
   
   MUSI BYĆ NA POCZĄTKU CSS — przed jakimkolwiek font-family
   rule. Browser parse'uje cascade top-down; jeśli @font-face
   blocker przyjdzie po użyciu, browser już zaczął fetcha.
   
   MECHANIZM:
   1. Dla każdej wersji weight (300, 400, 600) headline_custom
      i main_custom z main_style.css idoSell tworzymy MATCHING
      deklarację z unicode-range: U+0000.
   2. Browser przy parse'owaniu DOM widzi 2 deklaracje dla
      "headline_custom weight 300":
      - main_style.css: src: url(...customFont.ttf)
      - custom.css:     src: local('Arial'); unicode-range: U+0000
   3. Browser musi wybrać która dostarcza znaki tekstu.
      unicode-range: U+0000 → tylko znak NULL → nie matchuje.
   4. ALE: browser teraz wie że "headline_custom weight 300"
      ma "alternatywne źródło" i może NIE pobierać url() jeśli
      tekst da się wyświetlić fallbackiem CSS stack.
   5. Łączenie z !important font-family w sekcji 1B i 3
      (Poppins/DM Sans) → browser NIGDY nie potrzebuje fontu
      z main_style.css → NIE pobiera pliku.
   
   PRZETESTOWANE NA ŻYWO: po wstrzyknięciu tych reguł przez
   Chrome MCP, document.fonts pokazał wszystkie headline_custom,
   main_custom, Red Hat Display ze status: "unloaded".
   ══════════════════════════════════════════════════════════ */

/* === headline_custom (3 weights: 300, 400, 600) === */
@font-face {
  font-family: 'headline_custom';
  font-weight: 300;
  src: local('Arial');
  unicode-range: U+0000;
  font-display: swap;
}
@font-face {
  font-family: 'headline_custom';
  font-weight: 400;
  src: local('Arial');
  unicode-range: U+0000;
  font-display: swap;
}
@font-face {
  font-family: 'headline_custom';
  font-weight: 600;
  src: local('Arial');
  unicode-range: U+0000;
  font-display: swap;
}

/* === main_custom (3 weights: 300, 400, 600) === */
@font-face {
  font-family: 'main_custom';
  font-weight: 300;
  src: local('Arial');
  unicode-range: U+0000;
  font-display: swap;
}
@font-face {
  font-family: 'main_custom';
  font-weight: 400;
  src: local('Arial');
  unicode-range: U+0000;
  font-display: swap;
}
@font-face {
  font-family: 'main_custom';
  font-weight: 600;
  src: local('Arial');
  unicode-range: U+0000;
  font-display: swap;
}

/* === Red Hat Display (×4 deklaracje w main_style.css, weight range 300-900) === */
@font-face {
  font-family: 'Red Hat Display';
  font-weight: 300 900;
  src: local('Arial');
  unicode-range: U+0000;
  font-display: swap;
}


/* ══════════════════════════════════════════════════════════
   0. GLOBALNE CSS VARIABLES — palety, tokens, fonty
   ══════════════════════════════════════════════════════════ */
:root {
  /* === FONTS — DUAL-FONT SYSTEM (Shopify pattern) === */
  /* DM Sans dla body, buttons, navigation (clean, neutral) */
  --hurom-font-system: 'DM Sans', -apple-system, BlinkMacSystemFont,
                       "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* Poppins dla headlinów (geometric, character - Shopify pattern) */
  --hurom-font-heading: 'Poppins', -apple-system, BlinkMacSystemFont,
                        "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Override zmiennej --font-family z szablonu idoSell.
     idoSell w wielu miejscach (.btn, body, headers) używa
     var(--font-family). Nadpisanie tej zmiennej globalnie
     daje DM Sans wszędzie naraz. */
  --font-family: var(--hurom-font-system);

  /* === BRAND GREENS (zsynchronizowane z idoSell global palette) === */
  --hurom-lime: #78C500;             /* idoSell "Kolor przewodni" (brand) */
  --hurom-lime-hover: #5E9E00;       /* idoSell "Mały przycisk hover" */
  --hurom-mint: #44BE70;             /* idoSell "Kolor wyróżnienia" (highlight/hover) */
  --hurom-mint-hover: #2EA757;       /* darker mint dla hover state (Shopify-style) */
  --hurom-mint-light: #56D17B;       /* jaśniejszy mint dla gradientów (np. numerki Misja) */
  --hurom-forest: #08B275;           /* idoSell etykieta Promocja/Przecena/Kod rabatowy */
  --hurom-forest-dark: #0F3D25;
  --hurom-mint-pale: #B8E8CB;
  --hurom-button-border: #008556;    /* idoSell border przycisków zielonych */

  /* === NEUTRALS (Shopify-accurate, zweryfikowane z hurom.net.pl) === */
  --hurom-ink: #0D232B;              /* Shopify rgb(13, 35, 43) - warm black/granat */
  --hurom-ink-soft: #040404;
  --hurom-text-body: #0D232B;        /* SYNCHRONIZED with --hurom-ink (Shopify pattern - jeden kolor) */
  --hurom-text-muted: #6B7785;       /* idoSell etykieta "Okazja" - tertiary szary (eyebrows, captions) */
  --hurom-gray-1: #333333;           /* idoSell "Ciemniejszy odcień szarości" */
  --hurom-gray-2: #8C8C8C;
  --hurom-gray-3: #C8C8C8;
  --hurom-gray-4: #E5E5E5;           /* idoSell "Kolor ramki" */
  --hurom-text-light: #666666;       /* idoSell etykiety "Chwilowo niedostępny" */

  /* === BACKGROUNDS (zsynchronizowane z idoSell) === */
  --hurom-white: #FFFFFF;            /* idoSell "Kolor tła" */
  --hurom-cream: #F7F7F7;            /* idoSell "Tło alternatywne" */
  --hurom-cream-mint: #F9FEFB;
  --hurom-cream-warm: #FAF8F6;       /* idoSell "Jaśniejszy odcień szarości" */
  --hurom-charcoal: #202020;

  /* === STATUS COLORS (idoSell etykiety opinii) === */
  --hurom-status-success-bg: #E8F8EE;   /* idoSell "Opinia potwierdzona zakupem" tło */
  --hurom-status-success-text: #0F7641; /* idoSell "Opinia potwierdzona zakupem" tekst */

  /* === PARTNER-SPECIFIC (świadome wyjątki) === */
  --hurom-credit-agricole: rgb(1, 138, 145);
}


/* ══════════════════════════════════════════════════════════
   1B. SAFETY NET — wymuszenie Poppins/DM Sans dla edge cases
   ══════════════════════════════════════════════════════════
   Gdyby idoSell template gdziekolwiek użył inline style lub
   klasy z nazwą jednego z wyłączonych fontów, wymuś użycie
   naszych Poppins/DM Sans zamiast fallbacku do Arial.
   ══════════════════════════════════════════════════════════ */

[style*="HarminiaSans"],
[style*="main_custom"],
[style*="headline_custom"],
[style*="Red Hat Display"],
[class*="main_custom"],
[class*="headline_custom"] {
  font-family: var(--hurom-font-system) !important;
}

.font-headline,
.font-main {
  font-family: var(--hurom-font-system) !important;
}


/* ══════════════════════════════════════════════════════════
   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
   ══════════════════════════════════════════════════════════
   v5.0:
   - Body weight 500 (było 400) - lepsza czytelność, premium feel
   - h1/h2 weight 800 (było 600) - dramatic Shopify-style
   - h3 weight 700 (było 600)
   - h4-h6 weight 700 (było 600)
   - Letter-spacing tighter (-0.02 do -0.03)
   
   v5.1 (Shopify-accurate):
   - Wszystkie headlines weight 700 (było 800/900)
   - Headlines: line-height 1.2, letter-spacing -0.03em
   ══════════════════════════════════════════════════════════ */

body, p, li, td, input, textarea, select {
  font-family: var(--hurom-font-system);
  font-weight: 500;
  color: var(--hurom-text-body);
  -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;
}

/* Override .btn z szablonu idoSell - bez zmian */
.btn,
button.btn,
a.btn,
input.btn,
.btn.--large,
.btn.--solid,
.btn.--ghost,
.btn.--outline,
.btn.--small {
  font-family: var(--hurom-font-system) !important;
}

/* PREMIUM Shopify-accurate: h1/h2 Poppins weight 700 */
h1, h2 {
  font-family: var(--hurom-font-heading);
  font-weight: 700;
  color: var(--hurom-ink);
  letter-spacing: -0.03em;
  line-height: 1.2;
}

h3 {
  font-family: var(--hurom-font-heading);
  font-weight: 700;
  color: var(--hurom-ink);
  letter-spacing: -0.03em;
  line-height: 1.2;
}

h4, h5, h6 {
  font-family: var(--hurom-font-heading);
  font-weight: 700;
  color: var(--hurom-ink);
}

strong, b {
  font-weight: 700;
}

.big_label,
.headline {
  font-family: var(--hurom-font-heading);
  font-weight: 700;
  color: var(--hurom-ink);
  letter-spacing: -0.03em;
}


/* ══════════════════════════════════════════════════════════
   4. SEKCJA HX — PREMIUM TYPOGRAPHY OVERRIDE
   ══════════════════════════════════════════════════════════
   ZMIANY v5.0 (krytyczne):
   - USUNIĘTY reset { font-family: inherit; font-weight: inherit }
     który blokował wagi w .hx (powodował cienkie cytaty/teksty)
   - DODANE explicit wagi dla wszystkich elementów w .hx
   ══════════════════════════════════════════════════════════ */

/* Premium headlines w .hx (Shopify-accurate: Poppins, weight 700) */
.hx h1,
.hx h2 {
  font-family: var(--hurom-font-heading);
  font-weight: 700;
  color: var(--hurom-ink);
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.hx h3 {
  font-family: var(--hurom-font-heading);
  font-weight: 700;
  color: var(--hurom-ink);
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.hx h4, .hx h5, .hx h6 {
  font-family: var(--hurom-font-heading);
  font-weight: 700;
  color: var(--hurom-ink);
}

/* Body paragraphs w .hx - DM Sans 500 line-height 1.4 (Shopify-accurate) */
.hx p,
.hx li {
  font-family: var(--hurom-font-system);
  font-weight: 500;
  color: var(--hurom-text-body);
  line-height: 1.4;
}

/* Eyebrows / kicker text w .hx - DM Sans 700 uppercase muted */
.hx-m__eye,
.hx-w__sub,
.hx-fq__sub,
.hx-rv__sub,
.hx-n__sub,
.pd__header-eye,
.hx .hx-eyebrow {
  font-family: var(--hurom-font-system);
  font-weight: 700;
  color: var(--hurom-text-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}


/* ══════════════════════════════════════════════════════════
   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: var(--hurom-ink);
}

@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; }
}

@media (min-width: 1170px) {
  .bars__item.--fixed .bars__wrapper {
    max-width: 1580px !important;
  }
}

.payment_tunnel .container + footer,
.order_process .container + footer,
.container.basketedit_page + footer,
.container.prepaid_page + footer {
  max-width: 1580px;
}


/* ══════════════════════════════════════════════════════════
   8. PRODUKT — KARTA (bez zmian - już dobre)
   ══════════════════════════════════════════════════════════ */

#projector_form .projector_prices__maxprice_wrapper.--active {
  display: none;
}

#projector_form .projector_prices__price {
  color: var(--hurom-ink);
}

.product__name {
  font-family: var(--hurom-font-system) !important;
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: -0.005em;
  line-height: 1.2;
}

@media (min-width: 757px) {
  .product_name__name {
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.005em;
    line-height: 1.2;
  }
}

#projector_form .projector_prices__price_wrapper {
  color: var(--hurom-ink) !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;
}

.projector_details #projector_additional_section {
  font-size: 1.7rem;
}

@media (min-width: 1068px) {
  .projector_details {
    font-size: 1.9rem;
  }
}

.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: var(--hurom-cream) !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: var(--hurom-ink);
  font-family: var(--hurom-font-system) !important;
}

span.omnibus_label {
  color: var(--hurom-ink);
  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;
}

[id^="main_hotspot_zone"] span.omnibus_label,
[id^="main_hotspot_zone"] .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: var(--hurom-ink-soft);
}

span.projector_safe__info.projector_info__link {
  color: var(--hurom-ink-soft);
}

.projector_instalments__icon:before {
  color: var(--hurom-credit-agricole);
}

a.projector_instalments__link {
  color: var(--hurom-ink);
  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 zachowany świadomie)
   ══════════════════════════════════════════════════════════ */

#main_banner1 img {
  mix-blend-mode: multiply;
  border-radius: 5px;
}

#main_banner1 .main_slider__label {
  font-size: 3.2rem;
  margin-bottom: 3.5rem;
  font-family: var(--hurom-font-heading);   /* v5.2: Poppins (było system) */
  font-weight: 800;
  color: var(--hurom-ink);
  letter-spacing: -0.025em;
  line-height: 1.05;
}

#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;
  margin-bottom: 3rem;
  line-height: 1.4;
  letter-spacing: -0.005em;
  font-weight: 500;
  color: var(--hurom-text-body);
}

#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;
  }
  #main_banner1 .main_slider__content { padding: 0 5rem; }
  #main_banner1 .main_slider__description {
    font-size: 1.9rem;
    line-height: 1.4;
    letter-spacing: 0;
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1068px) {
  #main_banner1 .main_slider__label {
    font-size: 4.8rem;
  }
  #main_banner1 .main_slider__description {
    font-size: 2.1rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
}

@media only screen and (min-width: 1440px) {
  #main_banner1 .main_slider__label {
    font-size: 6.4rem;
  }
}

@media only screen and (min-width: 1920px) {
  #main_banner1 .main_slider__label {
    font-size: 8rem;
  }
}


/* ══════════════════════════════════════════════════════════
   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 I OPISY KATEGORII)
   ══════════════════════════════════════════════════════════ */

.cm h1, .cm h2 {
  font-family: var(--hurom-font-heading);
  font-weight: 700;
  color: var(--hurom-ink);
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.cm h3 {
  font-family: var(--hurom-font-heading);
  font-weight: 700;
  color: var(--hurom-ink);
  line-height: 1.2;
  letter-spacing: -0.03em;
}

/* === MOBILE (default ≤749px) === */
.cm h1 { font-size: 3.2rem; }
.cm h2 { font-size: 3.2rem; }
.cm h3 { font-size: 2.4rem; }

/* Body .cm p - DM Sans 500, line-height 1.4 (Shopify-accurate) */
.cm p,
.cm {
  font-family: var(--hurom-font-system);
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 500;
  color: var(--hurom-text-body);
  text-align: left;
}

@media only screen and (min-width: 750px) {
  .cm h1 { font-size: 4rem; }
  .cm h2 { font-size: 4rem; }
  .cm h3 { font-size: 2.8rem; }
  .cm p, .cm {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

@media only screen and (min-width: 1068px) {
  .cm h1 { font-size: 4.8rem; }
  .cm h2 { font-size: 4.8rem; }
  .cm h3 { font-size: 2.8rem; }
  .cm p, .cm {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media only screen and (min-width: 1440px) {
  .cm h1 { font-size: 5.6rem; }
  .cm h2 { font-size: 5.6rem; }
}


/* ══════════════════════════════════════════════════════════
   16. BLOG — ZACHOWANE NIETKNIĘTE
   ══════════════════════════════════════════════════════════ */

h3.article__name_wrapper {
  font-size: 2rem !important;
  text-decoration: none !important;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.article__name {
  font-family: var(--hurom-font-system);
  font-weight: 700;
  letter-spacing: -0.015em;
}

#blog-item img.blog_image {
  max-width: 100%;
  display: none;
}

/* Blog post - Apple-parity + Poppins headlines (v5.2: zunifikowane z resztą) */
#blog-item .cm h1,
#blog-item .cm h2,
#blog-item .cm h3 {
  font-family: var(--hurom-font-heading);   /* v5.2: Poppins (było system) */
  font-weight: 800;
  color: #0f3d25;
  margin: 56px 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #d1f0e0;
  letter-spacing: -0.025em;
  line-height: 1.1;
}

#blog-item .cm h1 { font-size: 3.2rem; }
#blog-item .cm h2 { font-size: 3.2rem; }
#blog-item .cm h3 {
  font-size: 2.4rem;
  line-height: 1.15;
  font-weight: 700;
}

@media (min-width: 750px) {
  #blog-item .cm h1 { font-size: 4rem; }
  #blog-item .cm h2 { font-size: 4rem; }
  #blog-item .cm h3 { font-size: 2.8rem; }
}

@media (min-width: 1068px) {
  #blog-item .cm h1 { font-size: 4.8rem; }
  #blog-item .cm h2 { font-size: 4.8rem; }
}

@media (min-width: 1440px) {
  #blog-item .cm h1 { font-size: 5.6rem; }
  #blog-item .cm h2 { font-size: 5.6rem; }
}

#blog-item .cm p {
  color: var(--hurom-text-body);
  font-size: 1.7rem;
  line-height: 1.5;
  letter-spacing: 0;
  margin-bottom: 20px;
  font-weight: 500;
}

@media (min-width: 750px) {
  #blog-item .cm p {
    font-size: 1.9rem;
    line-height: 1.5;
  }
}

@media (min-width: 1068px) {
  #blog-item .cm p {
    font-size: 2.1rem;
    line-height: 1.5;
  }
}

#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: var(--hurom-ink-soft);
}


/* ══════════════════════════════════════════════════════════
   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: var(--hurom-white) !important;
}

.label.--promo {
  display: none;
}

.fullwidth_banner_buttons .btn {
  color: var(--hurom-ink) !important;
}

a[href="/Promocja-spromo-pol.html"] {
  color: var(--hurom-ink-soft) !important;
}

a[href="https://hurom.pl/data/include/cms/Quiz/strona.html"] {
  color: var(--hurom-lime) !important;
}

/* AI Chef - gradient brand mint -> hover (nowy mint #3FBE69) */
a.nav-link.--l1[href="https://hurom.pl/Hurom-AI-Chef-ccms-pol-197.html"] {
  background: linear-gradient(to right, var(--hurom-mint-light), var(--hurom-mint));
  -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: 0 !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;
  }
}