/* v66-fixes.css — wyniesione 2026-08-25 z legacy/v66-fixes.php.
 * Bylo: 94 275 B inline <style> na KAZDEJ stronie (44% wagi HTML).
 * Porownanie: hbt.com.pl wysylal 593 KB HTML, roltrac.pl na tym samym
 * serwerze 67 KB — stad PSI mobile 57 vs 91.
 * UWAGA: plik jest linkowany na wp_head priorytet 1300 z data-no-optimize,
 * zeby zachowac POZYCJE NA KONCU KASKADY. Nie przenosic do wp_enqueue_style,
 * bo trafi na priorytet 8 i reguly przestana wygrywac kolejnoscia. */
.fa, .fas, .far, .fal, .fab{
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  display: inline-block !important;
}
i.fas.ph,
i.fas[class*=" ph-"],
i[class*=" ph-"].fas,
.fas.ph::before,
i.fas[class*=" ph-"]::before{
  font-family: "Phosphor", "Font Awesome 6 Free" !important;
}
.far{font-weight:400 !important;}
.fab{font-family:"Font Awesome 6 Brands","Font Awesome 5 Brands" !important; font-weight:400 !important;}
.fa-tractor::before{content:"\f722"}
.fa-cogs::before,.fa-gears::before{content:"\f085"}
.fa-wrench::before{content:"\f0ad"}
.fa-horse::before{content:"\f6f0"}
.fa-apple-alt::before,.fa-apple-whole::before{content:"\f5d1"}
.fa-truck::before{content:"\f0d1"}
.fa-shield::before,.fa-shield-blank::before{content:"\f132"}
.fa-shield-alt::before{content:"\f3ed"}
.fa-headset::before{content:"\f590"}
.fa-search::before,.fa-magnifying-glass::before{content:"\f002"}
.fa-shopping-cart::before,.fa-cart-shopping::before{content:"\f07a"}
.fa-heart::before{content:"\f004"}
.fa-user::before{content:"\f007"}
.fa-phone::before{content:"\f095"}
.fa-envelope::before{content:"\f0e0"}
.fa-chevron-down::before{content:"\f078"}
.fa-chevron-up::before{content:"\f077"}
.fa-chevron-left::before{content:"\f053"}
.fa-chevron-right::before{content:"\f054"}
.fa-arrow-right::before{content:"\f061"}
.fa-arrow-left::before{content:"\f060"}
.fa-book-open::before{content:"\f518"}
.fa-tag::before{content:"\f02b"}
.fa-tags::before{content:"\f02c"}
.fa-check::before{content:"\f00c"}
.fa-check-circle::before,.fa-circle-check::before{content:"\f058"}
.fa-times::before,.fa-xmark::before{content:"\f00d"}
.fa-bars::before{content:"\f0c9"}
.fa-star::before{content:"\f005"}
.fa-info-circle::before,.fa-circle-info::before{content:"\f05a"}
.fa-money-bill::before,.fa-money-bill-1::before{content:"\f3d1"}
.fa-money-check::before,.fa-money-check-dollar::before{content:"\f53d"}
.fa-clock::before{content:"\f017"}
.fa-map-marker::before,.fa-map-marker-alt::before,.fa-location-dot::before{content:"\f3c5"}
html body header.hbt-page-header{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
html body header.hbt-page-header > .container-full{
  padding-left: 24px !important;
  padding-right: 24px !important;
  width: 100% !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}
@media (max-width: 991px){
  html body main.hbt-main-wrap{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  html body main.hbt-main-wrap > main,
  html body main.hbt-main-wrap > div,
  html body main.hbt-main-wrap > article,
  html body main.hbt-main-wrap article.hbt-page-article,
  html body main.hbt-main-wrap article.page,
  html body main.hbt-main-wrap article.post,
  html body main.hbt-main-wrap .site-main,
  html body main.hbt-main-wrap .content-area,
  html body main.hbt-main-wrap .hbt-page,
  html body main.hbt-main-wrap .hbt-page-content,
  html body main.hbt-main-wrap .hbt-page-content--shortcode,
  html body main.hbt-main-wrap .container-full,
  html body main.hbt-main-wrap .container,
  html body main.hbt-main-wrap > .container-full,
  html body main.hbt-main-wrap div.container-full,
  html body section .container-full,
  html body.single-product .container-full,
  html body main.hbt-main-wrap .hbt-shop-outer,
  html body main.hbt-main-wrap .hbt-shop-main,
  html body main.hbt-main-wrap .hbt-shop-wrap,
  html body main.hbt-main-wrap .hbt-shop-hdr,
  html body main.hbt-main-wrap section.sp-section,
  html body main.hbt-main-wrap section.sp-badges-section,
  html body main.hbt-main-wrap section.sp-tabs-section,
  html body main.hbt-main-wrap section.related,
  html body main.hbt-main-wrap section.upsells,
  html body main.hbt-main-wrap .hbt-sp-wrap,
  html body main.hbt-main-wrap .sp-layout,
  html body main.hbt-homepage > .container-full,
  html body main.hbt-homepage .container-full,
  html body main.hbt-homepage div.home-layout,
  html body main.hbt-homepage div.home-content,
  html body main.hbt-main-wrap > main.hbt-homepage,
  html body main.hbt-main-wrap section.contact-hero,
  html body main.hbt-main-wrap .contact-hero-inner,
  html body main.hbt-main-wrap section[class*="contact-"],
  html body main.hbt-main-wrap section.hbt-seo-expandable,
  html body main.hbt-main-wrap section.hbt-newsletter,
  html body main.hbt-main-wrap section.hbt-footer-description{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html body main.hbt-main-wrap h1,
  html body main.hbt-main-wrap .hbt-shop-hdr h1,
  html body.single-product h1.product_title,
  html body.single-product h1.sp-title-full,
  html body.single-product h1.entry-title,
  html body.single-product .sp-info h1,
  html body.single-product .summary h1,
  html body.woocommerce-shop h1,
  html body.tax-product_cat h1,
  html body.tax-product_brand h1,
  html body main.hbt-main-wrap article h1,
  html body main.hbt-main-wrap section h1,
  html body main.hbt-main-wrap .contact-hero h1{
    font-size: 22px !important;
    line-height: 1.25 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    margin: 0 0 12px !important;
  }
  /* 2026-08-11: nagłówek wyników wyszukiwania cytuje DOSŁOWNIE frazę wpisaną
   * przez użytkownika — automatyczne dzielenie robiło z niej "filtr ole-ju"
   * / "akumu-lator". Długie nazwy produktów/kategorii (reguła wyżej) dalej
   * dzielimy, bo tam to pomaga. */
  html body.search main.hbt-main-wrap h1,
  html body.search-results main.hbt-main-wrap h1,
  html body.search-no-results main.hbt-main-wrap h1{
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }
  html body main.hbt-main-wrap section h2,
  html body main.hbt-main-wrap article h2{
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
}
@media (max-width: 380px){
  html body main.hbt-main-wrap{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  html body main.hbt-main-wrap h1,
  html body.single-product h1.product_title,
  html body.single-product h1.sp-title-full,
  html body.single-product h1.entry-title{
    font-size: 19px !important;
  }
}
@media (max-width: 360px){
  html body main.hbt-main-wrap{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (max-width: 991px){
  html body main.hbt-homepage > section,
  html body main.hbt-homepage > div > section,
  html body main.hbt-homepage section.hbt-hero-slider,
  html body main.hbt-homepage section.home-info-bar,
  html body main.hbt-homepage section.home-products-carousel,
  html body main.hbt-homepage section.home-categories,
  html body main.hbt-homepage section.home-banners,
  html body main.hbt-homepage section.hbt-offer,
  html body main.hbt-homepage section.hbt-industries,
  html body main.hbt-homepage section.hbt-about,
  html body main.hbt-homepage section.hbt-testimonials,
  html body main.hbt-homepage section.hbt-brands-section,
  html body main.hbt-homepage section.hbt-blog,
  html body main.hbt-homepage section.hbt-seo-expandable,
  html body main.hbt-homepage section.hbt-newsletter,
  html body main.hbt-homepage section.hbt-trust-bar,
  html body section.hbt-footer-description{
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html body main.hbt-homepage section > .container-full,
  html body main.hbt-homepage section > .container,
  html body main.hbt-homepage section > .home-content,
  html body main.hbt-homepage section > .section-inner,
  html body main.hbt-homepage section > .hbt-homepage-section-inner,
  html body main.hbt-homepage > section > .container-full,
  html body main.hbt-homepage > section > .home-content,
  html body main.hbt-homepage > section > .section-inner,
  html body main.hbt-homepage > section > .hbt-homepage-section-inner,
  html body main.hbt-homepage .hbt-seo-inner,
  html body main.hbt-homepage .newsletter-inner,
  html body main.hbt-homepage .hbt-fd-inner,
  html body main.hbt-homepage .section-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  html body.single-product section.sp-section,
  html body.single-product section.sp-badges-section,
  html body.single-product section.sp-tabs-section,
  html body.single-product section.related,
  html body.single-product section.upsells,
  html body.single-product section.products,
  html body.single-product .hbt-cross-sell-section{
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html body.single-product section.sp-section .hbt-sp-wrap,
  html body.single-product section.sp-section .sp-layout,
  html body.single-product .hbt-sp-wrap,
  html body.single-product .sp-layout,
  html body.single-product .sp-gallery,
  html body.single-product .sp-info,
  html body.single-product .sp-info.summary,
  html body.single-product .sp-info.summary.entry-summary{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html body.single-product section.sp-section{ margin-bottom: 24px !important; }
  html body.single-product section.sp-badges-section{ margin: 16px 0 !important; }
  html body.single-product section.sp-tabs-section{ margin: 16px 0 !important; }
  html body.single-product section.related,
  html body.single-product section.upsells{ margin-top: 24px !important; }
  html body.woocommerce-shop .hbt-shop-outer,
  html body.tax-product_cat .hbt-shop-outer,
  html body.tax-product_brand .hbt-shop-outer,
  html body.archive .hbt-shop-outer,
  html body.woocommerce-shop section.hbt-seo-expandable,
  html body.tax-product_cat section.hbt-seo-expandable,
  html body.tax-product_brand section.hbt-seo-expandable,
  html body.archive section.hbt-seo-expandable{
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  html body .hbt-shop-main,
  html body .hbt-shop-wrap,
  html body.woocommerce-shop section.hbt-seo-expandable > .container-full,
  html body.tax-product_cat section.hbt-seo-expandable > .container-full{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body main > section.contact-hero,
  html body main > section.contact-departments,
  html body main > section.contact-form,
  html body main > section.contact-tiles,
  html body main > section.contact-map,
  html body main > section[class*="contact-"],
  html body.page-template-page-contact main > section,
  html body.page-template-page-kontakt main > section,
  html body.page-id-7 main > section{
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html body .contact-hero-inner,
  html body .contact-tile-grid,
  html body .contact-tile,
  html body .contact-hero-lead,
  html body .contact-hero-actions,
  html body .contact-hero-eyebrow,
  html body .contact-departments-grid,
  html body .contact-form-wrap,
  html body [class^="contact-"][class*="-inner"],
  html body [class^="contact-"][class*="-grid"]{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html body .contact-tile{
    padding: 14px !important;
    margin: 0 0 10px !important;
  }
  html body .contact-tile-icon{
    margin: 0 auto 12px !important;
  }
  html body .contact-hero-eyebrow,
  html body .contact-hero-lead,
  html body .contact-hero-actions{
    text-align: center !important;
  }
  html body .hbt-hero-slider,
  html body .hbt-hero-slider-stage,
  html body section.hbt-hero-slider{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html body .hbt-hero-slide{
    padding: 0 !important;
    margin: 0 !important;
  }
  html body .hbt-hero-slide-inner,
  html body .hbt-hero-slide-text,
  html body .hbt-hero-slide-content{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  html body .home-banners,
  html body section.home-banners,
  html body div.home-banners,
  html body .banner-track,
  html body .hbt-product-carousel,
  html body section.home-products-carousel{
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
}
@media (max-width: 380px){
  html body main.hbt-homepage > section,
  html body main.hbt-homepage > div > section,
  html body .hbt-shop-outer,
  html body main > section[class*="contact-"],
  html body main > section.contact-hero,
  html body main > section.contact-departments,
  html body.single-product section.sp-section,
  html body.single-product section.sp-badges-section,
  html body.single-product section.sp-tabs-section,
  html body.single-product section.related,
  html body.single-product section.upsells{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (max-width: 768px){
  html body .top-bar,
  html body .hbt-top-bar,
  html body .site-top-bar,
  html body .promo-bar,
  html body .top-info-bar,
  html body header > .top-bar,
  html body header .top-bar{
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px){
  html body .top-bar,
  html body .hbt-top-bar{
    font-size: 12px !important;
    padding: 4px 12px !important;
  }
}
@media (max-width: 320px){
  html body .top-bar{
    display: none !important;
  }
  html body .site-header{
    padding: 6px 8px !important;
  }
  html body .site-header .header-phones span,
  html body .site-header .phone-info,
  html body .site-header [class*="phone-num"]{
    display: none !important;
  }
  html body .site-header .site-logo img,
  html body .site-header img.logo{
    max-width: 100px !important;
    height: auto !important;
  }
}
@media (max-height: 480px) and (orientation: landscape){
  html body .top-bar,
  html body .hbt-top-bar{
    display: none !important;
  }
  html body .site-header{
    min-height: 50px !important;
    padding: 4px 12px !important;
  }
  html body .hbt-hero-slide{
    min-height: 280px !important;
  }
}
@media (min-width: 901px) and (max-width: 1199px){
  html body .hbt-mobile-search-row{
    display: none !important;
  }
  html body .top-bar,
  html body .hbt-top-bar{
    font-size: 12px !important;
    padding: 4px 16px !important;
  }
  html body .site-header,
  html body header.site-header{
    padding: 8px 16px !important;
  }
  html body .hbt-mobile-hamburger{
    width: 44px !important;
    height: 44px !important;
  }
  html body .header-actions .ha-cart,
  html body .ha-cart{
    width: 44px !important;
    height: 44px !important;
  }
}
html body .hbt-mobile-hamburger .hbt-hamb-bars,
html body .hbt-mobile-hamburger .fa-bars{
  font-size: 0 !important;
  width: 24px !important;
  height: 18px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
html body .hbt-mobile-hamburger .hbt-hamb-bars::before,
html body .hbt-mobile-hamburger .fa-bars::before{
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  width: 24px !important;
  height: 2.5px !important;
  background: #fff !important;
  border-radius: 2px !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff !important;
  font-family: inherit !important;
  font-size: 0 !important;
}
html body .hbt-mobile-hamburger .hbt-hamb-x,
html body .hbt-mobile-hamburger .fa-times{
  font-size: 0 !important;
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(0deg) !important;
}
html body .hbt-mobile-hamburger .hbt-hamb-x::before,
html body .hbt-mobile-hamburger .fa-times::before{
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 24px !important;
  height: 2.5px !important;
  background: #fff !important;
  border-radius: 2px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 0 !important;
}
html body .hbt-mobile-hamburger .hbt-hamb-x::after,
html body .hbt-mobile-hamburger .fa-times::after{
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 24px !important;
  height: 2.5px !important;
  background: #fff !important;
  border-radius: 2px !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}
html body .hbt-mobile-bottom-bar a[href*="my-account"] i.fas,
html body .hbt-mobile-bottom-bar a[href*="zaloguj"] i.fas,
html body .hbt-mobile-bottom-bar a[href*="login"] i.fas,
html body .hbt-bottom-bar a[href*="my-account"] i.fas,
html body .mobile-bottom-bar i.fa-right-to-bracket,
html body .mobile-bottom-bar i.fa-sign-in,
html body .mobile-bottom-bar i.fa-user{
  font-size: 0 !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231A1714" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>') center/contain no-repeat !important;
}
html body .hbt-mobile-bottom-bar a[href^="tel:"] i.fas,
html body .hbt-bottom-bar a[href^="tel:"] i.fas{
  font-size: 18px !important;
}
html body .hbt-mobile-bottom-bar i.fas,
html body .hbt-mobile-bottom-bar i.far,
html body .hbt-mobile-bottom-bar i.fab,
html body .hbt-bottom-bar i.fas,
html body .hbt-bottom-bar i.far{
  font-size: 20px !important;
  line-height: 1 !important;
  display: inline-block !important;
}
@media (min-width: 1200px){
  html body .hbt-mobile-hamburger,
  html body .hbt-mobile-bottom-bar,
  html body .hbt-mobile-toolbar,
  html body #hbtMToolbar{
    display: none !important;
  }
  html body .site-nav-row,
  html body .site-nav,
  html body header nav.main-nav{
    display: flex !important;
  }
}
html body .hbt-hero-slider,
html body .hbt-hero-slider-stage,
html body .hbt-hero-slide,
html body .hbt-hero-slide.hbt-hero-slide{
  background-color: #f5f5f5 !important;
}
html body .hbt-hero-slide .hbt-hero-slide-text,
html body .hbt-hero-slide .hbt-hero-desc,
html body .hbt-hero-slide .hbt-hero-title,
html body .hbt-hero-slide-text *{
  text-shadow: 0 2px 10px rgba(0,0,0,.65), 0 1px 3px rgba(0,0,0,.55) !important;
}
html body .hbt-hero-slide h1,
html body .hbt-hero-slide h2,
html body .hbt-hero-slide h3,
html body .hbt-hero-slider h1,
html body .hbt-hero-slider h2,
html body .hbt-hero-slider h3{
  text-shadow: 0 2px 12px rgba(0,0,0,.65), 0 1px 3px rgba(0,0,0,.55) !important;
}
html body .hbt-hero-slide-text{
  background: linear-gradient(135deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.15) 60%, transparent 100%) !important;
  padding: 24px 32px !important;
  border-radius: 12px !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}
html body .hbt-carousel-arrow{
  transition: background .2s ease, color .2s ease, box-shadow .2s ease !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
html body .hbt-carousel-arrow:hover{
  transform: translateY(-50%) !important; 
  box-shadow: 0 4px 16px rgba(0,0,0,.18) !important;
  background: var(--primary,#7CB342) !important;
  color: #fff !important;
}
html body .hbt-carousel-arrow:active{
  transform: translateY(-50%) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
}
html body section.home-products-carousel .hbt-carousel-arrow{
  width: 48px !important;
  height: 48px !important;
}
html body .hbt-product-carousel,
html body .hbt-product-carousel ul.products,
html body .hbt-product-carousel ul.hbt-loop-products,
html body .swiper,
html body .swiper-wrapper,
html body [class*="carousel"]:not(html):not(body){
  touch-action: pan-x pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}
html body .hbt-hero-slider,
html body .hbt-hero-slider-stage{
  touch-action: pan-x pan-y pinch-zoom !important;
}
@media (max-width: 1024px){
  html body{
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: auto !important;
  }
}
html body section.home-products-carousel .section-header-lg a,
html body section.home-products-carousel a[href*="sklep"],
html body section.home-products-carousel a[href*="all"],
html body .home-section-header a,
html body section.home-products-carousel header a{
  white-space: nowrap !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex-shrink: 0 !important;
}
html body section.home-products-carousel a[href*="sklep"] span,
html body section.home-products-carousel a[href*="all"] span{
  white-space: nowrap !important;
}
@media (max-width: 480px){
  html body .hbt-hero-uni .hbt-hero-uni-cta,
  html body .contact-hero .cta-buttons,
  html body .about-hero .cta-buttons{
    flex-direction: column !important;
    width: 100% !important;
  }
  html body .hbt-hero-uni .hbt-hero-uni-cta > a,
  html body .contact-hero .cta-buttons > *,
  html body .about-hero .cta-buttons > *{
    width: 100% !important;
    text-align: center !important;
  }
}
html body section.hbt-offer .offer-grid,
html body section.hbt-industries .industry-grid{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
}
@media (min-width: 1200px){
  html body section.hbt-offer .offer-grid,
  html body section.hbt-industries .industry-grid{
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
  }
}
@media (max-width: 768px){
  html body section.hbt-offer .offer-grid,
  html body section.hbt-industries .industry-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}
html body section.hbt-offer .offer-card,
html body section.hbt-industries .industry-card{
  min-height: 280px !important;
  display: flex !important;
  flex-direction: column !important;
}
html body section.hbt-offer .offer-card .offer-img,
html body section.hbt-industries .industry-card .ind-img{
  position: relative !important;
}
html body section.hbt-offer .offer-card .offer-card-icon,
html body section.hbt-industries .industry-card .industry-card-icon{
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.95) !important;
  color: var(--primary-d, #7CB342) !important;
  border-radius: 50% !important;
  font-size: 22px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
  z-index: 2 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body section.hbt-offer .offer-card:not(.has-image) .offer-card-icon,
html body section.hbt-industries .industry-card:not(.has-image) .industry-card-icon{
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 64px !important;
  height: 64px !important;
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  font-size: 32px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.22) !important;
}
@media (max-width: 768px){
  html body section.hbt-offer .offer-card .offer-card-icon,
  html body section.hbt-industries .industry-card .industry-card-icon{
    width: 36px !important;
    height: 36px !important;
    font-size: 18px !important;
    top: 8px !important;
    left: 8px !important;
  }
}
@media (max-width: 991px){
  html body section.home-banners,
  html body div.home-banners,
  html body .home-banners-grid,
  html body .hbt-promo-grid{
    display: block !important;
    overflow: visible !important;
  }
  html body section.home-banners::after,
  html body div.home-banners::after,
  html body section.home-banners::before,
  html body div.home-banners::before,
  html body .home-banners-grid::after,
  html body .home-banners-grid::before{
    display: none !important;
    content: none !important;
    background: none !important;
  }
  html body section.home-banners .banner-track,
  html body div.home-banners .banner-track,
  html body .banner-track{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    transform: none !important;
  }
  html body section.home-banners .banner-card,
  html body div.home-banners .banner-card,
  html body .banner-track > a,
  html body .home-banners-grid > a,
  html body .hbt-promo-grid > a{
    min-height: 140px !important;
    max-width: none !important;
    width: 100% !important;
    flex: none !important;
  }
}
@media (max-width: 480px){
  html body section.home-banners .banner-track,
  html body div.home-banners .banner-track,
  html body .banner-track,
  html body .home-banners-grid,
  html body .hbt-promo-grid{
    grid-template-columns: 1fr !important;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  html body .hbt-trust-bar,
  html body .home-trust-bar,
  html body aside.hbt-trust-badges .hbt-trust-list,
  html body .home-info-bar{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}
@media (max-width: 768px){
  html body .hbt-trust-bar,
  html body .home-trust-bar,
  html body aside.hbt-trust-badges{
    padding: 8px 12px !important;
  }
  html body .hbt-trust-list,
  html body aside.hbt-trust-badges ul{
    gap: 6px !important;
  }
  html body .hbt-hero-slide h1,
  html body .hbt-hero-slide h2,
  html body .hbt-hero-slide .hbt-hero-title{
    font-size: 22px !important;
    line-height: 1.25 !important;
  }
  html body .hbt-hero-slide .hbt-hero-desc,
  html body .hbt-hero-slide-text > div{
    font-size: 13px !important;
  }
}
@media (max-width: 480px){
  html body section.hbt-cat-hero h1,
  html body section.hbt-hero-uni h1,
  html body section.hbt-page-header h1,
  html body header.hbt-page-header h1,
  html body .contact-hero h1,
  html body .about-hero h1,
  html body [class*="-hero"] h1,
  html body [class*="contact-"] h1{
    font-size: clamp(20px, 6vw, 32px) !important;
    line-height: 1.2 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }
  html body section.hbt-cat-hero p,
  html body section.hbt-hero-uni p,
  html body section.hbt-page-header p,
  html body header.hbt-page-header p,
  html body .contact-hero p,
  html body .about-hero p{
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}
@media (max-width: 360px){
  html body section.hbt-cat-hero h1,
  html body section.hbt-hero-uni h1,
  html body header.hbt-page-header h1,
  html body .contact-hero h1{
    font-size: 18px !important;
  }
}
html body main.hbt-homepage > section.hbt-seo-expandable,
html body main.hbt-homepage > div > section.hbt-seo-expandable{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
html body section.hbt-seo-expandable{
  padding-bottom: 60px !important;
  overflow: visible !important;
}
html body section.hbt-seo-expandable .hbt-seo-toggle{
  background: transparent !important;
  border: 0 !important;
  padding: 0 0 16px !important;
  margin: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}
html body section.hbt-seo-expandable .hbt-seo-toggle-indicator{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  background: var(--bg2, #FBFBF9) !important;
  border-radius: 50% !important;
  color: var(--primary-d, #7CB342) !important;
  font-size: 14px !important;
  transition: transform .3s, background .2s !important;
}
html body section.hbt-seo-expandable .hbt-seo-toggle[aria-expanded="true"] .hbt-seo-toggle-indicator{
  transform: rotate(180deg) !important;
  background: var(--primary-d, #7CB342) !important;
  color: #fff !important;
}
html body section.hbt-seo-expandable .hbt-seo-toggle-label{
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--c-h2, var(--dark, #1A1714)) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  line-height: 1.3 !important;
}
html body section.hbt-seo-expandable .hbt-seo-toggle-label i.fas.fa-book-open{
  color: var(--primary-d, #7CB342) !important;
  font-size: 20px !important;
}
html body section.hbt-seo-expandable .hbt-seo-content[hidden]{
  display: none !important;
}
html body section.hbt-seo-expandable .hbt-seo-content:not([hidden]),
html body section.hbt-seo-expandable.is-expanded .hbt-seo-content,
html body section.hbt-seo-expandable .hbt-seo-toggle[aria-expanded="true"] + .hbt-seo-content{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--border-l, #F0F0F0) !important;
  animation: hbtSeoExpand .3s ease both !important;
}
@keyframes hbtSeoExpand{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
html body section.hbt-seo-expandable .hbt-seo-content{
  grid-template-columns: 1fr !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
}
@media (min-width: 769px){
  html body section.hbt-seo-expandable .hbt-seo-content{
    grid-template-columns: 1.6fr 1fr !important;
  }
}
@media (max-width: 768px){
  html body section.hbt-seo-expandable .hbt-seo-image{
    display: none !important;
  }
}
html body section.hbt-seo-expandable .hbt-seo-content-inner{
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}
html body section.hbt-seo-expandable .hbt-seo-content-inner p,
html body section.hbt-seo-expandable .hbt-seo-content-inner ul,
html body section.hbt-seo-expandable .hbt-seo-content-inner ol,
html body section.hbt-seo-expandable .hbt-seo-content-inner h1,
html body section.hbt-seo-expandable .hbt-seo-content-inner h2,
html body section.hbt-seo-expandable .hbt-seo-content-inner h3,
html body section.hbt-seo-expandable .hbt-seo-content-inner h4{
  max-width: 100% !important;
  width: 100% !important;
}
@media (max-width: 991px){
  html body section.hbt-seo-expandable .hbt-seo-content-inner,
  html body main section.hbt-seo-expandable .hbt-seo-content-inner,
  html body section.hbt-seo-expandable[class] .hbt-seo-content-inner,
  html body section.hbt-seo-expandable .hbt-seo-content > .hbt-seo-content-inner{
    max-height: 420px !important;
    height: 420px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important; 
    scrollbar-width: thin !important;
  }
  html body section.hbt-seo-expandable .hbt-seo-content{
    position: relative !important;
  }
  html body section.hbt-seo-expandable .hbt-seo-content::after{
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    background: linear-gradient(to bottom, transparent, #fff) !important;
    pointer-events: none !important;
  }
}
html body section.hbt-seo-expandable .hbt-seo-image{
  max-width: 100% !important;
  width: 100% !important;
  max-height: 380px !important;
  height: 380px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  align-self: center !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
html body main.hbt-homepage section.hbt-seo-expandable,
html body main.hbt-homepage > div > section.hbt-seo-expandable{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 28px 0 !important;
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
html body main.hbt-homepage section.hbt-seo-expandable > .container-full,
html body main.hbt-homepage section.hbt-seo-expandable .hbt-seo-inner,
html body section.hbt-footer-description .hbt-fd-inner{
  background: #ffffff !important;
  border: 1px solid var(--border-l, #f0f0f0) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 3px rgba(26,23,20,.04) !important;
  padding: 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
@media (max-width: 768px){
  html body main.hbt-homepage section.hbt-seo-expandable,
  html body main.hbt-homepage > div > section.hbt-seo-expandable,
  html body section.hbt-footer-description{
    padding: 16px 0 !important;
  }
  html body main.hbt-homepage section.hbt-seo-expandable > .container-full,
  html body main.hbt-homepage section.hbt-seo-expandable .hbt-seo-inner,
  html body section.hbt-footer-description .hbt-fd-inner{
    padding: 20px 16px !important;
    border-radius: 12px !important;
  }
}
html body main.hbt-homepage section.hbt-seo-expandable > .container-full,
html body main.hbt-homepage section.hbt-seo-expandable .hbt-seo-inner,
html body main.hbt-homepage section.hbt-newsletter > .container-full,
html body main.hbt-homepage section.hbt-newsletter .newsletter-inner,
html body main.hbt-homepage section.hbt-footer-description > .container-full,
html body main.hbt-homepage section.hbt-footer-description .hbt-fd-inner{
  max-width: 1400px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
html body main#mainContent.hbt-main-wrap section.hbt-seo-expandable > .container-full,
html body main#mainContent.hbt-main-wrap section.hbt-seo-expandable .container-full,
body main#mainContent section.hbt-seo-expandable > .container-full,
body main#mainContent section.hbt-seo-expandable .container-full{
  max-width: 1400px !important;
}
@media (min-width: 769px){
  html body main.hbt-homepage section.hbt-seo-expandable > .container-full,
  html body main.hbt-homepage section.hbt-seo-expandable .hbt-seo-inner,
  html body main.hbt-homepage section.hbt-newsletter > .container-full,
  html body main.hbt-homepage section.hbt-newsletter .newsletter-inner,
  html body main.hbt-homepage section.hbt-footer-description > .container-full,
  html body main.hbt-homepage section.hbt-footer-description .hbt-fd-inner{
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media (max-width: 768px){
  html body main.hbt-homepage section.hbt-seo-expandable > .container-full,
  html body main.hbt-homepage section.hbt-footer-description > .container-full{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body main.hbt-homepage section.hbt-newsletter > .container-full,
  html body main.hbt-homepage section.hbt-newsletter .newsletter-inner{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
@media (min-width: 769px){
  html body main.hbt-homepage section.hbt-seo-expandable > .container-full,
  html body main.hbt-homepage section.hbt-seo-expandable .hbt-seo-inner,
  html body main.hbt-homepage section.hbt-footer-description .hbt-fd-inner,
  html body section.hbt-footer-description .hbt-fd-inner{
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
@media (max-width: 768px){
  html body main#mainContent.hbt-main-wrap section.hbt-seo-expandable > .container-full,
  html body main#mainContent.hbt-main-wrap section.hbt-seo-expandable .container-full,
  body main#mainContent section.hbt-seo-expandable > .container-full,
  body main#mainContent section.hbt-seo-expandable .container-full,
  html body main.hbt-homepage section.hbt-seo-expandable > .container-full,
  html body main.hbt-main-wrap section.hbt-seo-expandable > .container-full,
  html body section.hbt-seo-expandable > .container-full{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body main.hbt-homepage section.hbt-seo-expandable .hbt-seo-inner,
  html body main.hbt-main-wrap section.hbt-seo-expandable .hbt-seo-inner,
  html body main.hbt-homepage section.hbt-footer-description .hbt-fd-inner,
  html body main.hbt-main-wrap section.hbt-footer-description .hbt-fd-inner,
  html body section.hbt-seo-expandable .hbt-seo-inner,
  html body section.hbt-footer-description .hbt-fd-inner{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
html body section.hbt-seo-expandable .hbt-seo-content-inner,
html body section.hbt-seo-expandable .hbt-seo-content-inner p{
  text-align: justify !important;
  hyphens: auto !important;
}
@media (max-width: 768px){
  html body section.hbt-seo-expandable .hbt-seo-content-inner,
  html body section.hbt-seo-expandable .hbt-seo-content-inner p{
    text-align: left !important;
    /* 2026-08-11: na mobile wyłączamy też dzielenie wyrazów — przy tekście
     * wyrównanym do lewej nie ma dziur do załatania, a gęsto podzielone
     * słowa wyglądały niechlujnie na wąskim ekranie. */
    hyphens: manual !important;
    -webkit-hyphens: manual !important;
  }
}
html body section.hbt-seo-expandable .hbt-seo-toggle-label,
html body section.hbt-seo-expandable h2{
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--dark,#1A1714) !important;
}
html body section.hbt-footer-description{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 28px 0 !important;
  margin-top: 56px !important;
  margin-bottom: 64px !important;
}
@media (max-width: 768px){
  html body section.hbt-footer-description{
    margin-top: 32px !important;
    margin-bottom: 32px !important;
    padding: 16px 0 !important;
  }
}
html body section.hbt-footer-description .hbt-fd-title{
  font-size: 24px !important;
  font-weight: 700 !important;
  margin: 0 0 24px !important;
  color: var(--dark,#1A1714) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
html body section.hbt-footer-description .hbt-fd-title::before{
  content: '\f02d' !important; 
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  color: var(--primary,#7CB342) !important;
  font-size: 20px !important;
}
html body section.hbt-footer-description .hbt-fd-body,
html body section.hbt-footer-description .hbt-fd-body p,
html body section.hbt-footer-description .hbt-fd-body ul,
html body section.hbt-footer-description .hbt-fd-body ol,
html body section.hbt-footer-description .hbt-fd-body h1,
html body section.hbt-footer-description .hbt-fd-body h2,
html body section.hbt-footer-description .hbt-fd-body h3,
html body section.hbt-footer-description .hbt-fd-body h4{
  width: 100% !important;
  max-width: 100% !important;
}
html body section.hbt-footer-description .hbt-fd-body{
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--text, #424242) !important;
  text-align: justify !important;
  hyphens: auto !important;
}
html body section.hbt-footer-description .hbt-fd-body p{
  margin: 0 0 12px !important;
  text-align: justify !important;
}
html body section.hbt-footer-description .hbt-fd-body h3{
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 20px 0 8px !important;
  color: var(--dark,#1A1714) !important;
}
@media (max-width: 768px){
  html body section.hbt-footer-description .hbt-fd-body,
  html body section.hbt-footer-description .hbt-fd-body p{
    text-align: left !important;
    /* 2026-08-11: jak w .hbt-seo-content-inner — bez justowania dzielenie
     * wyrazów tylko szkodzi czytelności na telefonie. */
    hyphens: manual !important;
    -webkit-hyphens: manual !important;
  }
}
html body section.hbt-footer-description .hbt-fd-toggle{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 16px !important;
  padding: 10px 18px !important;
  background: transparent !important;
  border: 1px solid var(--primary,#7CB342) !important;
  border-radius: 8px !important;
  color: var(--primary-d,#7CB342) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: background .2s ease, color .2s ease !important;
}
html body section.hbt-footer-description .hbt-fd-toggle:hover{
  background: var(--primary,#7CB342) !important;
  color: #fff !important;
}
@media (min-width: 992px){
  html body main.hbt-homepage section.hbt-footer-description,
  html body main.hbt-homepage section.hbt-seo-expandable{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body main.hbt-homepage section.hbt-footer-description > .container-full,
  html body main.hbt-homepage section.hbt-footer-description .hbt-fd-inner,
  html body main.hbt-homepage section.hbt-seo-expandable > .container-full,
  html body main.hbt-homepage section.hbt-seo-expandable .hbt-seo-inner,
  html body main#mainContent.hbt-main-wrap section.hbt-seo-expandable > .container-full,
  html body main#mainContent.hbt-main-wrap section.hbt-seo-expandable .container-full{
    max-width: 1800px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }
}
@media (min-width: 1900px){
  html body main.hbt-homepage section.hbt-footer-description > .container-full,
  html body main.hbt-homepage section.hbt-footer-description .hbt-fd-inner,
  html body main.hbt-homepage section.hbt-seo-expandable > .container-full,
  html body main.hbt-homepage section.hbt-seo-expandable .hbt-seo-inner{
    max-width: 1920px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}
html body main.hbt-homepage section.hbt-newsletter,
html body main.hbt-homepage > div > section.hbt-newsletter{
  margin-top: 0 !important;
  margin-bottom: 48px !important;
}
@media (min-width: 769px){
  html body section.hbt-newsletter .newsletter-inner,
  html body section.home-newsletter .newsletter-inner{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    gap: 40px !important;
    flex-direction: unset !important;
  }
  html body section.hbt-newsletter .newsletter-text,
  html body section.home-newsletter .newsletter-text{
    text-align: left !important;
  }
  html body section.hbt-newsletter .newsletter-form,
  html body section.home-newsletter .newsletter-form{
    margin: 0 !important;
    width: 100% !important;
  }
  html body section.hbt-newsletter .newsletter-row,
  html body section.home-newsletter .newsletter-row{
    flex-direction: row !important;
    gap: 12px !important;
  }
  html body section.hbt-newsletter input[type="email"],
  html body section.home-newsletter input[type="email"]{
    flex: 1 1 auto !important;
  }
  html body section.hbt-newsletter button[type="submit"],
  html body section.home-newsletter button[type="submit"]{
    flex: 0 0 auto !important;
    width: auto !important;
  }
}
html body section.hbt-newsletter input[type="email"],
html body section.hbt-newsletter input[type="text"],
html body section.hbt-newsletter input#hbt-newsletter-inline-email,
html body section.hbt-newsletter form.newsletter-form input[type="email"],
html body section.home-newsletter input[type="email"],
html body section.home-newsletter input[type="text"]{
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 380px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
}
html body section.hbt-newsletter button[type="submit"],
html body section.hbt-newsletter input[type="submit"],
html body section.home-newsletter button[type="submit"]{
  height: 48px !important;
  max-height: 48px !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  padding: 0 24px !important;
  line-height: 1 !important;
}
html body section.hbt-newsletter .newsletter-inner,
html body section.hbt-newsletter .newsletter-form,
html body section.hbt-newsletter .newsletter-row,
html body section.home-newsletter .newsletter-inner,
html body section.home-newsletter .newsletter-form,
html body section.home-newsletter .newsletter-row{
  align-items: center !important;
  gap: 12px !important;
  max-width: 540px !important;
  margin: 0 auto !important;
}
@media (max-width: 768px){
  html body section.hbt-newsletter,
  html body section.home-newsletter{
    padding: 32px 20px !important;
    min-height: auto !important;
    max-height: 360px !important;
    height: auto !important;
  }
  html body section.hbt-newsletter .newsletter-inner,
  html body section.home-newsletter .newsletter-inner{
    flex-direction: column !important;
    gap: 16px !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
  }
  html body section.hbt-newsletter .newsletter-text,
  html body section.home-newsletter .newsletter-text{
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body section.hbt-newsletter .newsletter-text h3,
  html body section.home-newsletter .newsletter-text h3{
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
  html body section.hbt-newsletter .newsletter-text p,
  html body section.home-newsletter .newsletter-text p{
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  html body section.hbt-newsletter .newsletter-form,
  html body section.home-newsletter .newsletter-form{
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin-top: 12px !important;
  }
  html body section.hbt-newsletter .newsletter-row,
  html body section.home-newsletter .newsletter-row{
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }
  html body section.hbt-newsletter input[type="email"],
  html body section.hbt-newsletter input[type="text"],
  html body section.home-newsletter input[type="email"],
  html body section.home-newsletter input[type="text"]{
    max-width: 100% !important;
    width: 100% !important;
  }
  html body section.hbt-newsletter button[type="submit"],
  html body section.home-newsletter button[type="submit"]{
    width: 100% !important;
  }
  html body section.hbt-newsletter .hbt-newsletter-consent,
  html body section.home-newsletter .hbt-newsletter-consent{
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    flex: 0 0 auto !important;
    margin-top: 6px !important;
  }
}
html body button.sp-raty-btn,
html body .sp-secondary-actions .sp-raty-btn,
html body.single-product div.summary .sp-raty-btn,
html body.single-product div.summary .sp-secondary-actions .sp-raty-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 13px 20px !important;
  background: rgba(124,179,66,.08) !important;
  border: 1px solid rgba(124,179,66,.35) !important;
  border-radius: 12px !important;
  color: var(--primary-d,#7CB342) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  cursor: pointer !important;
  width: 100% !important;
  min-height: 46px !important;
}
html body button.sp-raty-btn:hover,
html body .sp-secondary-actions .sp-raty-btn:hover,
html body.single-product div.summary .sp-raty-btn:hover{
  background: var(--primary,#7CB342) !important;
  color: #fff !important;
  border-color: var(--primary-d,#7CB342) !important;
}
html body button.sp-raty-btn small,
html body .sp-secondary-actions .sp-raty-btn small,
html body .sp-secondary-actions .sp-raty-btn .sp-raty-subtitle,
html body button.sp-raty-btn .sp-raty-condition,
html body.single-product div.summary .sp-raty-btn .sp-raty-subtitle,
html body.single-product div.summary .sp-raty-btn .sp-raty-condition,
html body.single-product div.summary .sp-raty-btn span:not(:first-child){
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
html body button.sp-raty-btn span,
html body .sp-secondary-actions .sp-raty-btn span{
  display: inline-flex !important;
  align-items: center !important;
}
html body div.sp-info .yith-wcwl-add-to-wishlist,
html body div.summary .yith-wcwl-add-to-wishlist,
html body.single-product div.summary .yith-wcwl-add-to-wishlist{
  display: inline-flex !important;
  width: 100% !important;
  flex: 1 1 50% !important;
}
html body.single-product div.summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button{
  width: 100% !important;
}
html body.single-product div.summary .yith-wcwl-add-to-wishlist a.sp-wishlist-btn,
html body.single-product div.summary .yith-wcwl-add-to-wishlist a{
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  box-sizing: border-box !important;
}
html body div.sp-info .sp-secondary-actions,
html body div.summary .sp-secondary-actions,
html body.single-product div.summary .sp-secondary-actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 12px 0 !important;
  vertical-align: top !important;
}
html body div.sp-info .sp-secondary-actions > *,
html body div.summary .sp-secondary-actions > *{
  flex: 1 1 calc(50% - 6px) !important;
  min-width: 0 !important;
}
html body.single-product div.summary .hbt-cta-row,
html body.single-product div.summary .hbt-v66-cta-stack{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 16px 0 !important;
}
html body.single-product .woocommerce-tabs,
html body.single-product .hbt-product-tabs,
html body.single-product .wc-tabs-wrapper,
html body.single-product div.product .woocommerce-tabs{
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
html body.single-product .woocommerce-tabs ul.tabs li,
html body.single-product div.product .woocommerce-tabs ul.tabs li{
  border-bottom: none !important;
  box-shadow: none !important;
  position: relative !important;
}
html body.single-product .woocommerce-tabs ul.tabs li::before{
  display: none !important;
  content: none !important;
}
html body.single-product .woocommerce-tabs ul.tabs li:hover,
html body.single-product .woocommerce-tabs ul.tabs li:focus,
html body.single-product .woocommerce-tabs ul.tabs li:focus-within{
  border-bottom: none !important;
  box-shadow: none !important;
}
@media (min-width: 992px){
  html body.single-product .woocommerce-tabs ul.tabs li.active::after{
    display: block !important;
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: var(--primary,#7CB342) !important;
    border-radius: 2px !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs li.active a{
    color: var(--primary-d,#7CB342) !important;
    font-weight: 700 !important;
  }
}
@media (max-width: 991px){
  html body.single-product .woocommerce-tabs ul.tabs li::after{
    display: none !important;
    content: none !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs li{
    border-radius: 8px !important;
    margin: 4px 4px !important;
    transition: background .2s ease, color .2s ease !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs li.active{
    background: var(--primary,#7CB342) !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs li.active,
  html body.single-product .woocommerce-tabs ul.tabs li.active a,
  html body.single-product .woocommerce-tabs ul.tabs li.active a:link,
  html body.single-product .woocommerce-tabs ul.tabs li.active a:visited{
    color: #ffffff !important;
    font-weight: 700 !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs li:not(.active) a{
    color: var(--dark,#1A1714) !important;
  }
}
html body .single-product .summary .brand-logo,
html body .single-product .summary .product-brand-logo,
html body .single-product .summary .hbt-brand-badge,
html body .single-product .summary [class*="brand-logo"],
html body .single-product .summary img[src*="merlo" i],
html body .single-product .summary img[src*="kubota" i],
html body .single-product .summary img[src*="brand-logos"]{
  background: var(--dark, #1A1714) !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
  object-fit: contain !important;
  max-width: 120px !important;
  max-height: 56px !important;
}
html body .single-product .summary .hbt-brand-logo-wrap,
html body .single-product .summary .product-brand-wrap,
html body .single-product .summary .brand-badge-wrap{
  background: var(--dark, #1A1714) !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body section.hbt-404 .hbt-404-figure{
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body section.hbt-404 .hbt-404-img{
  width: 100% !important;
  height: auto !important;
  max-width: clamp(280px, 60vw, 640px) !important;
  object-fit: contain !important;
  display: block !important;
}
@media (max-width: 768px){
  html body section.hbt-404 .hbt-404-img{
    max-width: clamp(220px, 80vw, 480px) !important;
  }
}
@media (max-width: 480px){
  html body section.hbt-404 .hbt-404-img{
    max-width: 90vw !important;
  }
}
@media (min-width: 992px){
  html body section.home-products-carousel ul.products > li.product,
  html body section.home-products-carousel ul.hbt-loop-products > li.product{
    display: flex !important;
    flex-direction: column !important;
    min-height: 720px !important;
  }
}
@media (max-width: 991px){
  html body section.home-products-carousel ul.products > li.product,
  html body section.home-products-carousel ul.hbt-loop-products > li.product{
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
  }
}
html body section.home-products-carousel ul.products > li.product > .button,
html body section.home-products-carousel ul.products > li.product > .add_to_cart_button,
html body section.home-products-carousel ul.products > li.product > a.button{
  margin-top: auto !important;
}
html body section.home-products-carousel ul.products > li.product .price{
  min-height: 56px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
html body section.home-products-carousel--nowosci ul.products li.product .button,
html body section.home-products-carousel--nowosci ul.products li.product .add_to_cart_button{
  display: inline-flex !important;
  visibility: visible !important;
}
@media (max-width: 991px){
  html body.archive ul.products,
  html body.woocommerce-shop ul.products,
  html body.tax-product_cat ul.products,
  html body.tax-product_brand ul.products,
  html body .hbt-shop-main ul.products{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  html body.archive ul.products > li.product,
  html body.woocommerce-shop ul.products > li.product,
  html body.tax-product_cat ul.products > li.product,
  html body.tax-product_brand ul.products > li.product{
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
  }
}
@media (max-width: 640px){
  html body.archive ul.products,
  html body.woocommerce-shop ul.products,
  html body.tax-product_cat ul.products,
  html body.tax-product_brand ul.products,
  html body .hbt-shop-main ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}
@media (max-width: 380px){
  html body.archive ul.products,
  html body.woocommerce-shop ul.products,
  html body.tax-product_cat ul.products,
  html body.tax-product_brand ul.products{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px){
  html body .hbt-shop-outer{
    gap: 20px !important;
  }
  html body .hbt-shop-sidebar-wrap{
    flex: 0 0 220px !important;
    max-width: 220px !important;
  }
  html body.archive ul.products,
  html body.woocommerce-shop ul.products,
  html body.tax-product_cat ul.products,
  html body.tax-product_brand ul.products{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  html body .hbt-mobile-hamburger{
    display: none !important;
  }
  html body .site-nav-row,
  html body .site-nav,
  html body header nav.main-nav{
    display: flex !important;
  }
}
@media (min-width: 901px) and (max-width: 1023px){
  html body .hbt-shop-outer,
  html body.woocommerce.woocommerce-page .hbt-shop-outer{
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  html body .hbt-shop-sidebar-wrap{
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px){
  html body .hbt-shop-outer{
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 !important;
  }
  html body .hbt-shop-sidebar-wrap{
    display: none !important;
  }
  html body .hbt-mtoolbar-filter-slot .hbt-shop-sidebar-wrap{
    display: block !important;
  }
}
@media (min-width: 901px) and (max-width: 1199px){
  html body.archive ul.products,
  html body.woocommerce-shop ul.products,
  html body.tax-product_cat ul.products,
  html body.tax-product_brand ul.products{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}
@media (min-width: 1200px){
  html body .hbt-shop-sidebar-wrap,
  html body #hbtSidebar{
    display: block !important;
    flex: 0 0 280px !important;
    max-width: 280px !important;
  }
  html body.archive ul.products,
  html body.woocommerce-shop ul.products,
  html body.tax-product_cat ul.products,
  html body.tax-product_brand ul.products{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}
@media (min-width: 1366px){
  html body .hbt-shop-sidebar-wrap,
  html body #hbtSidebar{
    flex: 0 0 300px !important;
    max-width: 300px !important;
  }
}
@media (max-width: 991px){
  html body .hbt-shop-sidebar-wrap:not(.open),
  html body #hbtSidebar:not(.is-mobile-open){
    display: none !important;
  }
  html body .hbt-mtoolbar-filter-slot .hbt-shop-sidebar-wrap,
  html body .hbt-mtoolbar-filter-slot #hbtSidebar{
    display: block !important;
  }
}
@media (max-width: 640px){
  html body .hbt-breadcrumb,
  html body nav.woocommerce-breadcrumb,
  html body .woocommerce-breadcrumb,
  html body .breadcrumb-list,
  html body .hbt-shop-breadcrumb{
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    max-width: 100% !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
  html body .hbt-breadcrumb::-webkit-scrollbar,
  html body nav.woocommerce-breadcrumb::-webkit-scrollbar{
    display: none !important;
  }
  html body .hbt-breadcrumb a,
  html body nav.woocommerce-breadcrumb a,
  html body .woocommerce-breadcrumb a{
    min-height: 32px !important;
    padding: 6px 4px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
}
@media (max-width: 380px){
  html body .hbt-breadcrumb > *:not(:nth-last-child(-n+3)),
  html body nav.woocommerce-breadcrumb > *:not(:nth-last-child(-n+3)){
    display: none !important;
  }
  html body .hbt-breadcrumb > *:nth-last-child(3)::before,
  html body nav.woocommerce-breadcrumb > *:nth-last-child(3)::before{
    content: '... / ' !important;
    color: var(--text-l, #888) !important;
  }
}
html body.woocommerce-checkout ul.payment_methods li,
html body.woocommerce-checkout ul.payment_methods .wc_payment_method{
  display: block !important;
  padding: 8px 0 !important;
}
html body.woocommerce-checkout ul.payment_methods li label,
html body.woocommerce-checkout ul.payment_methods .wc_payment_method label{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  margin: 0 !important;
}
html body.woocommerce-checkout ul.payment_methods li input[type="radio"],
html body.woocommerce-checkout ul.payment_methods .wc_payment_method input[type="radio"]{
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  vertical-align: middle !important;
  align-self: center !important;
}
html body.woocommerce-checkout ul.payment_methods li label img,
html body.woocommerce-checkout ul.payment_methods .wc_payment_method label img{
  vertical-align: middle !important;
  max-height: 28px !important;
  width: auto !important;
  margin-left: auto !important;
}
html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
html body.woocommerce-checkout .woocommerce-terms-and-conditions,
html body.woocommerce-checkout .form-row.terms,
html body.woocommerce-checkout .form-row-terms{
  padding: 12px 14px !important;
  margin: 12px 0 !important;
  background: var(--bg2,#FBFBF9) !important;
  border-radius: 8px !important;
  border: 1px solid var(--border-l,#f0f0f0) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text,
html body.woocommerce-checkout .form-row.terms label,
html body.woocommerce-checkout .form-row-terms label{
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  cursor: pointer !important;
}
html body.woocommerce-checkout input[name="terms"],
html body.woocommerce-checkout .form-row.terms input[type="checkbox"],
html body.woocommerce-checkout .form-row-terms input[type="checkbox"]{
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  margin: 2px 0 0 !important;
  vertical-align: top !important;
}
html body section.hbt-testimonials .testimonial-card{
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
html body section.hbt-testimonials .testimonial-track{
  align-items: stretch !important;
}
html body section.hbt-testimonials .testimonial-card .tc-text{
  flex: 1 1 auto !important;
}
html body section.hbt-testimonials .testimonial-card .tc-author,
html body section.hbt-testimonials .testimonial-card .tc-rating,
html body section.hbt-testimonials .testimonial-card .tc-stars,
html body section.hbt-testimonials .testimonial-card [class*="star"]{
  margin-top: auto !important;
}
html body section.hbt-testimonials .testimonial-card .tc-author > div:not(.tc-avatar){
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  line-height: 1.4 !important;
}
html body section.hbt-testimonials .testimonial-card .tc-author > div > strong{
  display: block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--dark,#1A1714) !important;
}
html body section.hbt-testimonials .testimonial-card .tc-author > div > span,
html body section.hbt-testimonials .testimonial-card .tc-author > div > small,
html body section.hbt-testimonials .testimonial-card .tc-author > div > em{
  display: block !important;
  font-size: 12px !important;
  color: var(--text-l,#666) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
html body table.wishlist_table tbody tr td.product-thumbnail img,
html body .wishlist-table .product-thumbnail img,
html body .yith-wcwl-wishlist-page td.product-thumbnail img{
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  background: #fff !important;
}
html body table.wishlist_table tbody tr td.product-thumbnail{
  background-image: linear-gradient(135deg, rgba(124,179,66,.05), rgba(139,195,74,.02)) !important;
}
html body table.wishlist_table .product-add-to-cart a,
html body table.wishlist_table .product-add-to-cart button,
html body table.wishlist_table .product-remove a,
html body table.wishlist_table .product-remove button{
  position: relative !important;
}
html body table.wishlist_table .product-add-to-cart a[title]:hover::after,
html body table.wishlist_table .product-remove a[title]:hover::after{
  content: attr(title) !important;
  position: absolute !important;
  bottom: calc(100% + 8px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(26,23,20,.95) !important;
  color: #fff !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 100 !important;
}
html body div.hbt-sp-actions,
html body .hbt-sp-secondary-actions,
html body .hbt-v66-cta-stack,
html body .single-product .hbt-sp-cta,
html body .single-product div.product .hbt-cta-row{
  position: relative !important;
  z-index: 10 !important;
}
html body div.hbt-sp-actions a,
html body div.hbt-sp-actions button,
html body .hbt-sp-secondary-actions a,
html body .hbt-sp-secondary-actions button{
  position: relative !important;
  z-index: 11 !important;
  pointer-events: auto !important;
}
html body div.product .yith-wcwl-add-to-wishlist,
html body .single-product div.summary .yith-wcwl-add-to-wishlist{
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}
html body .hbt-cart-toast{
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  background: var(--primary, #7CB342) !important;
  color: #fff !important;
  padding: 12px 18px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
  transform: translateY(20px) !important;
  opacity: 0 !important;
  transition: transform .25s ease, opacity .25s ease !important;
  z-index: 99999 !important;
  pointer-events: none !important;
  max-width: calc(100% - 48px) !important;
}
html body .hbt-cart-toast.is-visible{
  transform: translateY(0) !important;
  opacity: 1 !important;
}
html body .hbt-cart-toast i{
  margin-right: 8px !important;
}
@media (max-width: 600px){
  html body .hbt-cart-toast{
    bottom: 80px !important; 
    left: 24px !important;
    right: 24px !important;
    text-align: center !important;
  }
}
html body main.hbt-homepage > section.hbt-blog,
html body main.hbt-homepage > div > section.hbt-blog{
  margin-bottom: 48px !important;
}
@media (min-width: 992px){
  html body main.hbt-homepage > section,
  html body main.hbt-homepage > div > section,
  html body main.hbt-homepage > div.hbt-custom-content > section{
    margin-top: 0 !important;
    margin-bottom: 40px !important;
  }
  html body main.hbt-homepage section.hbt-hero-slider,
  html body main.hbt-homepage > div > section.hbt-hero-slider{
    margin-bottom: 32px !important;
  }
  html body main.hbt-homepage section.home-info-bar,
  html body main.hbt-homepage section.home-trust-bar,
  html body main.hbt-homepage section.hbt-trust-bar,
  html body main.hbt-homepage > div > section.home-info-bar{
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  html body main.hbt-homepage section.home-banners,
  html body main.hbt-homepage > div > section.home-banners,
  html body main.hbt-homepage div.home-banners{
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  html body main.hbt-homepage section.home-products-carousel,
  html body main.hbt-homepage > div > section.home-products-carousel{
    margin-top: 0 !important;
    margin-bottom: 48px !important;
  }
  html body main.hbt-homepage section.hbt-offer,
  html body main.hbt-homepage section.hbt-industries,
  html body main.hbt-homepage section.hbt-about,
  html body main.hbt-homepage section.hbt-testimonials,
  html body main.hbt-homepage section.hbt-blog,
  html body main.hbt-homepage section.hbt-brands-section{
    margin-top: 0 !important;
    margin-bottom: 56px !important;
  }
}
@media (max-width: 768px){
  html body section.contact-departments,
  html body section.hbt-contact-departments,
  html body .contact-departments,
  html body .departments-grid,
  html body .hbt-departments-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  html body .department-card,
  html body .hbt-department-card,
  html body section.contact-departments > div > div,
  html body .departments-grid > *{
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 20px 16px !important;
  }
}
html body input[type="checkbox"],
html body input[type="radio"],
html body input.input-checkbox,
html body .checkbox input,
html body label > input[type="checkbox"],
html body label > input[type="radio"]{
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  flex: 0 0 18px !important;
  padding: 0 !important;
  margin: 0 8px 0 0 !important;
  border: 1px solid #999 !important;
  border-radius: 3px !important;
  background: #fff !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: auto !important;
  vertical-align: middle !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: inherit !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
html body input[type="radio"]{
  border-radius: 50% !important;
  -webkit-appearance: radio !important;
  -moz-appearance: radio !important;
}
html body label.checkbox,
html body .form-row.form-row-wide label,
html body .woocommerce-form__label-checkbox,
html body .woocommerce-form-login__rememberme{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  width: auto !important;
  padding: 0 !important;
}
html body label.checkbox span,
html body .woocommerce-form__label-checkbox span{
  font-size: 14px !important;
  line-height: 1.4 !important;
}
html body.woocommerce-lost-password #mainContent .woocommerce,
html body.woocommerce-lost-password .woocommerce,
html body.woocommerce-account.woocommerce-lost-password .woocommerce{
  display:block !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  grid-template-areas:none !important;
  max-width:520px !important;
  margin:60px auto !important;
  padding:0 20px !important;
}
html body.woocommerce-lost-password .woocommerce-MyAccount-navigation{
  display:none !important;
}
html body.woocommerce-lost-password .woocommerce-MyAccount-content,
html body.woocommerce-lost-password .woocommerce form.lost_reset_password,
html body.woocommerce-lost-password form.woocommerce-form-lost-password{
  width:100% !important;
  max-width:520px !important;
  margin:0 auto !important;
  padding:32px !important;
  background:#fff !important;
  border:1px solid #F0F0F0 !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.04) !important;
  box-sizing:border-box !important;
}
html body.woocommerce-lost-password .woocommerce-MyAccount-content p:first-child,
html body.woocommerce-lost-password form.lost_reset_password p:first-of-type,
html body.woocommerce-lost-password form.woocommerce-form-lost-password > p:first-of-type{
  font-size:15px !important;
  line-height:1.6 !important;
  color:#424242 !important;
  margin:0 0 24px !important;
  text-align:center !important;
  width:auto !important;
  max-width:100% !important;
}
html body.woocommerce-lost-password label{
  font-weight:600 !important;
  font-size:14px !important;
  margin-bottom:6px !important;
  display:block !important;
  width:auto !important;
  max-width:100% !important;
}
html body.woocommerce-lost-password input[type=text],
html body.woocommerce-lost-password input[type=email]{
  width:100% !important;
  padding:12px 14px !important;
  border:1px solid #E0E0E0 !important;
  border-radius:8px !important;
  font-size:15px !important;
  box-sizing:border-box !important;
}
html body.woocommerce-lost-password p.form-row,
html body.woocommerce-lost-password p.form-row-first,
html body.woocommerce-lost-password p.form-row-last,
html body.woocommerce-lost-password .woocommerce-form-row,
html body.woocommerce-lost-password .woocommerce-form-row--first,
html body.woocommerce-lost-password .woocommerce-form-row--last,
html body.woocommerce-lost-password .woocommerce-form-row--wide{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  clear:both !important;
  margin-bottom:16px !important;
}
html body.woocommerce-lost-password button[type=submit]{
  width:100% !important;
  padding:14px 28px !important;
  background:var(--primary, #7CB342) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:8px !important;
  font-size:15px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
  cursor:pointer !important;
  margin-top:16px !important;
}
html body.woocommerce-lost-password button[type=submit]:hover{
  background:var(--primary-d, #689F38) !important;
}
html body .wishlist_table td.product-add-to-cart a.remove_from_wishlist,
html body .wishlist_table td.product-add-to-cart a.remove_from_wishlist.button,
html body .wishlist_table td.product-add-to-cart .remove_from_wishlist.button,
html body table.wishlist_table td.product-add-to-cart a.remove_from_wishlist,
html body table.wishlist_table td.product-add-to-cart a.remove_from_wishlist.button,
html body .wishlist_table .yith-wcwl-remove-button,
html body .wishlist_table .product-add-to-cart .remove,
html body .wishlist_table .product-add-to-cart > a.remove,
html body .wishlist_table .product-add-to-cart .button.remove,
html body .wishlist_table button.remove,
html body .wishlist_table .yith-wcwl-button-wrapper a.remove,
html body .yith-wcwl-wishlist-table button.remove,
html body .yith-wcwl-wishlist-table a.remove,
html body table.shop_table.wishlist_table button.remove,
html body table.shop_table.wishlist_table a.remove{
  background:#c62828 !important;
  background-color:#c62828 !important;
  color:#fff !important;
  border:0 !important;
}
html body .wishlist_table td.product-add-to-cart a.remove_from_wishlist:hover,
html body .wishlist_table td.product-add-to-cart a.remove_from_wishlist.button:hover,
html body table.wishlist_table td.product-add-to-cart a.remove_from_wishlist:hover,
html body .wishlist_table .yith-wcwl-remove-button:hover,
html body .wishlist_table .product-add-to-cart .remove:hover,
html body .wishlist_table button.remove:hover,
html body table.shop_table.wishlist_table button.remove:hover{
  background:#b71c1c !important;
  background-color:#b71c1c !important;
}
html body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before,
html body .woocommerce-MyAccount-navigation li--dashboard a::before{
  content:'\f015' !important; 
  font-family:'Font Awesome 6 Free' !important;
  font-weight:900 !important;
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  margin-right:8px !important;
  font-size:14px !important;
  vertical-align:middle !important;
  border:0 !important;
  background:none !important;
}
html body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before,
html body .woocommerce-MyAccount-navigation li--orders a::before{
  content:'\f0d1' !important; 
  font-family:'Font Awesome 6 Free' !important;
  font-weight:900 !important;
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  margin-right:8px !important;
  font-size:14px !important;
  vertical-align:middle !important;
  border:0 !important;
  background:none !important;
}
html body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before,
html body .woocommerce-MyAccount-navigation li--downloads a::before{
  content:'\f019' !important; 
  font-family:'Font Awesome 6 Free' !important;
  font-weight:900 !important;
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  margin-right:8px !important;
  font-size:14px !important;
  vertical-align:middle !important;
  border:0 !important;
  background:none !important;
}
html body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before,
html body .woocommerce-MyAccount-navigation li--edit-address a::before{
  content:'\f3c5' !important; 
  font-family:'Font Awesome 6 Free' !important;
  font-weight:900 !important;
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  margin-right:8px !important;
  font-size:14px !important;
  vertical-align:middle !important;
  border:0 !important;
  background:none !important;
}
html body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before,
html body .woocommerce-MyAccount-navigation li--edit-account a::before{
  content:'\f007' !important; 
  font-family:'Font Awesome 6 Free' !important;
  font-weight:900 !important;
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  margin-right:8px !important;
  font-size:14px !important;
  vertical-align:middle !important;
  border:0 !important;
  background:none !important;
}
html body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods a::before{
  content:'\f09d' !important; 
  font-family:'Font Awesome 6 Free' !important;
  font-weight:900 !important;
  display:inline-block !important;
  margin-right:8px !important;
  font-size:14px !important;
  vertical-align:middle !important;
  border:0 !important;
  background:none !important;
}
html body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before,
html body .woocommerce-MyAccount-navigation li--customer-logout a::before{
  content:'\f2f5' !important; 
  font-family:'Font Awesome 6 Free' !important;
  font-weight:900 !important;
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  margin-right:8px !important;
  font-size:14px !important;
  vertical-align:middle !important;
  border:0 !important;
  background:none !important;
}
html body .woocommerce-MyAccount-navigation a::before{
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}
html body .woocommerce-MyAccount-navigation li a{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  padding:8px 12px !important;
  white-space:nowrap !important;
  font-size:13px !important;
  line-height:1.3 !important;
  min-width:0 !important;
  overflow:visible !important;
  text-overflow:initial !important;
  width:auto !important;
}
@media (min-width: 769px){
  html body.woocommerce-account.logged-in .hbt-main-wrap .woocommerce-MyAccount-navigation ul,
  html body.woocommerce-account .hbt-main-wrap .woocommerce-MyAccount-navigation ul{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    gap:4px !important;
  }
  html body.woocommerce-account.logged-in .hbt-main-wrap .woocommerce-MyAccount-navigation li,
  html body.woocommerce-account .hbt-main-wrap .woocommerce-MyAccount-navigation li{
    width:100% !important;
    flex:1 1 100% !important;
    max-width:none !important;
  }
  html body.woocommerce-account.logged-in .hbt-main-wrap .woocommerce-MyAccount-navigation li a,
  html body.woocommerce-account .hbt-main-wrap .woocommerce-MyAccount-navigation li a{
    width:100% !important;
    box-sizing:border-box !important;
  }
}
html body .woocommerce-MyAccount-navigation li{
  width:auto !important;
  min-width:0 !important;
  overflow:visible !important;
}
html body .woocommerce-MyAccount-navigation ul{
  overflow:visible !important;
}
html body .woocommerce-MyAccount-navigation li.is-active a,
html body .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders.is-active a{
  background:var(--primary, #7CB342) !important;
  color:#fff !important;
  border-radius:6px !important;
}
html body .woocommerce-MyAccount-navigation li.is-active a::before{
  color:#fff !important;
}
html body .woocommerce-MyAccount-navigation li:not(.is-active) a:hover{
  background:rgba(124,179,66,.08) !important;
  color:var(--primary-d, #689F38) !important;
  border-radius:6px !important;
}
@media (max-width: 768px){
  html body .woocommerce-MyAccount-navigation{
    width:100% !important;
  }
  html body .woocommerce-MyAccount-navigation ul{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }
  html body .woocommerce-MyAccount-navigation li{
    flex:1 1 auto !important;
  }
}
html body .hbt-newsletter,
html body section.hbt-newsletter{
  padding:48px clamp(20px, 4vw, 60px) !important;
}
html body .hbt-newsletter .newsletter-inner{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:32px !important;
  max-width:1200px !important;
  margin:0 auto !important;
  flex-wrap:wrap !important;
}
html body .hbt-newsletter .newsletter-text{
  flex:1 1 320px !important;
  min-width:280px !important;
}
html body .hbt-newsletter .newsletter-text h3{
  color:#fff !important;
  font-size:clamp(20px, 2.2vw, 28px) !important;
  font-weight:700 !important;
  margin:0 0 8px !important;
  line-height:1.2 !important;
}
html body .hbt-newsletter .newsletter-text p{
  color:rgba(255,255,255,.92) !important;
  font-size:14px !important;
  margin:0 !important;
  line-height:1.5 !important;
}
html body .hbt-newsletter form.newsletter-form{
  flex:1 1 380px !important;
  min-width:280px !important;
  max-width:520px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
html body .hbt-newsletter .newsletter-row{
  display:flex !important;
  flex-direction:row !important;
  gap:8px !important;
  align-items:stretch !important;
}
html body .hbt-newsletter input[type="email"],
html body .hbt-newsletter input#hbt-newsletter-inline-email{
  flex:1 1 240px !important;
  min-width:0 !important;
  padding:12px 18px !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:14px !important;
  background:#fff !important;
  color:#1A1714 !important;
  height:auto !important;
  line-height:1.4 !important;
}
html body .hbt-newsletter button[type="submit"]{
  flex:0 0 auto !important;
  padding:12px 24px !important;
  background:#1A1714 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:600 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  letter-spacing:0.3px !important;
  transition:background .2s !important;
  width:auto !important;
}
html body .hbt-newsletter button[type="submit"]:hover{
  background:#000 !important;
}
html body .hbt-newsletter .hbt-newsletter-consent{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  gap:8px !important;
  font-size:12px !important;
  color:rgba(255,255,255,.92) !important;
  line-height:1.4 !important;
  margin:0 !important;
  padding:0 !important;
  cursor:pointer !important;
}
html body .hbt-newsletter input[type="checkbox"],
html body .hbt-newsletter input[name="hbt_newsletter_consent"],
html body .hbt-newsletter .hbt-newsletter-consent input[type="checkbox"]{
  flex:0 0 18px !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  border-radius:3px !important;
  cursor:pointer !important;
  accent-color:#fff !important;
}
html body .hbt-newsletter .hbt-newsletter-consent span{
  flex:1 1 auto !important;
  min-width:0 !important;
}
html body .hbt-newsletter .hbt-newsletter-consent a{
  color:#fff !important;
  text-decoration:underline !important;
  font-weight:500 !important;
}
@media (max-width:768px){
  html body .hbt-newsletter .newsletter-inner{
    flex-direction:column !important;
    align-items:stretch !important;
    text-align:center !important;
    gap:20px !important;
  }
  html body .hbt-newsletter .newsletter-row{
    flex-direction:column !important;
  }
  html body .hbt-newsletter button[type="submit"]{
    width:100% !important;
  }
  html body .hbt-newsletter .hbt-newsletter-consent{
    text-align:left !important;
  }
}
html body mark.searchwp-highlight,
html body .hbt-loop-card__title mark,
html body .hbt-loop-card__title mark.searchwp-highlight{
  background:#FFF59D !important;       
  color:inherit !important;
  padding:0 2px !important;
  border-radius:2px !important;
  font-weight:600 !important;
  box-shadow:0 1px 0 rgba(0,0,0,.05);
}
@media (pointer: coarse), (hover: none){
  html body ul.products li.product.hbt-loop-card:hover,
  html body ul.products li.product:hover,
  html body .hbt-loop-card:hover,
  html body .hbt-product-card:hover,
  html body .hbt-main-wrap ul.products li.product.hbt-loop-card:hover,
  html body section.home-products .hbt-loop-card:hover,
  html body section.home-products li.product:hover,
  html body section.home-products-carousel .hbt-loop-card:hover,
  html body section.home-products-carousel li.product:hover{
    box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;   
    border-color: var(--border-l, #F0F0F0) !important;
    transform: none !important;
  }
}
body.home main.hbt-homepage > section + section,
body.home main.hbt-homepage > .home-products + .home-products,
body.home .home-content > section + section{
  margin-top: 16px !important;
  margin-bottom: 0 !important;
}
html body.home[class][class] .home-info-bar,
html body.home[class][class] .container-full > .home-info-bar,
html body.home[class][class] .home-content .home-info-bar{
  margin-top: 16px !important;     
  margin-bottom: 16px !important;
}
@media (min-width: 769px){
  html body.home[class][class] .home-info-bar,
  html body.home[class][class] .container-full > .home-info-bar,
  html body.home[class][class] .home-content .home-info-bar{
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}
@media (min-width: 1200px){
  html body.home[class][class] .home-info-bar,
  html body.home[class][class] .container-full > .home-info-bar,
  html body.home[class][class] .home-content .home-info-bar{
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}
html body.home[class][class] .home-banners,
html body.home[class][class] div.home-banners,
html body.home[class][class] main.hbt-homepage .home-banners{
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (min-width: 769px){
  html body.home[class][class] .home-banners,
  html body.home[class][class] div.home-banners,
  html body.home[class][class] main.hbt-homepage .home-banners{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px){
  html body.home[class][class] .home-banners,
  html body.home[class][class] div.home-banners,
  html body.home[class][class] main.hbt-homepage .home-banners{
    padding-top: 24px !important;     
    padding-bottom: 24px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 769px){
  body.home main.hbt-homepage > section + section,
  body.home main.hbt-homepage > .home-products + .home-products,
  body.home .home-content > section + section{
    margin-top: 24px !important;
  }
}
@media (min-width: 1200px){
  body.home main.hbt-homepage > section + section,
  body.home main.hbt-homepage > .home-products + .home-products,
  body.home .home-content > section + section{
    margin-top: 32px !important;
  }
}
body.home main.hbt-homepage > section,
body.home .home-content > section,
body.home .hbt-homepage .home-products,
body.home .home-categories,
body.home .hbt-offer,
body.home .hbt-industries,
body.home .hbt-about,
body.home .hbt-testimonials,
body.home .hbt-brands-section,
body.home .hbt-blog,
body.home .hbt-newsletter,
body.home .hbt-popular-categories,
body.home .hbt-seo-expandable{
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
@media (max-width: 768px){
  body.home main.hbt-homepage > section,
  body.home .home-content > section,
  body.home .home-categories,
  body.home .hbt-offer,
  body.home .hbt-industries,
  body.home .hbt-about,
  body.home .hbt-testimonials,
  body.home .hbt-brands-section,
  body.home .hbt-blog,
  body.home .hbt-newsletter{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}
@media (min-width: 1200px){
  body.home main.hbt-homepage > section,
  body.home .home-content > section,
  body.home .home-categories,
  body.home .hbt-offer,
  body.home .hbt-industries,
  body.home .hbt-about,
  body.home .hbt-testimonials,
  body.home .hbt-brands-section,
  body.home .hbt-blog,
  body.home .hbt-newsletter{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
body.home main.hbt-homepage > section,
body.home .home-content > section,
body.home .home-categories,
body.home .home-products,
body.home .hbt-offer,
body.home .hbt-industries,
body.home .hbt-about,
body.home .hbt-testimonials,
body.home .hbt-brands-section,
body.home .hbt-blog,
body.home .hbt-popular-categories{
  background: transparent !important;          
}
body.home section.hbt-footer-description{
  background: var(--bg2) !important;
}
body.home section.hbt-newsletter,
body.home .hbt-newsletter,
body.home main.hbt-homepage > section.hbt-newsletter{
  background: var(--primary-d, #7CB342) !important;
  background-image: linear-gradient(135deg, var(--primary-d, #7CB342) 0%, var(--primary, #8BC34A) 100%) !important;
  color: #ffffff !important;
}
body.home .hbt-hero-slider{
  margin-bottom: 0 !important;
}
body.home .home-info-bar{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin: 0 !important;
}