/* ══════════════════════════════════════════════════════════
   HUROM.PL — Custom CSS
   Wersja: 3.0
   Fonty: Poppins (display) + DM Sans (body) z Google Fonts
   Polskie znaki: latin-ext (auto przez Google CDN)
   ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   1. FONTY — Google Fonts (auto latin-ext dla polskich znaków)
   ══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&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
   ══════════════════════════════════════════════════════════ */
/*
  Zasada:
  - Nagłówki (h1–h6)  → Poppins (ExtraBold/Bold/SemiBold)
  - Akapity / body    → DM Sans
  - UI labels/buttons → Poppins
*/

body, p, li, td, input, textarea, select {
  font-family: 'DM Sans', Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

button {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

h1, h2 {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 800;
}

h3 {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 700;
}

h4, h5, h6 {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
}

strong, b {
  font-weight: 700;
}

.big_label,
.headline {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 800;
}

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

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

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

header .nav-link {
  font-family: 'Poppins', Arial, sans-serif;
  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: 'Poppins', Arial, sans-serif;
  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: 'Poppins', Arial, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

footer span.nav-link {
  font-family: 'Poppins', Arial, sans-serif !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
   ══════════════════════════════════════════════════════════ */

.product__name {
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 800;
  font-size: 1.5rem;
}

@media (min-width: 757px) {
  .product_name__name {
    font-size: 3.5rem;
  }
}

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

#projector_form .projector_prices__info {
  display: none;
}

#projector_form .projector_prices__maxprice_wrapper {
  font-family: 'Poppins', Arial, sans-serif !important;
}

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

.projector_details {
  font-family: 'Poppins', Arial, sans-serif !important;
  font-size: 1.6rem;
}

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

.label_icons > * {
  font-family: 'Poppins', Arial, sans-serif !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: 'Poppins', Arial, sans-serif !important;
}

span.omnibus_label {
  color: #333333;
  font-family: 'Poppins', Arial, sans-serif !important;
}

.omnibus_price {
  line-height: 20px;
  font-family: 'Poppins', Arial, sans-serif;
}

.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
   ══════════════════════════════════════════════════════════ */

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

#main_banner1 .main_slider__label {
  font-size: 3rem;
  margin-bottom: 3.5rem;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 800;
}

#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.6rem;
  margin-bottom: 3rem;
}

#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: 3rem; }
  #main_banner1 .main_slider__content { padding: 0 5rem; }
  #main_banner1 .main_slider__description { font-size: 2rem; margin-bottom: 3rem; }
}

@media only screen and (min-width: 1280px) {
  #main_banner1 .main_slider__label { font-size: 5rem; }
  #main_banner1 .main_slider__description { font-size: 2.6rem; }
}

@media only screen and (min-width: 1680px) {
  #main_banner1 .main_slider__label { font-size: 6rem; }
}

@media only screen and (min-width: 1920px) {
  #main_banner1 .main_slider__label { font-size: 7rem; }
}

/* ══════════════════════════════════════════════════════════
   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)
   Nagłówki CM — Poppins, NIE nadpisuje sekcji .hx
   ══════════════════════════════════════════════════════════ */

.cm h1, .cm h2, .cm h3 {
  font-family: 'Poppins', Arial, sans-serif;
  line-height: 1.1 !important;
}

@media only screen and (min-width: 750px) {
  .cm h2 { font-size: 2.8rem; }
  .cm h3 { font-size: 2rem; }
  .cm p  { font-size: 1.6rem; }
  .cm    { font-size: 1.6rem; }
}

@media only screen and (min-width: 1600px) {
  .cm h2 { font-size: 4rem; }
  .cm h3 { font-size: 3rem; }
}

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

h3.article__name_wrapper {
  font-size: 2rem !important;
  text-decoration: none !important;
}

.article__name {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 800;
}

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

#blog-item .cm h1,
#blog-item .cm h2,
#blog-item .cm h3 {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 800;
  color: #0f3d25;
  margin: 56px 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #d1f0e0;
}

#blog-item .cm h1 { font-size: 26px; }
#blog-item .cm h2 { font-size: 26px; }
#blog-item .cm h3 { font-size: 17px; }

#blog-item .cm p {
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

#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: 14px;
  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: 14px;
  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: 13px;
  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: 'Poppins', Arial, sans-serif;
}

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

.tm-hydra {
  font-family: 'Poppins', Arial, sans-serif;
}

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

.label.--promo {
  color: #fff;
  background: linear-gradient(135deg, #0f3d25 0%, #1a7a45 100%);
  border: 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;
  }
}