/** Shopify CDN: Minification failed

Line 1534:0 Expected "}" to go with "{"

**/
/* Overall site css */
@font-face {
  font-family: 'Rubik';
  src: url('{{ "Rubik-VariableFont_wght.woff2" | asset_url }}') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

    .page-width {
        padding: 0 10rem;
        max-width: 1920px;
    }
    a.btn {
    background: none !important;
    color: #91C73D !important;
    border: 1px solid #91C73D;
    border-radius: 65px !important;
    width: fit-content;
    text-align: center;
    padding: 14px 30px !important;
    font-size: 18px;
    line-height: 100%;
    font-weight: 500;
}

a.btn:hover ,a.service-btn:hover ,a.button.button--primary:hover{
  background:#000 !important;
  color:#fff !important;
}

.footer-block__details-content .list-menu__item--link:hover, .copyright__content a:hover{
  color:#91c73d !important;
}
.footer{
  background:#F7F2ED;
}

.button:after ,.button:before{
  box-shadow:none !important;
}
button.readmore-toggle-button.button{
  background: none;
    color: #91C73D;
    border: none;
    outline: none;
    padding: 0px;
    min-width: fit-content;
    min-height: fit-content;
}

/* header css */

.header-menu-row {
	display: flex;
	list-style: none;
	margin: 0 auto;
	grid-column: 1 / -1;
	background: #ffffff61;
	backdrop-filter: blur(20px);
	padding: 10px 100px;
	max-width: 100%;
	width: 100%;
	justify-content: center;
	gap:clamp(5px, 2.75vw ,44px);
	text-align: center;
}
a.header__heading-link.link.link--text.focus-inset{
  position: relative;
    background: #fff;
    padding: 13px 30px 13px 5.208vw;
    /* overflow: hidden; */
    margin-left:0px !important;
    margin-right:clamp(20px ,5vw ,80px);
}
.header-menu-item a {
	text-decoration: none;
}

header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account {
	max-width: 100%;
	width: 100%;
	background: transparent;
	padding: 0px;
  overflow:hidden;
}

.header__menu-item span {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

.header-menu-item a {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom {
	background: transparent;
	position: absolute;
    max-width:100%;
    width:100%;
}
.touch-heading h2 {
    margin-top: 0px;
}

body.gradientis-product-page header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account {
    background: #000;
}

.header__heading-logo {
	height: 102px;
	max-width: 100%;
	width: 214px;
	object-fit: contain;
}

.header__icon .icon {
	color: #fff;
}

/* h1.header__heading {
	background: #fff;
	width: 432px;
	text-align: center;

} */
/* 
h1.header__heading {
	position: relative;
	background: #fff;
	padding: 13px 100px;
	overflow: hidden;
} */

a.header__heading-link::after {
	content: "";
	position: absolute;
	top: 0;
	left: 99.6%;
	width: 15%;
	height: 100%;
	background:rgb(255, 255, 255);
	clip-path: polygon(0 0, 0 0, 100% 100%, 0 100%);
}
button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {
    color: #fff;
    font-size:16px;
    font-weight:500;
}

.header__icons {
	display: flex;
	grid-area: icons;
	justify-self: end;
	padding-right: 100px;
}

.facet-checkbox>svg, .facet-checkbox>.svg-wrapper { height: auto;}

/* Footer css */

footer.footer.color-scheme-1.gradient.section-sections--27823100395858__footer-padding{
  background:#F7F2ED;
}
.footer__content-top{
  max-width:1920px;
  padding:80px 100px;
}
.footer-topbar {
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.footer_main_text {
    max-width: 100%;
    width: 100%;
    text-align: center;
}
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    gap: 20px;
}
.list-social {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start !important;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in{
  display:block;
}
.footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in ,.footer-block.grid__item.scroll-trigger.animate--slide-in{
  max-width:23%;
  width:100%;
}
.footer__content-bottom.scroll-trigger.animate--slide-in{
  padding:0px;
}
.footer__content-bottom-wrapper.page-width {
    max-width: 1920px;
    justify-content: center;
}
.footer__copyright.caption {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
}
.touch-items {
    margin-top: 30px;
}
.touch-item {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom:30px;
}
.touch-image {
    border: 1px solid #0D0D0D;
    padding: 5px;
    border-radius: 50%;
    height: 34px;
    object-fit: contain;
    min-width: 36px;
    text-align: center;
}
.touch-image img {
    width: 17px;
    height: 17px;
    object-fit: contain;
}
.touch-content p ,.touch-content p a ,.footer-block__details-content li ,.openinghour-content p ,.copyright__content{
    font-size: 16px !important;
    line-height: 30px;
    font-weight: 400;
    margin: 0px;
    color:#515151 !important;
    text-decoration:auto;
}
.footer-flag {
    display: flex;
    gap: 15px;
}




/* Banner text */
.banner--desktop-transparent .banner__box {
	text-align: left;
	padding: 5rem 0;
}

.slideshow__text-wrapper.banner__content.banner__content--top-left.page-width.banner--desktop-transparent {
	max-width: 1920px;
	display: flex;
	align-items: flex-start;
	padding-left: 100px !important;
	padding-right: 100px !important;
}

.slideshow__controls.slider-buttons {
    position: absolute;
    z-index: 999;
    left: 50%;
    bottom: 0;
    transform:translateX(-50%);

}
.slideshow__controls.slider-buttons::before ,.slideshow__controls.slider-buttons::after{
content:'';
width:17.189vw;
height:1px;
background:#fff;
position:absolute;
left:100%;
top:50%;
opacity:0.5;
}
.slideshow__controls.slider-buttons::before{
  right:100%;
  left:unset;
}
.slider-button .icon{
  color:#fff;
}

.slider-counter__link--dots .dot, .slider-counter__link--numbers{
  background-color:#fff;
  opacity:0.5;
}
.slider-counter__link--active.slider-counter__link--dots .dot{
  background-color:#fff !important;
  opacity:1;
  outline:1px solid #fff;
   outline-offset: 2px;
}


/* .banner{
	padding-top: 200px;
} */
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-4.gradient.slideshow__text--left.slideshow__text-mobile--left {
    padding-top: 220px;
}
.banner__box>*+.banner__buttons {
	margin-top: 286px !important;
}

.button--secondary:after {
	border-radius: 65px;
}

a.button.button--secondary {
	line-height: 100%;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 2px;
  text-transform:uppercase;
}

.banner__text.rte p {
	font-size: 20px;
	color: #fff;
	line-height: 160%;
	width: 550px;
	opacity: 1;
	font-weight: 400;
}

h2.banner__heading.inline-richtext.h1 {
	font-weight: 500;
	line-height: 100%;
	font-size:clamp(30px, 4vw ,64px);
}
.slideshow__text.banner__box{
  max-width:100% !important;
}
a.button.button--primary {
    border: 1px solid #fff;
    border-radius: 30px;
    background: none;
    color: #fff;
    opacity: 1;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}
li.header-menu-item {
    font-weight: 500 !important;
    line-height:1.5;
}
.openinghour-heading {
    text-transform: uppercase;
}


@media screen and (min-width: 990px) {
.slideshow__controls.slider-buttons {
  bottom:unset;
    z-index: 999;
    top: 50%;
    right: 0;
    left:unset;
    flex-direction:column;
    gap:20px;

}

.slideshow__controls.slider-buttons>* {
    transform:rotate(90deg) !important;
    
}
.slideshow__controls.slider-buttons::before ,.slideshow__controls.slider-buttons::after{
content:'';
width:1px;
height:170px;
background:#fff;
position:absolute;
left:50%;
top:100%;
opacity:0.5;
}
.slideshow__controls.slider-buttons::before{
  bottom:100%;
  top:unset;
}

}



/* Specialist Equipment */
.images-side {
    width: 50%;
    display: flex;
    flex-direction: row !important;
    gap: 29px !important  ;
    align-items: center;
}

.image-box.first img {
    height: 577px !important;
    width: 408px !important;
    object-fit: cover;
}
.image-box.second img {
    height: 410px !important;
    width: 100% !important;
    object-fit: cover;
}

.double-image-text-wrapper{
  gap:109px !important;
  padding:80px 0 !important;
  align-items:flex-start !important;
}

.text-side h2{
  font-size:36px !important;
  font-weight:bold;
  line-height:130%;
}
.double-image-text-wrapper h2 {
    text-transform: uppercase;
    font-weight: 700 !important;
}

/* Featured Promotion */

.featured-promotion {
    max-width: 1920px;
    padding: 40px 100px !important;
    margin: 0 auto;
}
.promotion-text h2{
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 130%;
    font-weight: bold;
}

.promotion-image img {
    width: 75px !important;
    height: 74px !important;
    border-radius: 8px;
    object-fit: contain !important;
}
.promotion-image, .promotion-text {
    width: fit-content !important;
}


/* Service Promotion */
.service-block ,.service-image-wrapper {
    position: relative;
    min-width: 0% !important;
    flex: 1 0 !important;
    /* height: 522px; */
    overflow: hidden;
    max-width:100% !important;
}
.service-image-wrapper img {
    width: 100%;
    height: 522px !important;
    display: block;
    border-radius: 10px;
    object-fit: cover;
}
.service-promotion{
  padding:80px 0px !important;
  overflow:hidden !important;
  gap:30px;
}

.service-overlay{
      display: flex;
    height: 90%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 48px 46px;
    width: 100%;
}

.service-overlay h2{
  font-size:36px !important;
  font-weight:bold;
  line-height:130%;
  text-transform:uppercase;
}

a.service-btn {
    background: none !important;
    color: #ffffff !important;
    border: 1px solid #ffffff;
    border-radius: 65px !important;
    text-align: center;
    padding: 14px 30px !important;
    font-size: 18px;
    line-height: 100%;
    font-weight: 500;
    text-transform: uppercase;
}

/* Blog section */
.custom-blogs-section {
    max-width: 1920px !important;
    margin: auto !important;
    padding: 80px 100px 180px 100px !important;
    background: #F7F2ED;
    position: relative !important;
}

.blog-slider-nav {
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 24px;
}

.custom-blogs-section--related .blog-slider-nav {
    display: none;
}

@media (max-width: 767px) {
    .custom-blogs-section--related .blog-slider-nav {
        display: flex;
    }
}

.blog-slider-nav .blog-prev,
.blog-slider-nav .blog-next {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
}

.is-homepage .custom-blogs-section .blog-slider-nav {
    display: flex;
}

.blog-prev, .blog-next {
    background: transparent !important;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.blog-view-all {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.blog-view-all__link {
    min-width: 200px;
    text-align: center;
    text-decoration: none;
}

.blog-slider-wrapper {
    position: static !important;
    overflow: hidden;
}

.blog-slider {
    display: flex;
    align-items: stretch;
    transition: transform 0.4s ease;
    gap: 20px;
}

h2.section-heading {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    text-transform:uppercase;
}

/* Date badge overlaid on image */
.blog-image .blog-date {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-block;
    background: #fff;
    padding: 5px 10px;
    color: #91c73d;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    z-index: 2;
    margin: 0;
    line-height: 1.2;
}
a.blog-card,
.blog-card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 calc((100% - 40px) / 3);
    max-width: calc((100% - 40px) / 3);
    align-self: stretch;
    height: 100%;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

 .custom-blogs-section a.blog-card,
 .custom-blogs-section .blog-card {
    background:transparent !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

 .custom-blogs-section .blog-image {
    border-radius: 0 !important;
    aspect-ratio: 3 / 2 !important;
    margin: 0 !important;
}

 .custom-blogs-section .blog-content {
    margin: 0 !important;
    padding: 20px 24px 24px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.blog-detail .custom-blogs-section--related {
    background: #f7f2ed !important;
}

.blog-detail .custom-blogs-section--related:not(.custom-blogs-section--related-unified) a.blog-card,
.blog-detail .custom-blogs-section--related:not(.custom-blogs-section--related-unified) .blog-card {
    background: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-decoration: none !important;
}

.blog-detail .custom-blogs-section--related:not(.custom-blogs-section--related-unified) .blog-image {
    border-radius: 10px !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 0 -48px !important;
    z-index: 2 !important;
}

.blog-detail .custom-blogs-section--related:not(.custom-blogs-section--related-unified) .blog-content {
    margin: 0 12px !important;
    padding: 56px 20px 24px !important;
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
    z-index: 3 !important;
}

.blog-detail .custom-blogs-section--related .blog-slider-wrapper {
    overflow: visible;
    padding-bottom: 24px;
}

.blog-detail .custom-blogs-section--related .blog-slider-nav {
    display: none;
}

.blog-detail .custom-blogs-section--related:not(.custom-blogs-section--related-unified) h3.blog-title {
    color: #000;
    font-weight: 800;
    text-decoration: none !important;
}

a.blog-card:hover,
a.blog-card:focus,
a.blog-card:focus-visible,
.blog-card:hover,
.blog-card:focus,
.blog-card:focus-visible {
    text-decoration: none;
    color: inherit;
}

.blog-card .blog-title,
.blog-card .blog-desc,
.blog-card .blog-date {
    text-decoration: none;
}
.custom-blogs-section .blog-content,
.custom-blogs-section:not(.custom-blogs-section--related) .blog-content {
    padding: 240px 24px 24px !important;
    background: #fff;
    margin: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    border-radius: 10px !important;
    box-shadow: none;
    margin-top:-220px !important;
    z-index:0;
}
.custom-blogs-section .blog-image,
.custom-blogs-section:not(.custom-blogs-section--related) .blog-image {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: 90%;
    margin: 0 auto !important;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background: #e8e4df;
    border-radius:10px !important;
}

.custom-blogs-section .blog-prev,
.custom-blogs-section .blog-next {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.custom-blogs-section .blog-prev img,
.custom-blogs-section .blog-next img {
    display: block;
    width: 40px;
    height: 40px;
    filter: none !important;
}

h3.blog-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    text-transform:uppercase;
    margin: 0 0 8px;
}
p.blog-desc {
    font-size: 16px;
    line-height: 150%;
    color: #515151;
    flex: 1 1 auto;
    margin: 0;
}

.blog-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.footer-flag {
    position: relative;
    left: -6px;
}

h2.footer-block__heading.inline-richtext {
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
}
.footer-block__details-content.list-unstyled a.link.link--text.list-menu__item.list-menu__item--link {
    font-size: 16px;
    font-weight: 400;
    color: #515151;
}
a.link.list-social__link {
    border: 1px solid;
    border-radius: 100%;
    padding: 0px;
}
ul.list-unstyled.list-social.footer__list-social {
    gap: 20px;
}
/* ======================================================
   BELOW 1920px — ONLY SCALE DOWN, NO REDESIGN
====================================================== */

/* ---------- ≤ 1600px ---------- */
@media (max-width: 1600px) {

  .page-width {
    padding: 0 6rem;
  }

  .header-menu-row {
    padding: 10px 60px;
    gap: 36px;
  }

  .header__icons {
    padding-right: 60px;
  }

  /* h1.header__heading ,.header__heading-logo-wrapper {
    padding: 13px 70px;
  } */

  .banner__content {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .banner__text.rte p {
    width: 500px;
  }
}

/* ---------- ≤ 1440px ---------- */
@media (max-width: 1440px) {

  .page-width {
    padding: 0 4rem;
  }

  .header-menu-row {
    padding: 10px 40px;
    gap: 30px;
  }

  .header__icons {
    padding-right: 40px;
  }

  h2.banner__heading.inline-richtext.h0 {
    font-size: 56px;
  }

  .banner__text.rte p {
    width: 460px;
    font-size: 18px;
  }

  .image-box.first img {
    height: 520px !important;
    width: 100% !important;
  }

  .promotion-row{
    flex-wrap:wrap;
  }
  .image-box.second img {
    height: 380px !important;
    width: 100% !important;
  }
  .double-image-text-wrapper{
    gap:70px !important;
  }
}

/* ---------- ≤ 1199px (Tablet) ---------- */
@media (max-width: 1199px) {

  .page-width {
    padding: 0 30px;
  }

  .header-menu-row {
    padding: 14px 20px;
    flex-wrap: wrap;
    gap: 22px;
  }
  .double-image-text-wrapper{
    flex-direction:row !important;
  }

  .header__icons {
    padding-right: 20px;
  }

  /* .banner {
    padding-top: 160px;
  } */
  .service-promotion{
    overflow:auto !important; 
  }

  .banner__content {
    flex-direction: column;
    align-items: flex-start;
  }

  h2.banner__heading.inline-richtext.h0 {
    font-size: 48px;
  }

  .banner__text.rte p {
    width: 100%;
  }

  .double-image-text-wrapper {
    flex-direction: row !important;
    gap: 48px !important;
  }
  .header-menu-item a{
    font-size:16px;
  }

  .images-side {
    width: 100%;
    justify-content: center;
  }

  .service-block,
  .service-image-wrapper {
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .service-image-wrapper img {
    height: 420px !important;
  }

  .footer__blocks-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  
}

/* ---------- ≤ 991px ---------- */
@media (max-width: 991px) {

  .header-menu-row ,h2.facet-filters__label.caption-large.text-body {
    display: none;
  }
.facets-vertical-form{
  flex-direction:column;
}
  

  /* .banner {
    padding-top: 140px;
  } */

  h2.banner__heading.inline-richtext.h0 {
    font-size: 42px;
  }

  .service-overlay {
    padding: 36px;
  }
  .header{
    display:flex;
    padding:0px 10px 0px 0px !important;
  }
  header-drawer {
    order: 3;
}

  .header__heading-logo ,.header__heading-logo-wrapper {
    width: 160px;
    height: auto;
  }

  h1.header__heading ,.header__heading-logo-wrapper {
    /* padding: 10px 30px; */
        width: fit-content;
        order: 1;
        flex: 1;
        text-align:left;
  }
  
  .header__icons.header__icons--localization.header-localization {
    order: 2;
}
  .footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in, .footer-block.grid__item.scroll-trigger.animate--slide-in{
  width:100%;
  max-width:100%;
}
.footer-flag{
  flex-wrap:wrap;
  justify-content:center;
  left: 0;
}
.footer_main_text ,.footer-topbar{
  text-align:left;
}
.footer_main_text h1 ,.text-side h2 ,.service-overlay h2{
  font-size:24px !important;
}
}

/* ---------- ≤ 767px (Mobile) ---------- */
@media (max-width: 767px) {

  .page-width {
    padding: 0 20px;
  }
  .product-view-grid {
    display: grid;
    grid-template-columns: 1fr !important;
}
  a.header__heading-link.link.link--text.focus-inset{
    padding:10px;
  }

  .slideshow__controls.slider-buttons{
  z-index:1 !important;
}
  .header{
    display:flex;
    padding:0px 10px 0px 0px !important;
  }
  header-drawer {
    order: 3;
}

  .header__heading-logo {
    width: 160px;
    height: auto;
  }

  h1.header__heading {
    /* 0 */
        width: fit-content;
        order: 1;
        flex: 1;
        text-align:left;
  }
  
  .header__icons.header__icons--localization.header-localization {
    order: 2;
}

  .banner {
    /* padding-top: 120px; */
    min-height:fit-content !important;
  }
  .slideshow__text-wrapper.banner__content.banner__content--top-left.page-width.banner--desktop-transparent{
    padding-left:20px !important;
    padding-right:20px !important;
    align-items:baseline !important;
  }


  h2.banner__heading.inline-richtext.h0 {
    font-size: 32px;
    line-height: 120%;
  }

  .banner__text.rte p {
    font-size: 16px;
  }

  .banner__box > * + .banner__buttons {
    margin-top: 40px !important;
  }

  .image-box.first img,
  .image-box.second img {
    width: 100% !important;
    height: auto !important;
  }

  .featured-promotion {
    padding: 30px 20px !important;
  }

  .service-overlay h2 {
    font-size: 28px !important;
  }

  .custom-blogs-section {
    padding: 60px 20px 120px !important;
  }

  .blog-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .blog-slider {
    gap: 20px;
  }

.custom-blogs-section .blog-content,
  .custom-blogs-section:not(.custom-blogs-section--related) .blog-content {
            padding: 120px 18px 20px !important;
        margin-top: -100px !important;;
  }

  .custom-blogs-section .blog-image,
  .custom-blogs-section:not(.custom-blogs-section--related) .blog-image {
    width: 100%;
    aspect-ratio: 3 / 2;
  }

 .custom-blogs-section .blog-image {
    margin: 0 auto !important;
    width:90%;
  }

  .blog-detail .custom-blogs-section--related:not(.custom-blogs-section--related-unified) .blog-image {
    aspect-ratio: 4 / 3;
    margin: 0 0 -44px !important;
  }

  .blog-detail .custom-blogs-section--related:not(.custom-blogs-section--related-unified) .blog-content {
    padding: 52px 18px 22px !important;
    margin: 0 8px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
  }

  .blog-detail .custom-blogs-section--related .blog-slider-wrapper {
    overflow: hidden !important;
    touch-action: pan-y;
  }

  .blog-detail .custom-blogs-section--related .blog-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .blog-detail .custom-blogs-section--related .blog-slider-nav {
    display: flex;
  }

  .blog-detail .custom-blogs-section--related .blog-slider-nav .blog-prev,
  .blog-detail .custom-blogs-section--related .blog-slider-nav .blog-next {
    display: inline-flex !important;
  }

  /* .blog-prev,
  .blog-next {
    display: none;
  } */

  .footer__content-top {
    padding: 40px 20px !important;
  }

  .footer__blocks-wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .promotion-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
  .promotion-image, .promotion-text{
      width:100% !important;
    }
  .service-overlay {
    left: 0px !important;
    padding: 10px;
}
.service-promotion{
  overflow:auto !important;
}
.footer-block.grid__item.footer-block--menu.scroll-trigger.animate--slide-in, .footer-block.grid__item.scroll-trigger.animate--slide-in{
  width:100%;
  max-width:100%;
}
.footer-flag{
  flex-wrap:wrap;
  justify-content:center;
  left: 0;
}
.footer_main_text ,.footer-topbar{
  text-align:left;
}
.footer_main_text h1 ,.text-side h2 ,.service-overlay h2{
  font-size:24px !important;
}
.promotion-block{
  padding:0px !important;
}
}

/* Blog slider — tablet */
@media (max-width: 1024px) {
  .blog-card {
    flex: 0 0 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
  }
    .product-view-grid {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
}
.is-collection-page .banner__content.banner__content--middle-left.page-width.scroll-trigger.animate--slide-in{
  justify-content:center;
  align-items:baseline;
  padding-top:102px;
}
a.header__heading-link.link.link--text.focus-inset{
  padding: 13px 30px 13px 40px;
}
.banner__media.media.scroll-trigger.animate--fade-in{
  height:500px;
}
.facets-vertical .active-facets-vertical-filter{
  margin-bottom:20px;
}
.header__icons.header__icons--localization.header-localization {
    margin-left: auto;
}
nav.breadcrumb a{
  color:#fff !important;
}
 .custom-blogs-section .blog-content, .custom-blogs-section:not(.custom-blogs-section--related) .blog-content {
    padding: 120px 24px 24px !important;
    background: #fff;
    margin: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    border-radius: 10px !important;
    box-shadow: none;
    margin-top: -90px !important;
    z-index: 0;
}
}

@media (max-width: 767px) {
      .product-view-grid {
    display: grid;
    grid-template-columns: 1fr !important;
}

.is-collection-page .banner__content{
  background:rgb(0 0 0 / 20%);
  display: flex;
        align-items: flex-start;
        height:400px;
        padding-top:116px !important;
}
.quick-view-product {
    display: flex;
    gap: 40px;
    flex-direction: column;
}
.quick-view-product img.quick-view-image {
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
}
  .banner__content{
    padding:20px !important;
  }
}
@media screen and (max-width: 749px) {
    .banner--mobile-bottom:not(.banner--stacked) .banner__content {
        order: 2;
        display: block !important;
        padding: 20px !important;
        height: fit-content !important;
        padding-top: 20px !important;
        background: #000 !important;
    }
}
/* Homepage Service promotion */
    .service-promotion {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap; /* keeps blocks horizontal */
  overflow-x: auto;  /* scrolls horizontally on mobile */
  padding: 20px 0;
}

.service-block {
  position: relative;
  min-width: 350px; /* width of each block */
  flex: 0 0 auto;
}

.service-image-wrapper {
  position: relative;
}

.service-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.service-overlay {
  position: absolute;
  top: 20px;
  left: 20px;
}

.service-overlay h2 {
  margin: 0 0 10px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.service-btn {
  display: inline-block;
  padding: 8px 18px;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 600;
}


/* Homepage double image section */
  .double-image-text-wrapper {
  display: flex;
  align-items: center !important;
  gap: 30px;
  padding: 40px 0 !important; 
}

.images-side {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.images-side .image-box img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
}

.text-side {
  width: 50%;
}

.text-side h2 {
  font-size: 32px;
  margin-bottom: 10px;
}

.text-side p {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.6;
}

.text-side .btn {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 12px 25px;
  text-decoration: none;
  border-radius: 5px;
  text-transform:capitalize;
}

@media(max-width: 768px) {
  .double-image-text-wrapper {
    flex-direction: column !important;
    gap:30px !important;
  }

  .images-side, .text-side {
    width: 100%;
  }

  .images-side {
    flex-direction: column !important;
    order:1;
  }
}

/* Homepage icon with text section */
    .featured-promotion {
  padding: 40px 20px;
}

.promotion-row {
  display: flex;
  gap: 30px;
}

.promotion-block {
  display: flex;
  width: 100%;
  background: #fff0; /* transparent so bg_color shows */
  padding: 20px;
  border-radius: 10px;
  align-items: center;
  gap: 20px;
}

.promotion-image,
.promotion-text {
  width: 50%;
}

.promotion-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.promotion-text h2 {
  margin: 0 0 10px;
      margin: 0 0 10px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
}

.promotion-text p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .promotion-row {
    flex-direction: column;
  }

  .promotion-block {
    flex-direction: column;
  }

  .promotion-image,
  .promotion-text {
    width: 100%;
    text-align:center;
  }
}
/* .facets-wrapper {
    margin-top: -10rem;
} */

@media (min-width: 991px) and (max-width: 1440px) {
 .promotion-row {
    display: grid;
    gap: 30px;
    grid-template-columns: 2fr 2fr;
}

.product-view-grid {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
}
.is-collection-page.is-collection facet-filters-form.facets.facets-vertical-sort.page-width.small-hide{
  width:76%;
}
li.grid__item.scroll-trigger.animate--slide-in {
    max-width: 100%;
    width: 100%;
}

a.card__view-product.button.button--tertiary {
    background: #000;
    color: #fff;
    border-radius: 30px;
    width: 90%;
    padding: 10px;
    font-size: 16px;
}



/* Product page */
body.gradientis-product-page .product.product--large.product--left.product--stacked.product--mobile-hide.grid.grid--1-col.grid--2-col-tablet{
  margin-top:200px !important;
}


.page_section_layout {
    margin-top: 300px;
}

nav.breadcrumb a {
    color: #fff !important;
}
.read-more-btn{
  color: #91C73D !important;
}


.blog-detail .share-button__fallback {
    display: flex;
    align-items: center;
    position: absolute;
    top: .5rem;
    left: 9.1rem;
    z-index: 3;
    width: 100%;
    min-width: max-content;
    border-radius: var(--inputs-radius);
    border: 0;
}

.blog-detail .share-button__fallback:before ,.blog-detail .share-button__fallback:after{
  display:none;
}

.slideshow__controls.slideshow__controls--top.slider-buttons {
    z-index: 1;
}
nav.menu-drawer__navigation{
  z-index:999;
}