.newsletter {
display: none;
}

:root {
  --footer-before-background: #78c500 !important;
  --hotspot-arrow-color: #78c500 !important;
  --hotspot-arrow-background-hover: #78c500 !important;
}

/* ============================================
   Breadcrumbs dropdown - fix tekstu lamanego w pionie
   Pulse domyslnie dropdown dziedziczy szerokosc parent-a (75px),
   przez co dlugie nazwy modeli laduja sie pionowo po slowie.
   Wymus auto-szerokosc + zakaz lamania.
   ============================================ */
.breadcrumbs .category .breadcrumbs__sub {
  min-width: 240px !important;
  width: auto !important;
}
.breadcrumbs .breadcrumbs__sub .breadcrumbs__item,
.breadcrumbs .breadcrumbs__sub .breadcrumbs__link {
  white-space: nowrap !important;
  word-break: normal !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, #56D17B, #44BE70);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent; /* fallback dla przeglądarek bez -webkit */
}

/* ============================================================
   UJEDNOLICENIE OPISU PRODUKTU (Pulse2)
   ============================================================
   Cztery scenariusze:
   1. Custom landing z wlasnym <style> (np. Bamix) - tylko biala ramka,
      typografia nieruszana
   2. Czysty HTML opis (np. Garland) - biala ramka + standardowa typografia
   3. Edytor Pulse 1 sekcja (np. Alessi) - biala ramka + typografia
   4. Edytor Pulse wiele sekcji (np. bikerun) - JEDEN wspolny panel
      zamiast osobnych biaylch kafelkow
   ============================================================ */

/* A. Opis BEZ edytora - biala ramka wokol (dziala dla custom landingow tez) */
#projector_longdescription:not(.newdescription) {
  background: #fff !important;
  border-radius: 24px !important;
  padding: 40px 56px !important;
  margin: 0 0 40px !important;
}
@media (max-width: 768px) {
  #projector_longdescription:not(.newdescription) {
    padding: 24px 20px !important;
    border-radius: 16px !important;
  }
}

/* B. Opis Z edytora - jeden wspolny bialy panel na cala grupe sekcji */
.newdescription__group {
  background: #fff !important;
  border-radius: 24px !important;
  padding: 40px 56px !important;
  margin: 0 0 40px !important;
  gap: 24px !important;
}
@media (max-width: 768px) {
  .newdescription__group {
    padding: 24px 20px !important;
    border-radius: 16px !important;
    gap: 20px !important;
  }
}

/* B.1 Pojedyncza sekcja - przezroczysta, bez wlasnego panelu */
.newdescription__section {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: block !important;
  gap: 0 !important;
}

/* B.2 Layouty zlozone (column/default z obrazkami) zachowuja grida */
.newdescription__section[data-layout="column"],
.newdescription__section[data-layout="default"] {
  display: grid !important;
  gap: 32px !important;
}

/* C. NAGLOWKI I TEKST - tylko dla opisow Z edytora ORAZ
   zwyklych HTML BEZ wlasnego <style> w srodku (omijamy custom landingi) */

/* C.1 Opisy z edytora Pulse */
.newdescription h2 {
  font-size: 28px !important;
  line-height: 1.25 !important;
  margin: 28px 0 16px !important;
  font-weight: 600 !important;
}
.newdescription h3 {
  font-size: 22px !important;
  line-height: 1.3 !important;
  margin: 24px 0 12px !important;
  font-weight: 600 !important;
}
.newdescription h4 {
  font-size: 18px !important;
  line-height: 1.35 !important;
  margin: 20px 0 10px !important;
  font-weight: 600 !important;
}
.newdescription p {
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 14px !important;
}
.newdescription ul,
.newdescription ol {
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 14px !important;
}

/* C.2 Zwykly HTML opis (bez edytora, bez custom <style>) */
#projector_longdescription:not(.newdescription):not(:has(> style)) h2 {
  font-size: 28px !important;
  line-height: 1.25 !important;
  margin: 28px 0 16px !important;
  font-weight: 600 !important;
}
#projector_longdescription:not(.newdescription):not(:has(> style)) h3 {
  font-size: 22px !important;
  line-height: 1.3 !important;
  margin: 24px 0 12px !important;
  font-weight: 600 !important;
}
#projector_longdescription:not(.newdescription):not(:has(> style)) h4 {
  font-size: 18px !important;
  line-height: 1.35 !important;
  margin: 20px 0 10px !important;
  font-weight: 600 !important;
}
#projector_longdescription:not(.newdescription):not(:has(> style)) p {
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 14px !important;
}
#projector_longdescription:not(.newdescription):not(:has(> style)) ul,
#projector_longdescription:not(.newdescription):not(:has(> style)) ol {
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 14px !important;
}

/* D. Trim marginesow przy krawedziach panelu */
#projector_longdescription:not(.newdescription):not(:has(> style)) > *:first-child,
.newdescription__group > .newdescription__section:first-child > *:first-child,
.newdescription__group > .newdescription__section:first-child {
  margin-top: 0 !important;
}
#projector_longdescription:not(.newdescription):not(:has(> style)) > *:last-child,
.newdescription__group > .newdescription__section:last-child > *:last-child,
.newdescription__group > .newdescription__section:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  .newdescription h2,
  #projector_longdescription:not(.newdescription):not(:has(> style)) h2 { font-size: 22px !important; }
  .newdescription h3,
  #projector_longdescription:not(.newdescription):not(:has(> style)) h3 { font-size: 18px !important; }
  .newdescription h4,
  #projector_longdescription:not(.newdescription):not(:has(> style)) h4 { font-size: 16px !important; }
  .newdescription p,
  .newdescription ul,
  .newdescription ol,
  #projector_longdescription:not(.newdescription):not(:has(> style)) p,
  #projector_longdescription:not(.newdescription):not(:has(> style)) ul,
  #projector_longdescription:not(.newdescription):not(:has(> style)) ol { font-size: 14px !important; }
}


/* ════════════════════════════════════════════════════════
   FIX: Galeria z 1 zdjęciem - rozciąga na pełną szerokość
   (zamiast 50% jak default Pulse z grid 2-kolumnowym)
   ════════════════════════════════════════════════════════ */
@media (min-width: 757px) {
  #projector_photos.photos:not(.--gallery-modal) .photos__slider .swiper-wrapper:has(> .photos__figure.swiper-slide:only-child) {
    grid-template-columns: 1fr !important;
  }
}



/* ════════════════════════════════════════
   4. FIX: Apple Pay / Google Pay - przycinanie borderu
   ════════════════════════════════════════ */
.projector_oneclick__item,
#oneclick_googlePay,
#oneclick_applePay,
[id*="oneclick_"][class*="--googlePay"],
[id*="oneclick_"][class*="--applePay"] {
  min-height: 60px !important;
  height: auto !important;
  overflow: visible !important;
}

.projector_oneclick__items {
  overflow: visible !important;
}

.projector_oneclick__item iframe {
  display: block !important;
  width: 100% !important;
}

:root {
  --swiper-pagination-bullet-inactive-color: #BDBDBD;
}

.projector_tabs__mobile {
  min-width: 0 !important;
}

/* Mobile - wyłącz wbudowany padding 32px sekcji opisu */
@media (max-width: 978px) {
  .newdescription {
    --longdescription-section-padding: 0 !important;
  }
}


/* === Header + menu szersze do 1680px, reszta strony bez zmian === */
@media (min-width: 1400px) {
  
  /* Rozszerz główny wrapper (header + treść siedzi w nim) */
  body > #container.max-width-1200 {
    max-width: 1680px !important;
  }
  
  /* Cofnij szerokość dla części z treścią produktu */
  #container > #layout {
    max-width: 1398px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
}



#main_tree5 .section {
    display: none;
}
/* === Karta produktu: max 4 zdjęcia w galerii (tylko desktop) === */
@media (min-width: 1024px) {
  
  /* Ukryj slajdy od 5. wzwyż */
  .photos___slider_wrapper .photos__figure.swiper-slide:nth-child(n+5) {
    display: none !important;
  }
  
  /* Wymuś kwadratowy kafelek (ratio 1:1) */
  .photos___slider_wrapper .photos__figure.swiper-slide {
    aspect-ratio: 1 / 1;
    height: auto !important;
    overflow: hidden;
    background: #fff;
    border-radius: 24px; /* dopasuj wartość jeśli trzeba */
  }
  
  /* Zdjęcie wypełnia kafelek bez przycinania */
  .photos___slider_wrapper .photos__figure.swiper-slide picture,
  .photos___slider_wrapper .photos__figure.swiper-slide picture img,
  .photos___slider_wrapper .photos__figure.swiper-slide video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: inherit; /* żeby img też się ładnie wpisał */
  }
  
}



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

#search .product__traits {
    border-top: 1px solid #E5E5E5;
    padding: var(--product-content-padding) 0;
    margin: 0 var(--product-content-padding);
    display: none !important;
}

.projector_status__info_amount {
    display: none;
}

.tm-multihornet__wrapper .tm-grade-label__star .trustmate-star__icon {
    padding-top: 5px;
    padding-bottom: 5px;
}

.traits {
    font-size: 1.4rem;
    margin-bottom: 3.2rem;
    padding: 3.2rem 0;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    display: none;
}

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

#projector_form .projector_prices__lowest_price {
    margin: var(--projector-details-lowest-price-margin, 0px);
    padding: var(--projector-details-lowest-price-padding, 0px);
    display: none;
}

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

.Hurom_AddOn_1_bannerWrap {
    background: #ffffff!important;
}

#blog-item img.blog_image {
    display: none;
}



#main_news {
    display: none;
}


/* ============================================
   KARTY WPISÓW BLOGOWYCH (sekcja Blog)
   Białe tło + delikatny cień, spójne zaokrąglenia
   ============================================ */

:root {
  --article-icon-background: #ffffff;
}

.article__item {
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
  overflow: hidden !important;
  transition: box-shadow .25s ease, transform .25s ease;
}

.article__item:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px);
}

.article__image_wrapper {
  background: #ffffff !important;
}

/* ============================================================
   STRONA POSREDNIA NAWIGACJI (pol_n_*.html)
   Lista podkategorii jako karty 4-kolumnowe z duzymi zdjeciami.
   Modernizuje plaski oldschoolowy layout Pulse domyslny.
   ============================================================ */

/* Grid: 4 kolumny desktop, 3 tablet, 2 mobile.
   overflow:visible + height:auto - bo Pulse ustawia height:1268px
   sztywno co tnie ostatni rzad gdy wracamy z 5 kolumn do 4. */
.navigation_items {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  overflow: visible !important;
  height: auto !important;
  padding: 4px !important;
  margin: -4px !important;
}
@media (max-width: 1024px) {
  .navigation_items {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 768px) {
  .navigation_items {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

/* Kafelek - karta z shadow zamiast border */
.navigation_item {
  background: #fff !important;
  border: 0 !important;
  border-radius: 20px !important;
  padding: 24px 20px 22px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.04) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
}

.navigation_item:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.04) !important;
  transform: translateY(-2px);
}

/* Zdjecie - duzy kwadratowy kontener
   height:auto + aspect-ratio nadpisuje sztywne height:150px z Pulse */
.navigation_item .navigation_img {
  background: #f7f7f7 !important;
  border-radius: 14px !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  padding: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.navigation_item .navigation_img img {
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
}

/* Nazwa podkategorii */
.navigation_item .name {
  text-decoration: none !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #0D232B !important;
  text-align: center !important;
  margin-top: 4px !important;
}

/* Licznik produktow */
.navigation_item .count {
  font-size: 13px !important;
  color: #6B7785 !important;
  text-align: center !important;
  margin-top: -8px !important;
}

/* ============================================
   STOPKA - menu_categories3 
   (sekcja "Poznaj Hurom / Zastosowanie / Rodzaje / Zakres cenowy")
   Nagłówki czarne, linki białe + odstęp od góry
   ============================================ */

/* Odstęp od góry - oddzielenie od białej sekcji powyżej */
#menu_categories3 {
  padding-top: 48px !important;
  margin-top: 24px !important;
}

/* Nagłówki kolumn */
#menu_categories3 .navbar-nav > .nav-item > span.nav-link,
#menu_categories3 .navbar-nav > .nav-item > a.nav-link {
  color: #0d232b !important;
  font-family: 'DM Sans', -apple-system, system-ui, 'Segoe UI', Roboto,
               'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
}

/* Lista linków podrzędnych */
#menu_categories3 .navbar-subnav .nav-link {
  color: #ffffff !important;
  font-family: 'DM Sans', -apple-system, system-ui, 'Segoe UI', Roboto,
               'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 2px 0 !important;
  text-decoration: none !important;
  transition: opacity .2s ease;
}

/* Hover na linkach */
#menu_categories3 .navbar-subnav .nav-link:hover,
#menu_categories3 .navbar-subnav .nav-link:focus {
  color: #ffffff !important;
  opacity: .75;
  text-decoration: underline !important;
}

#menu_categories3 .navbar-subnav .nav-item {
  margin-bottom: 4px !important;
}

/* Wersja mobilna */
@media (max-width: 768px) {
  #menu_categories3 {
    padding-top: 32px !important;
    margin-top: 16px !important;
  }
  #menu_categories3 .navbar-nav > .nav-item > span.nav-link,
  #menu_categories3 .navbar-nav > .nav-item > a.nav-link {
    font-size: 15px !important;
    margin-bottom: 10px !important;
  }
  #menu_categories3 .navbar-subnav .nav-link {
    font-size: 13px !important;
  }
}