/** Shopify CDN: Minification failed

Line 238:187 Unexpected "/"

**/
/* Kids category block Style Start */

.kids-category-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    font-family: 'Montserrat';
  }

  .kids-category-block {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    background: var(--block-bg);
    color: var(--text-color);
    border-radius: 16px;
    min-width: 0;
    font-family: 'BarlowCondensed';
  }

  .kids-category-image {
    width: 50%;
    flex: 0 0 50%;
    line-height: 0;
  }

  .kids-category-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
  }

  .kids-category-content {
    width: 50%;
    padding: 10px 8px;
    display: flex;
    gap: 15px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }

  .kids-category-heading {
    margin: 0 0 2px;
    color: var(--text-color);
    font-size: 1.8vw;
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
  }

  .kids-category-subheading {
    margin: 0 0 7px;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
  }

  .kids-category-description {
    margin: 0 0 8px;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.3;
  }

  .kids-category-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    border-radius: 4px;
    background: var(--button-bg);
    color: var(--button-text-color);
    font-size: 16px;
    line-height: 1.2;
    width: 100%;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
  }

  .kids-category-button:hover {
    opacity: 0.85;
  }

  /* Tablet */
   @media screen and (max-width: 1260px) {
    .kids-category-wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
     .kids-category-heading {
      font-size: 1.6vw;
     }
  }
   @media screen and (max-width: 1060px) {
    .kids-category-wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 991px) {
    .kids-category-wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  /* Mobile */
  @media screen and (max-width: 768px) {
    .kids-category-wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .kids-category-image {
      width: 40%;
      flex-basis: 40%;
    }

    .kids-category-content {
      width: 60%;
      padding: 14px 12px;
    }

    .kids-category-heading {
      font-size: 26px;
    }

    .kids-category-subheading {
      font-size: 16px;
    }

    .kids-category-description {
      font-size: 16px;
    }

    .kids-category-button {
      font-size: 16px;
      padding: 7px 10px;
    }
  }
@media screen and (max-width: 540px) {
    .kids-category-wrapper {
      grid-template-columns: 1fr;
    }
}
/* Kids category block Style END ======================================================================================================================================================*/

/* bike category block Style Start */

.bike-filter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  font-family: 'BarlowCondensed', sans-serif;
}

.bike-filter-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 16px;
  background: var(--card-bg, #f4f9f5);
  color: var(--card-text, #1f2d28);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.bike-filter-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.bike-filter-card__image { aspect-ratio: 2 / 1; overflow: hidden; }
.bike-filter-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; object-position: top; }

.bike-filter-card__content { padding: 12px 16px 16px; }

.bike-filter-card__title-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.bike-filter-card__title { margin: 0; font-size: 26px; line-height: 1.1; text-transform: uppercase; color: var(--card-text); font-weight:800; }

.bike-filter-card__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  border-radius: 5px;
  padding: 2px;
  background: var(--card-btn-bg, #304550);
  color: var(--card-bg, #f4f9f5);
}

.bike-filter-card__subtext { font-weight: 700; font-size: 16px; }
.bike-filter-card__description { font-size: 16px; line-height: 1.35; opacity: 0.9; }

/* Tablet */
   @media screen and (max-width: 1260px) {
    .bike-filter-wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
   @media screen and (max-width: 1060px) {
    .bike-filter-wrapper {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 991px) {
    .bike-filter-wrapper {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
  }

@media (max-width: 768px) { 
  .bike-filter-card__title { 
    font-size: 22px; 
  } 
  .bike-filter-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}
@media (max-width: 540px) { 
  .bike-filter-wrapper {
    grid-template-columns: 1fr;
  }
}

/* bike category block Style end ======================================================================================================================================================*/ */
/* banner button block Style start */

.kids-banner-button-wrapper {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.kids-banner-button {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.kids-banner-button-image {
  width: 100%;
}

.kids-banner-button-image img {
  display: block;
  width: 100%;
  height: 15vh;
  object-fit: cover;
  object-position: left;
}
 
.kids-banner-button-content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 5%;
  z-index: 2;
}

.kids-banner-button-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  background: var(--button-bg);
  color: var(--button-text);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  text-decoration: none;
  border-radius: 4px;
  white-space: nowrap;
  font-family: 'Montserrat';
  text-transform: uppercase;
  gap: 10px;
  border: 1px solid var(--button-text);
}

.kids-banner-button-link:hover {
  opacity: 0.85;
}

@media screen and (max-width: 749px) {
  .kids-banner-button-content {
    padding: 10px 4%;
  }

  .kids-banner-button-link {
    padding: 7px 10px;
    font-size: 10px;
  }
}

/* banner button block Style END ======================================================================================================================================================*/


/* Trust Badges section start */
.trust-badges-section {
  background: var(--tb-bg, #fff);
  padding-top: var(--tb-pt, 20px);
  padding-bottom: var(--tb-pb, 20px);
}

.trust-badges-container {
  margin: 0 auto;
  padding: 0 16px;
  overflow: hidden; /* hides the left divider of the first item in every row */
}

/* Desktop: N columns, wraps automatically */
.trust-badges-track {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1px; /* pulls the first item's divider out of view */
  background: var(--section-box-color);
  justify-content: center;
  border-radius: 8px;
  margin-block: 48px;
}

.trust-badge-block {
  box-sizing: border-box;
  flex: 0 0 calc(100% / var(--tb-cols-desktop, 5));
  max-width: calc(100% / var(--tb-cols-desktop, 5));
  padding: 16px 14px;
  display: flex;
}
.trust-badge-block:not(:last-child)::after {
  content: '';
  display: block;
  width: 1px;
  background: var(--tb-divider, #ccc);
  margin-left: 14px; /* adds a divider to the right of each item */
}

.trust-badge-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  text-align: center;
  color: inherit;
  text-decoration: none;
}

.trust-badge-inner--link:hover .trust-badge-heading {
  text-decoration: underline;
}

.trust-badge-icon {
  width: var(--tb-icon-size, 44px);
  height: var(--tb-icon-size, 44px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.trust-badge-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.trust-badge-text-wrapper {
  display: flex;
  flex-direction: column;
}

.trust-badge-heading {
  margin: 0;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--tb-text, #111);
}

.trust-badge-subheading {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--tb-sub-text, #555);
}

/* Tablet */
@media (max-width: 991px) {
  .trust-badge-block {
    flex-basis: calc(100% / var(--tb-cols-tablet, 3));
    max-width: calc(100% / var(--tb-cols-tablet, 3));
  }
}

/* Mobile */
@media (max-width: 768px) {
  .trust-badges-container {
    padding: 0 10px;
  }

  .trust-badge-block {
    flex-basis: calc(100% / var(--tb-cols-mobile, 2));
    max-width: calc(100% / var(--tb-cols-mobile, 2));
    padding: 14px 10px;
  }

  .trust-badge-heading,
  .trust-badge-subheading {
    font-size: 11px;
  }
}
/* Trust Badges section end====================================================================================================================================================== */

/* collection faq section start  */

      #collection-faqs-block.eq-cfaq{
        background: var(--eq-cfaq-section-bg);
        border-radius: 8px;
        overflow: hidden;
      }
      #collection-faqs-block .eq-cfaq__container{
        margin: 0 auto;
        padding: 20px;
      }
      #collection-faqs-block .eq-cfaq__heading{
        text-align: start;
        color: var(--eq-cfaq-heading-color);
        font-size: 26px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: 'BarlowCondensed';
        line-height: 1.5;
        margin: 0 0 20px;
      }
      #collection-faqs-block .eq-cfaq__wrapper{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 16px;
      }
      #collection-faqs-block .eq-cfaq__item{
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 12px !important;
      }
      #collection-faqs-block .eq-cfaq__question{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--eq-cfaq-question-bg);
        color: var(--eq-cfaq-question-color);
        border: none;
        padding: 15px;
        cursor: pointer;
        font-size: 13px;
        font-weight: 400;
        text-align: left;
        border-radius: 10px;
        font-family: 'Montserrat';
        text-transform: capitalize;
      }
      #collection-faqs-block .eq-cfaq__icon.closed{
        display: none;
      }
      #collection-faqs-block .eq-cfaq__icon.closed,
      #collection-faqs-block .eq-cfaq__icon{
        color: var(--eq-cfaq-icon-color);
        font-size: 26px;
        line-height: 1;
        transition: .3s;
        flex-shrink: 0;
        margin-left: 20px;
      }
      #collection-faqs-block .eq-cfaq__answer{
        max-height: 0;
        overflow: hidden;
        transition: max-height .35s ease;
        background: var(--eq-cfaq-answer-bg);
        margin-top: 5px;
        border-radius: 12px;
      }
      #collection-faqs-block .eq-cfaq__item.active .eq-cfaq__icon{
             display: none;
        }
      #collection-faqs-block .eq-cfaq__item.active .eq-cfaq__icon.closed{
             display: block;
        }
      #collection-faqs-block .eq-cfaq__item.active .eq-cfaq__answer{
        display: flex;
        height: 100%;
        max-height: 100%;
      }
      #collection-faqs-block .eq-cfaq__item .eq-cfaq__answer-inner .metafield-rich_text_field{
        font-size: 12px !important;
        line-height: 1.5 !important;
        font-weight: 400;
        padding: 10px !important;
      }

       #collection-faqs-block:not(.is-expanded) .eq-cfaq__item--extra{
        display: none !important;
      }

      #collection-faqs-block .eq-cfaq__more-wrap{
        text-align: center;
        margin-top: 16px;
      }

      #collection-faqs-block .eq-cfaq__more{
        background: none;
        border: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 0;
        cursor: pointer;
        font-family: 'Montserrat';
        font-size: 16px;
        font-weight: 600;
        color: var(--eq-cfaq-heading-color);
        text-underline-offset: 4px;
      }
      .eq-cfaq .eq-cfaq__more-icon {
        flex-shrink: 0;
        transition: transform 0.3s ease;
      }

      .eq-cfaq .eq-cfaq__more[aria-expanded="true"] .eq-cfaq__more-icon {
        transform: rotate(180deg);
      }
      .eq-cfaq .eq-cfaq__more-label--less,
      .eq-cfaq .eq-cfaq__more[aria-expanded="true"] .eq-cfaq__more-label--more {
        display: none;
      }

      .eq-cfaq .eq-cfaq__more[aria-expanded="true"] .eq-cfaq__more-label--less {
        display: inline;
      } 

      @media (max-width: 991px){
        #collection-faqs-block .eq-cfaq__wrapper{
          grid-template-columns: repeat(1, 1fr);
        }
        #collection-faqs-block .eq-cfaq__item.active .eq-cfaq__answer{
          max-height: 500px;
        }
      }
      @media (max-width: 768px){
       
        #collection-faqs-block .eq-cfaq__container{ padding-inline: 16px; }
        #collection-faqs-block .eq-cfaq__heading{ margin-bottom: 12px; font-size: 28px; }
        #collection-faqs-block .eq-cfaq__question{ padding: 16px; font-size: 13px; }
        #collection-faqs-block .eq-cfaq__answer-inner{ padding: 16px; }
        #collection-faqs-block .eq-cfaq__item .eq-cfaq__answer-inner .metafield-rich_text_field{
          font-size: 12px !important;
          line-height: 1.5 !important;
          padding: 10px !important;

        }
      }

/* collection faq section end =================================================================================================  */

/*  collection intro section Style start */

    .eq-collection-intro{
      background: #e6ecd6;
    }
    .collection-product-filter .product-grid-container .eq-collection-intro__inner .metafield-rich_text_field,
    .eq-collection-intro .metafield-rich_text_field{
      padding: 0 !important;
    }
    .eq-collection-intro__inner{
      margin: 0 auto;
      font-family: 'Montserrat';
    }

    /* 1st line: small uppercase green heading */
     .eq-collection-intro .eq-collection-intro__inner .metafield-rich_text_field h2{
      font-family: 'Montserrat';
      font-size: 16px;
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: 0.2px;
      text-transform: uppercase;
      color: #354550;
      margin: 0 0 6px;
    }

    /* 2nd line: large bold black heading */
     .eq-collection-intro .eq-collection-intro__inner .metafield-rich_text_field h3{
      font-family: 'Montserrat';
      font-size: 24px !important;
       text-transform: capitalize !important;
      font-weight: 500 !important;
      line-height: 1.3;
      color: #000;
      margin: 0 0 6px;
    }

    /* Description */
    .eq-collection-intro .eq-collection-intro__inner p{
      font-family: 'Montserrat';
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: #000;
      margin: 0;
    }

    @media (max-width: 768px){
      
      .eq-collection-intro__inner h2{ font-size: 15px; }
      .eq-collection-intro__inner h3{ font-size: 22px; }
      .eq-collection-intro__inner p{ font-size: 14px; }
      
    }
/*  collection intro section Style end=========================================================================================== */

/* collection hero banner style start */
/* assets/collection-hero.css */

.eq-collection-hero {
  --hero-radius: 16px;
  --hero-min-height: 520px;
  --hero-pad: 40px;
 
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  min-height: var(--hero-min-height);
  border-radius: var(--hero-radius);
  overflow: hidden;
  isolation: isolate;
  color: var(--hero-text-color, #fff);
}

/* Background image + readability overlay */
.eq-collection-hero .eq-collection-hero__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.eq-collection-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 75%);
  pointer-events: none;
}

/* Content */
.eq-collection-hero .eq-collection-hero__content {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  max-width: 650px;
  padding: var(--hero-pad);
  padding-bottom: 15px;
}

.eq-collection-hero .eq-collection-hero__title {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--hero-title-color, #fff);
}
.eq-collection-hero .eq-collection-hero__heading .metafield-rich_text_field{
  margin: 0 0 16px;
  font-size: 3.1vw !important;
  font-weight: 900;
  font-style: italic;
  line-height: 1;
  text-transform: uppercase;
  color: var(--hero-text-color, #fff);
  padding: 0 !important;
}

.eq-collection-hero .eq-collection-hero__description {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--hero-text-color, #fff);
}

/* Buttons */
.eq-collection-hero .eq-collection-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 15px;
}

.eq-collection-hero .eq-collection-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  padding: 14px 24px;
  border-radius: 10px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  background: var(--hero-btn-bg, #fff);
  color: var(--hero-btn-text, #000);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.eq-collection-hero .eq-collection-hero__btn:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}


/* Tablet */
@media (max-width: 991px) {
  .eq-collection-hero {
    --hero-min-height: 460px;
    --hero-pad: 28px;
  }
  .eq-collection-hero .eq-collection-hero__heading .metafield-rich_text_field{
    font-size: 36px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .eq-collection-hero {
    --hero-min-height: 520px;
    --hero-pad: 20px;
    align-items: flex-end;
  }
  .eq-collection-hero::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.65) 100%);
  }
  .eq-collection-hero .eq-collection-hero__content {
    max-width: 100%;
  }
  .eq-collection-hero .eq-collection-hero__btn {
    flex: 1 1 100%;
    min-width: 0;
  }
 
}
/* collection hero banner style end ============================================================================================== */

/* collection review block style start */
.kr-reviews { min-width: 0; max-width: 100%; }

/* ---- Swiper core (needed because swiper-bundle.min.css isn't loaded) ---- */
.kr-swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  z-index: 1;
  display: block;
  touch-action: pan-y;
  font-family: 'Montserrat', sans-serif;
}
.kr-swiper .swiper-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: content-box;
  transition-property: transform;
  transform: translate3d(0, 0, 0);
}
.kr-swiper .swiper-slide {
  flex-shrink: 0;
  display: block;
  position: relative;
  height: auto;
  box-sizing: border-box;
  transition-property: transform;
}

/* hide nav when Swiper locks it (everything fits) */
.kr-nav .swiper-button-lock,
.kr-dots.swiper-pagination-lock { display: none; }

/* ---- Card ---- */
.kr-card {
  background: #f6faf4;
  border-radius: 12px;
  padding: 24px;
  box-sizing: border-box;
  height: auto;
}
.kr-stars { display: flex; gap: 6px; margin-bottom: 12px; }
.kr-star { width: 24px; height: 24px; display: block; }
.kr-star--text { color: #ffc800; font-size: 24px; line-height: 24px; }
.kr-text { font-size: 18px; font-weight: 700; line-height: 1.35; margin: 0 0 24px; }
.kr-meta { display: flex; flex-direction: column; font-size: 16px; gap: 2px; }
.kr-name { font-weight: 700; }

@media (max-width: 749px) {
  .kr-card { padding: 20px; }
  .kr-text { font-size: 18px; }
}

/* ---- Grid (3 or fewer) ---- */
.kr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 989px) { .kr-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 749px) { .kr-grid { grid-template-columns: 1fr; } }

/* ---- Slider nav ---- */
.kr-nav { display: flex; align-items: center; gap: 12px; margin-top: 16px; min-width: 0; }
.kr-arrow {
  flex: 0 0 40px;
  width: 40px; height: 40px; padding: 0; cursor: pointer;
  background: transparent; border: 1px solid #2f4f3f; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; color: #2f4f3f;
}
.kr-arrow img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 50%; padding: 8px; }
.kr-arrow.swiper-button-disabled { opacity: .4; cursor: default; pointer-events: none; }
.kr-dots {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  align-items: center;
}
.kr-dot {
  width: 12px; height: 14px; border-radius: 50%; border: 1px solid #2f4f3f;
  background: transparent; cursor: pointer; display: block; flex: 0 0 auto;
}
.kr-dot.is-active { background: #2f4f3f; }

/* collection review block style end ============================================================================================== */

/* collection video block style start ============================================================================================== */
       
        .collection-video-text-block__container .metafield-rich_text_field{
          font-family: 'BarlowCondensed' !important;
          padding: 0 !important;
        }
        .collection-video-text-block__container {
          display: flex;
          gap: 16px;
          align-items: stretch;
        }
        .collection-video-text-block__video-card,
        .collection-video-text-block__text-card {
          flex: 1 1 0;
          min-width: 0;
          border-radius: 18px;
          overflow: hidden;
          flex-basis: 50%;
        }

        /* Video card */
        .collection-video-text-block__video-card {
          position: relative;
          min-height: 300px;
          background: var(--collection-video-background-color, #34524a);
          color: var(--collection-video-text-color, #ffffff);
        }
        .collection-video-text-block__video-banner {
          position: absolute;
          inset: 0;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          gap: 20px;
          padding: 32px 28px;
          height: 100%;
        }
        .collection-video-text-block__video-banner {
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          position: relative;
          min-height: inherit;
        }
        .collection-video-text-block__video-banner--has-poster::before {
          content: '';
          position: absolute;
          inset: 0;
          background: rgba(0, 0, 0, 0.25); /* adjust or remove */
          pointer-events: none;
        }
        .collection-video-text-block__video-banner > * {
          position: relative; /* keeps text and button above the overlay */
        }
        .collection-video-text-block__video-banner-text,
        .collection-video-text-block__video-banner-text * {
          margin: 0;
          color: var(--collection-video-text-color, #ffffff);
          font-style: italic;
          font-weight: 800;
          text-transform: uppercase;
          line-height: 1.05;
        }
        .collection-video-text-block__video-banner-text h1,
        .collection-video-text-block__video-banner-text h2,
        .collection-video-text-block__video-banner-text h3,
        .collection-video-text-block__video-banner-text p {
              font-size: clamp(30px, 2.4vw, 32px);
              font-family: 'Montserrat' !important;
        }

        .collection-video-text-block__play-button {
          display: inline-flex;
          align-items: center;
          align-self: flex-start;
          padding: 0;
          border: 0;
          background: transparent;
          color: var(--collection-video-text-color, #ffffff);
          font: inherit;
          cursor: pointer;
        }
        .collection-video-text-block__play-button:focus-visible {
          outline: 3px solid var(--collection-video-text-color, #ffffff);
          outline-offset: 4px;
          border-radius: 999px;
        }
        .collection-video-text-block__play-button-icon {
          position: relative;
          z-index: 1;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          flex: none;
          width: 60px;
          height: 60px;
          border-radius: 50%;
          background: #355045;
          color: var(--collection-video-background-color, #34524a);
        }
        .collection-video-text-block__play-button-icon svg {
          width: 28px;
          height: 28px;
          margin-left: 3px;
        }
        .collection-video-text-block__play-button-icon img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          border-radius: 50%;
          outline: 3px solid #355045;
        }
        .collection-video-text-block__play-button-label {
          display: inline-flex;
          align-items: center;
          height: 48px;
          margin-left: -30px;
          padding: 0 26px 0 42px;
          border: 3px solid var(--collection-video-text-color, #ffffff);
          border-radius: 999px;
          font-size: 22px;
          font-weight: 700;
          font-family: 'BarlowCondensed' !important;
          text-transform: uppercase;
          white-space: nowrap;
        }

        .collection-video-text-block__video-player {
          position: absolute;
          inset: 0;
          background: #000000;
        }
        .collection-video-text-block__video-player[hidden] {
          display: none;
        }
        .collection-video-text-block__video-element {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          border: 0;
          object-fit: contain;
        }
        .collection-video-text-block__video-card--playing .collection-video-text-block__video-banner {
          display: none;
        }

        /* Text card */
        .collection-video-text-block__text-card {
          display: flex;
          align-items: center;
          padding: 20px 24px;
          background: #f6faf4;
        }
        .collection-video-text-block__text-content {
          width: 100%;
          color: #355045;
        }
       .collection-product-filter .product-grid-container .collection-video-text-block__text-content .metafield-rich_text_field h3,
       .collection-video-text-block__text-content .metafield-rich_text_field h3 {
          margin: 0 0 14px;
          font-size: 28px !important;
          font-weight: 600;
          line-height: 1.1;
          letter-spacing: 0.01em;
          text-transform: uppercase;
          color: #355045;
        }
        .collection-video-text-block__text-content h4,
        .collection-video-text-block__text-content p > strong:only-child {
          font-size: 18px;
          font-weight: 700;
          color: #355045;
        }
        .collection-video-text-block__text-content .metafield-rich_text_field strong,
        .collection-video-text-block__text-content p {
          margin: 0 0 14px;
          font-size: 17px;
          line-height: 1.2;
          color: #355045;
          font-family: 'BarlowCondensed' !important;
        }
        .collection-video-text-block__text-content p:last-child {
          margin-bottom: 0;
        }

        @media (max-width: 749px) {
          .collection-video-text-block__container {
            flex-direction: column;
          }
          .collection-video-text-block__video-card {
            flex: none;
            min-height: 56vw;
          }
          .collection-video-text-block__play-button-label {
            font-size: 18px;
          }
        }
/* collection video block style end ============================================================================================== */

/* collection trio box style start */
  .collection-info-trio__container {
    --trio-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--trio-gap);
    justify-content: center;
    font-family: 'BarlowCondensed' !important;
  }

  .collection-info-trio__card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 16px;
    background: var(--trio-bg);
    color: var(--trio-text);
    min-height: 290px;
  }

  .collection-info-trio__card--hub {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: var(--trio-bg); /* color sits behind the image */
  color: var(--trio-text);
}

.collection-info-trio__card--hub .collection-info-trio__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.collection-info-trio__card--hub .collection-info-trio__bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.collection-info-trio__card--hub .collection-info-trio__title,
.collection-info-trio__card--hub .collection-info-trio__actions {
  position: relative;
  z-index: 1;
}

/* push all buttons to the bottom, together */
.collection-info-trio__card--hub .collection-info-trio__actions--multi {
  margin-top: auto;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  max-width: fit-content;
  gap: 10px;
  align-items: start !important;
}
.collection-info-trio__card--hub .collection-info-trio__actions--multi .collection-info-trio__button{
  width: 100% !important;
}

  /* 3 blocks = 33% each */
  .collection-info-trio--count-3 .collection-info-trio__card {
    flex: 0 0 calc((100% - (var(--trio-gap) * 2)) / 3);
    max-width: calc((100% - (var(--trio-gap) * 2)) / 3);
  }
  .collection-info-trio--count-3 .collection-info-trio__card .collection-info-trio__actions{
    align-items: center;
    gap: 10px;
  }

  /* 2 blocks = 50% each, 1 block = 50% only */
  .collection-info-trio--count-2 .collection-info-trio__card,
  .collection-info-trio--count-1 .collection-info-trio__card {
    flex: 0 0 calc((100% - var(--trio-gap)) / 2);
    max-width: calc((100% - var(--trio-gap)) / 2);
  }

  .collection-info-trio__title {
    margin: 0 0 20px;
    font-size: 28px;
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--trio-text);
    font-weight: 900;
  }

  .collection-info-trio__richtext,
  .collection-info-trio__richtext a {
    color: var(--trio-text);
    font-weight: 600;
  }
  .collection-info-trio__richtext p { margin: 0 0 12px; }
  .collection-product-filter .collection-info-trio .collection-info-trio__card .collection-info-trio__richtext .metafield-rich_text_field h3,
  .collection-product-filter .product-grid-container .collection-info-trio__richtext .metafield-rich_text_field h3{
    font-family: 'BarlowCondensed' !important;
    color: var(--trio-text);
    font-size: 28px !important;
    font-weight: 900;
    line-height: 1.5;
    margin: 0 0 20px;
  }
  .collection-product-filter .product-grid-container .collection-info-trio__richtext .metafield-rich_text_field{
    padding: 0 !important;
    font-family: 'BarlowCondensed' !important;
    color: var(--trio-text);
    font-size: 16px;
  }

  /* check-mark pointer style (whats included) */
  .collection-info-trio__richtext--checks ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .collection-info-trio__richtext--checks li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px;
  }
  .collection-info-trio__richtext--checks li::before {
    content: '\2714';
    position: absolute;
    left: 0;
    top: 0;
  }

  /* bundle price */
  .collection-info-trio__price-wrap {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    text-align: center;
  }
  .collection-info-trio__price-wrap .collection-info-trio__image{
    flex-basis: 100%;
  }
   .collection-info-trio__price-wrap .price-wrapper{
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 6px;
   }
  .collection-info-trio__save {
    padding: 6px 16px;
    border-radius: 999px;
    background: var(--trio-save-bg);
    color: var(--trio-save-text);
    font-weight: 600;
    text-wrap: nowrap;
    font-size: 20px;
  }
  .collection-info-trio__compare-price { opacity: 0.8; font-size: 18px; }
  .collection-info-trio__price { font-size: 26px; font-weight: 700; color: #000; }

  /* button pinned to bottom */
  .collection-info-trio__actions {
    margin-top: auto;
    padding-top: 20px;
    display: flex;
    justify-content: center;
  }
  .collection-info-trio__button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px;
    border-radius: 8px;
    background: var(--trio-btn-bg);
    color: var(--trio-btn-text);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    justify-content: space-between;
    text-transform: capitalize;
  }
  @media (max-width: 1260px) {
    .collection-info-trio__price-wrap{
      flex-direction: column;
    }
    .collection-info-trio__price-wrap .price-wrapper{
      width: 100%;
      flex-direction: row;
      justify-content: center;
      gap: 10px;
    }

  }
  @media (max-width: 768px) {
    .collection-info-trio--count-3 .collection-info-trio__card,
    .collection-info-trio--count-2 .collection-info-trio__card,
    .collection-info-trio--count-1 .collection-info-trio__card {
      flex: 0 0 100%;
      max-width: 100%;
      min-height: 40vh;
    }
  }

/* collection trio box style end ===================================================================================================== */

/* collection product block start style ============================================================================================= */


.pop-products { 
  color: var(--pb-text);
  display: flex;
  width: 100%;
  gap: 16px;
 }

.pop-products__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  font-family: 'Montserrat', sans-serif; 
}
.pop-products__heading { margin: 0; font-size: 16px; line-height: 1.15; color: #355045; font-weight: 700; text-transform: uppercase; }
.pop-products__subheading { margin: 4px 0 0; font-size: 14px; color: var(--pb-text); font-weight: 400; }

.pop-products__view-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 8px 20px;
  border-radius: 8px;
  background: var(--pb-all-bg);
  color: var(--pb-all-text);
  font-weight: 700;
  text-decoration: none;
  font-family: 'BarlowCondensed';
}

/* no poster = 4 products across full width */
.pop-products__grid {
  display: grid;
  /* grid-template-columns: repeat(4, minmax(0, 1fr)); */
  gap: 16px;
}
/* poster = 5th column */
.pop-products--has-poster .pop-products__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pop-products__item.desktop_hiddan{
  display: none;
}
.pop-products__item.mobile_hiddan{
    display: block;
}
.pop-products__item { min-width: 0; display: flex; }
.pop-products__item > * { width: 100%; }

.pop-products__poster {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  min-height: 100%;
  width: 100%;
  max-width: calc((100% - 64px) / 5);
}
.pop-products__poster-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.pop-products__poster-btn {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  text-transform: capitalize;
  font-family: 'BarlowCondensed';
  padding-inline: 24px;
  padding-block: 8px;
  font-size: 16px;
  border-radius: 10px;
  background: var(--pb-view-bg);
  color: var(--pb-view-text);
  white-space: nowrap;
  text-decoration: none;
}
/* youtube video popup style */

.eq-yt-popup {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.eq-yt-popup[hidden] {
  display: none;
}

.eq-yt-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}

.eq-yt-popup__dialog {
  position: relative;
  width: 100%;
  max-width: 960px;
}

.eq-yt-popup__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}

.eq-yt-popup__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.eq-yt-popup__close {
  position: absolute;
  top: -44px;
  right: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #000;
  cursor: pointer;
  padding: 0;
}

html.eq-yt-popup-open,
html.eq-yt-popup-open body {
  overflow: hidden;
}

/* hook for the view details button inside the product snippet */
.pop-products .pop-view-btn,
.pop-products [data-view-button] {
  background: var(--pb-view-bg);
  color: var(--pb-view-text);
}
 .pop-products__poster-img.desktop_hidden{
    display: none !important;
  }
  .pop-products__poster,
  .pop-products__poster-img.mobile_hidden{
    display: flex !important;
    aspect-ratio: auto;
  }

@media (max-width: 1199px) {
  .pop-products--has-poster .pop-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* .pop-products__poster { max-width: calc((100% - 32px) / 3); } */
  .pop-products{
    flex-direction: column;
  }
  .pop-products__poster-img,
  .pop-products__poster {
      max-width: 100%;
      height: 100%;
      position: relative;
  }
  .pop-products__poster,
  .pop-products__poster-img.desktop_hidden{
    display: flex !important;
    aspect-ratio: 9 / 5;
  }
  .pop-products__poster-img.mobile_hidden{
    display: none !important;
  }
}
@media (max-width: 991px) {
  .pop-products__grid,
  .pop-products--has-poster .pop-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .pop-products__heading { font-size: 16px; }
  .pop-products__item.desktop_hiddan{
    display: block;
  }
  .pop-products__item.mobile_hiddan{
    display: none;
  }
}

@media (max-width: 768px) {
  .pop-products__header { flex-direction: column; }
  .pop-products__grid,
  .pop-products--has-poster .pop-products__grid { grid-template-columns: 1fr; }
}


/* collection product block end style ======================================================= */

/* style overrides */

.collection-wrapper.collection__wrapper-restyled.schwalbe_collection__wrapper.redesign_template .collection-product-filter .breadcrumb{
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 600;
}
.collection-wrapper.collection__wrapper-restyled.schwalbe_collection__wrapper.redesign_template .collection-product-filter .product-grid-container{
  overflow: hidden;
}