/** Shopify CDN: Minification failed

Line 97:0 Unexpected "}"
Line 168:20 Expected identifier but found "*"
Line 239:0 Unexpected "}"
Line 323:19 Unexpected "("
Line 1496:10 Unexpected "{"
Line 1496:19 Expected ":"
Line 1498:19 Unexpected "{"
Line 1498:28 Expected ":"
Line 1504:21 Unexpected "{"
Line 1504:30 Expected ":"

**/
/* ===== banner-rotate.liquid css start (external CSS) ===== */
/* Base */
.usp-strip {
  background: var(--usp-bg, #000);
  color: var(--usp-text, #fff);
  overflow: hidden;
}

.usp-strip.section-padding {
  padding-top: var(--usp-pad-top, 20px);
  padding-bottom: var(--usp-pad-bottom, 20px);
  /* height:130px; */
}

.usp-strip__list {
  display: flex;
  align-items: center;
  gap: var(--usp-space, 48px);
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: scroll;
}

.usp-strip__item {
  position: relative;
  text-align: center;
  padding: 10px 5px;
  min-width: 180px;
}

.usp-strip__icon {
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.usp-strip__dot {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: var(--usp-dot, #fff);
  display: inline-block;
}

.usp-strip__label {
  margin: 0;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 400;
  opacity: .92;
  letter-spacing: .1px;
  /* white-space: nowrap; */
}

/* Desktop ≥ 1300px */
@media (min-width: 1300px) {
  .usp-strip__list--desktop {
    justify-content: space-between;
    flex-wrap: nowrap;
    max-width: 1310px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    }
  }
  .usp-strip__item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50px;
    background: var(--usp-divider, rgba(255,255,255,.22));
    opacity: .7;
  }
  .usp-strip__swiper { display: none; }
}

/* Tablet 900–1299px */
@media (min-width: 900px) and (max-width: 1299px) {
  .usp-strip__list--desktop {
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px 60px;
  }
  .usp-strip__item::after { display: none; }
  .usp-strip__swiper { display: none; }
}

/* Mobile < 900px — show Swiper, hide desktop list */
@media (max-width: 899px) {
  .usp-strip__list--desktop { display: none; }
  .usp-strip__swiper { display: block; }

  /* Swiper layout */
  .usp-swiper { overflow: visible; }
  .usp-swiper .swiper-wrapper {
    align-items: center;
    /* continuous linear feel */
    transition-timing-function: linear !important;
  }
  .usp-swiper .swiper-slide {
    width: auto; /* slidesPerView: 'auto' */
    padding-right: var(--usp-space, 48px);
  }

  /* Divider look between slides (optional) */
  .usp-swiper .swiper-slide .usp-strip__item {
    padding: 10px 20px;
    min-width: auto;
  }
  .usp-swiper .swiper-slide .usp-strip__item::after {
    content: "";
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50px;
    background: var(--usp-divider, rgba(255,255,255,.22));
    opacity: .6;
  }
  .usp-swiper .swiper-slide:last-child .usp-strip__item::after {
    display: none;
  }


  .usp-strip__label { font-size: 15px; white-space: nowrap; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .usp-swiper .swiper-wrapper { transition-duration: 0ms !important; }
}
@media (max-width: 767px) {
  .usp-strip__label {
    font-size: 15px;
    white-space: normal; /* ✅ allow wrapping to two lines */
    text-align: center;
    max-width: 150px; /* optional to control wrapping width */
    margin: 0 auto;
  }
  .usp-swiper .swiper-slide {
        width: auto;
       padding-right: 0;
    }
        .usp-swiper .swiper-slide .usp-strip__item {
        padding: 0; */
       
    }

}

/* banner-rotate.liquid css end */ 

/* ===== Customer Favorites (external CSS) ===== */
/* Container */
.customer-favs .Container{
  padding-left:15px;
  padding-right:15px;
  max-width:1310px;
  width:100%;
  margin:0 auto;
}

/* Dynamic section padding via CSS vars set on <section> */
.customer-favs.section-padding{
  padding-top:var(--pad-t);
  padding-bottom:var(--pad-b);
}

/* Heading + subheading row */
.customer-favs .cf-heading{
  color:#000000;
  margin:0 0 6px;
  font-weight:400;
  font-size:44px;
  line-height:1.15;
}
.customer-favs .cf-sub-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:40px;
}
.customer-favs .cf-subheading{
  margin:0;
  color:#000000;
  font-size:16px;
  flex:1;
}

/* When heading & button share the same row (no subheading) */
.customer-favs .cf-sub-row .cf-heading{
  margin:0;   /* remove extra gap */
  flex:1;     /* push button to right */
}

/* Button */
.customer-favs .cf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 18px;
  width:155px;
  height:46px;
  font-size:16px;
  font-weight:500;
  text-decoration:none;
  color:#000;
  background:#BED600;
  border:none;
  line-height:1;
  text-align:center;
  transition:all .2s ease;
}
.customer-favs .cf-btn:hover{ transform: translateY(-1px); opacity: .92;background: #BED600; color:#fff; }
}
.customer-favs .desktop-only{display:inline-block;}
.customer-favs .cf-btn-mobile{display:none; text-align:center; margin-top:24px;}

/* Grid */
.customer-favs .cf-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:22px;
}

/* Cards */
.customer-favs .cf-card{
  background:transparent;
  transition:transform .2s ease, box-shadow .2s ease;
}
.customer-favs .cf-card:hover{ transform:translateY(-2px); }

.customer-favs .cf-media{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  box-shadow: 3px 3px 15px 0px #00000014;
  padding:14px;
  aspect-ratio:1/1;
  width:100%;
  overflow:hidden;
  text-align:center;
  transition:box-shadow .2s ease, transform .2s ease;
}
.customer-favs .cf-media:hover{ box-shadow:0 10px 24px rgba(0,0,0,.08); }

/* Image inside card */
.customer-favs .cf-media img{
  max-width:100%;
  /* max-height:100%;
  width:auto;
  height:auto; */
  width: 100%;
  height: 100%;
  object-fit:contain;
  display:block;
}

/* Info */
.customer-favs .cf-info{ padding:10px 2px 0; text-align:left; }
.customer-favs .cf-title{
  margin:0 0 4px;
  font-size:18px;
  font-weight:500;
  line-height:1.35;
  color:#000000;
}
.customer-favs .cf-title a{ color:inherit; text-decoration:none; }
.customer-favs .cf-vendor{ font-size:12px; opacity:.7; margin-bottom:6px; }
.customer-favs .cf-price{ font-size:15px !important; font-weight:400; color:#00000099 !important; }

/* Responsive */
@media (max-width: 989px){
  .customer-favs.section-padding{
    padding-top:calc(var(--pad-t,56px)/2);
    padding-bottom:calc(var(--pad-b,24px)/2);
  }
  .customer-favs .cf-title{
    margin:0 0 4px;
    font-size:15px;
    font-weight:500;
    line-height:1.35;
    color:#000000;
  }
  .customer-favs .cf-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:14px;
  }
}
@media (max-width: 767px){
  .customer-favs .desktop-only{ display:none; }
  .customer-favs .cf-btn-mobile{ display:block; }
  .customer-favs .Container{ padding-left:16px; padding-right:16px; }
  .customer-favs .cf-subheading{ text-align:center; }
  .customer-favs .cf-heading{ text-align:center; font-size:40px; }
}

Customer Favorites (external CSS)

/* custom-collection.liquid css end */
explore.-collections.section-padding {
  padding-top:40PX;
  padding-bottom: 68PX;
}

.explore-collections {
  text-align: center;
   padding-top:40PX;
  padding-bottom: 60PX;
  
}

.explore-collections .explore-heading {
  font-size: 44px;
  color:#000000;
  font-weight: 400;
  margin: 0 0 28px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.explore-collections .explore-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.explore-collections .explore-card {
  display: block;
  position: relative;
  background: #fff;
  text-decoration: none;
  /* transition: transform .3s ease, box-shadow .3s ease; */
}
.explore-collections .explore-card:hover {
  transform: translateY(-5px);
}

.explore-collections .explore-card img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: 3px 3px 15px 0px #00000014;
  max-height: 320px;
  object-fit: cover;
}

.explore-collections .explore-info {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px 14px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
.explore-collections .explore-title {
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
}

.explore-collections .explore-arrow {
  font-size: 18px;
  transition: transform .2s ease;
}
.explore-collections .explore-card:hover .explore-arrow {
  transform: translateX(3px);
}

/* Mobile */
@media screen and (max-width: 767px) {
  .explore-collections.section-padding {
    padding-top: var(--ec-pad-top-mobile, 20px);
    padding-bottom: var(--ec-pad-bottom-mobile, 20px);
  }
  .explore-collections .explore-card img {
  width: 100%;
  /* height: 240px; */
  display: block;
 box-shadow: 3px 3px 15px 0px #00000014;
 
}
  .explore-collections .explore-grid {
    grid-template-columns: 1fr;
    gap: 18px;
    padding:16px;
  }
  .explore-collections .explore-heading {
  font-size: 40px;
  
}
}
@media (min-width: 767px) and (max-width: 999px) {
  .explore-collections .explore-grid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Large screens (≥1000px) */
@media (min-width: 1000px) {
  .explore-collections .explore-grid {
            padding-left: 30px;
        padding-right: 30px;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
  }
}

/* custom-collection.liquid css end */

/* testimonials-media.liquid css start */
.testimonials-Container {
     max-width: 1310px;
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
    
  }
.testimonials-two {
  color: #fff;
  background: var(--tt-bg, #000);
  text-align: center;
}

.testimonials-two.section-padding {
  padding-top: var(--tt-pad-top, 80px);
  padding-bottom: var(--tt-pad-bottom, 80px);
}
@media (max-width: 989px) {
  .testimonials-two.section-padding {
    padding-top: calc(var(--tt-pad-top, 80px) / 2);
    padding-bottom: calc(var(--tt-pad-bottom, 80px) / 2);
  }
}

.testimonials-two .tt-heading {
  margin: 0 0 48px 0;
  font-weight: 400;
  font-size: 40px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0;
}


.testimonials-two .tt-row {
  display: flex;
  justify-content: center;
  gap: 80px;
  flex-wrap: wrap;
}

.testimonials-two .tt-card {
  display: flex;
  align-items: center;
  max-width: 540px;
  background: transparent;
}


.testimonials-two .tt-image-wrap {
  position: relative;
  max-width: 120px;
  width: 100%;
  height: 160px;
  overflow: hidden;
  border-radius: 6px;
  flex-shrink: 0;
}
.testimonials-two .tt-image-link {
  display: block;
  width: 100%;
  height: 100%;
}

.testimonials-two .tt-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.testimonials-two .tt-image-link:hover .tt-image {
  filter: grayscale(0%);
}

.testimonials-two .tt-image-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}


.testimonials-two .tt-quote {
  background: #fff;
  color: #000;
  padding: 20px 24px;
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}


.testimonials-two .tt-quote p {
  margin: 0;
  font-family: 'DM Sans';
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
  color:  #000;
}


@media (max-width: 768px) {
  .testimonials-two .tt-row {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .testimonials-two .tt-card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 500px;
  }
  .testimonials-two .tt-card:nth-child(odd) {
    flex-direction: row;
  }
  .testimonials-two .tt-card:nth-child(even) {
    flex-direction: row-reverse;
  }
  .testimonials-two .tt-image-wrap {
    width: 120px;
    height: 160px;
  }
  .testimonials-two .tt-quote {
    flex: 1;
    text-align: left;
    background: #fff;
    color: #000;
    padding: 16px;
  }
  .testimonials-two .tt-heading {
    font-size: 32px;
  }
  .testimonials-two .tt-quote p {
    font-size: 18px;
  }
}
/* testimonials-media.liquid css end */

/* text-with-image.liquid section css start */

.why-glass .why-wrapper {
  display: flex;
  align-items: center;
  gap: 60px;
  
}
.why-glass .why-wrapper.reverse { flex-direction: row-reverse; }

.why-glass .why-image img {
  width: 100%;
  max-width: 640px;
  height: auto;
  display: block;
}

.why-glass .why-content { flex: 1; color: #111; }
.why-glass .why-heading {
  font-size: 44px;
  color:#000000;
  font-weight: 400;
  line-height: 1.15;
  margin: 0 0 12px 0;
}
.why-glass .why-subheading {
  color: #000000;
  font-size: 16px;
  margin: 0 0 28px 0;
  max-width: 620px;
}

.why-glass .why-blocks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.why-glass .why-block {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.why-glass .why-bullet {
  width: 10px;
  height: 10px;
  background: #000;
  margin-top: 10px;
  flex-shrink: 0;
}
.why-glass .why-title {
  font-weight: 400;
  font-size: 18px;
  margin: 0 0 4px 0;
  color: #000000;
}
.why-glass .why-desc {
  margin: 0;
      margin-left: -21px;
  color: #000000;
  font-size: 15px;
  line-height: 1.55;
  max-width: 620px;
}

@media (max-width: 767px) {
  .why-glass .why-wrapper,
  .why-glass .why-wrapper.reverse {
    flex-direction: column !important;
    gap: 24px;
  }
  .why-glass .why-image { order: 1; width: 100%; }
  .why-glass .why-content { order: 2; width: 100%; }
  .why-glass .why-image img { width: 100%; height: auto; max-width: 100%; }
  .why-glass .why-heading { font-size: 36px; }
}


@media (min-width: 768px) and (max-width: 1200px) {
  .why-glass .why-wrapper {
    flex-direction: row;          
    align-items: center;
    gap: 40px;
  }
  .why-glass .why-wrapper.reverse {
    flex-direction: row-reverse;  
  }
  .why-glass .why-image,
  .why-glass .why-content {
    width: 50%;
    flex: 0 0 50%;
  }
  .why-glass .why-image img { width: 100%; height: auto; }
  .why-glass .why-heading { font-size: 30px; }
  .why-glass .why-subheading,
  .why-glass .why-desc { font-size: 15px; }
}


@media (min-width: 1500px) {
  .why-glass .why-wrapper {
    max-width: 1280px;     
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    gap: 64px;
  }

  .why-glass .why-image,
  .why-glass .why-content {
    flex: 1 1 0;           
  }

  .why-glass .why-image img {
    max-width: 100%;
  }

  .why-glass .why-heading {
    font-size: 42px;
  }

  .why-glass .why-subheading,
  .why-glass .why-desc {
    font-size: 18px;
  }
}

@media (min-width: 767px) and (max-width: 1050px) {
  .why-glass .why-wrapper { gap: 40px; }
  .why-glass .why-image,
  .why-glass .why-content {
    width: calc(50% - 20px);   /* 40px gap/2 = 20px adjust */
    flex: 0 0 calc(50% - 20px);
    min-width: 0;
  }
}

/* text-with-image.liquid section css end */

/* ===== Difference Compare  start (external CSS) ===== */

.difference-compare {
  background: var(--dc-bg, #0b0b0b);
}
.difference-compare .Container {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 15px;
}

.difference-compare .dc-heading {
  margin: 0 0 24px;
  text-align: center;
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--dc-heading, #ffffff);
  font-size: 44px;
}

.difference-compare .dc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:40px;
  align-items: stretch;
}
@media (max-width: 989px) {
  .difference-compare .dc-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.difference-compare .dc-card {
  border-radius: var(--dc-radius, 8px);
  overflow: hidden;
}
.difference-compare .dc-card-inner {
  padding: 18px 22px;
}

.difference-compare .dc-card--left {
  background: var(--dc-card-bg-left, #ffffff);
  border: 1px solid var(--dc-card-bd-left, #e3e3e3);
  color: var(--dc-text-left, #111111);
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}

.difference-compare .dc-card--right {
  background: var(--dc-card-bg-right, rgba(255,255,255,0.02));
  border: 1px solid var(--dc-card-bd-right, rgba(255,255,255,0.18));
  color: var(--dc-text-right, #e5e5e5);
}


.difference-compare .dc-title {
  margin: 2px 0 12px;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: .02em;
  text-transform: capitalize;
}
.difference-compare .dc-title--left  { color: var(--dc-title-left,  #0f0f0f); }
.difference-compare .dc-title--right { color: var(--dc-title-right, #e9e9e9); }


.difference-compare .dc-content {
  display: grid;
  grid-template-columns: 3.25fr .75fr;
  gap: 20px;
  align-items: center;
}


.difference-compare .dc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.6;
}
.difference-compare .dc-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 4px 0;
}
.difference-compare .dc-list li:last-child { border-bottom: 0; }
.difference-compare .dc-list--check .dc-ico { 
  margin-top: 4px;
  color: var(--dc-icon-check, #0f0f0f); 
}
.difference-compare .dc-list--cross .dc-ico { 
  margin-top: 4px;
  color: var(--dc-icon-cross, #bfbfbf); 
}
.difference-compare .dc-text { display: block; }


.difference-compare .dc-btn:hover {
  background: #b6d300; 
  color: #fff;
  transform: translateY(-1px);
  opacity: 0.95;
  transition: all 0.3s ease;
}

.difference-compare .dc-cta-wrap { text-align: center; margin-top: 38px; }
.difference-compare .dc-btn {
  display: inline-block;
  padding: 10px;
  width: 166px;
  height: 46px;
  text-transform: uppercase;
  font-size: 16px;
  background: var(--dc-cta-bg, #b6d300);
  color: var(--dc-cta-color, #000);
  font-weight: 500;
  text-decoration: none;
  transition: transform .18s ease, opacity .18s ease;
}
.difference-compare .dc-btn:hover { transform: translateY(-1px); opacity: .95; }

/* Mobile fine-tuning */
@media (max-width: 767px) {
  .difference-compare .dc-content {
    display: grid;
    grid-template-columns: 3.25fr .75fr;
    gap: 0px; /* exactly as provided */
    align-items: center;
  }
  .difference-compare .dc-heading {
  font-size: 40px;
}
.dc-list--cross li .dc-text {
  display: inline-block;
}

}

@media (max-width: 989px) {
  
  .difference-compare .dc-card-inner { padding: 18px 15px; }
  .difference-compare .dc-title {
    margin: 0px 0 7px;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: .02em;
    text-transform: capitalize;
  }
  .difference-compare .dc-list {
    font-size: 15px;
    line-height: 18px;
  }
}
/* ===== side-specific bottle sizes ===== */
.difference-compare .dc-bottle--left img {
  height: 290px;   /* ← left desktop height */
  width: auto;     /* set a width if needed, e.g., 220px */
  object-fit: contain;
}
.difference-compare .dc-bottle--right img {
  height: 250px;   /* ← right desktop height */
  width: auto;
  object-fit: contain;
  
}

/* ===== side-specific list width controls (optional) ===== */
.difference-compare .dc-list--left  .dc-text { max-width: 420px; }  
.difference-compare .dc-list--right .dc-text { max-width: 360px; }  

/* Per-item width via nth-child (example) */
.difference-compare .dc-list--left  li:nth-child(4) .dc-text { max-width: 280px; }
.difference-compare .dc-list--right li:nth-child(2) .dc-text { max-width: 400px; }

/* Quick utilities — add class on <li> to force width */
.difference-compare li.dc-w-240 .dc-text { max-width: 240px; }
.difference-compare li.dc-w-280 .dc-text { max-width: 280px; }
.difference-compare li.dc-w-320 .dc-text { max-width: 320px; }
.difference-compare li.dc-w-360 .dc-text { max-width: 360px; }
@media (max-width: 450px) {
.dc-list--cross li:nth-child(2) .dc-text {
  max-width: 260px;
}

.dc-list--cross li:nth-child(3) .dc-text {
  max-width: 220px;
}

.dc-list--cross li:nth-child(4) .dc-text {
  max-width: 280px;
}

.dc-list--cross li:nth-child(5) .dc-text {
  max-width: 173px;
}

.dc-list--cross li:nth-child(6) .dc-text {
  max-width: 180px;
}
}
@media (min-width: 990px) {
  .difference-compare .dc-card-inner {
      max-height: 354px;
      height:100%;
      padding: 18px 22px;
  }

  .difference-compare .dc-title {
      margin: 2px 0 0px;
      font-size: 32px;
      font-weight: 400;
      letter-spacing: .02em;
      text-transform: capitalize;
  }

  .difference-compare .dc-list li {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 2px 0;
  }

  .difference-compare .dc-bottle--left img {
      height: 290px;
      position: relative;
      top: -26px;
      width: auto;
      object-fit: contain;
  }

  .difference-compare .dc-content {
      display: grid;
      grid-template-columns: 3.25fr .75fr;
      gap: 20px;
      /* align-items: center; */
  }
}


/* difference-compare.liquid css end */
/* review-section.liquid css start */

:root{
  --tc-shadow: 3px 3px 15px 0px #00000014;
}
.testimonial-cards .tc-author{
  display: inline-flex;      
  align-items: center;       
  gap: 8px;   
  font-size:14px;               
  line-height: 1.2;          
  white-space: nowrap;       
}

.testimonial-cards .tc-author .tc-badge{
  margin-left: 0;
}


.testimonial-cards .tc-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}

.testimonial-cards-Container{
  padding-left:15px;
  padding-right:15px;
}
.testimonial-cards {
  --tc-text:#111;
  --tc-muted:#000;
  --tc-card:#fff;
  --tc-border:rgba(0,0,0,.08);
  --tc-gap:40px;
}

/* Head */
.testimonial-cards .tc-title{
  font-weight:400;
  color:#000000;
  font-size:44px;
  letter-spacing:0;
  text-align:center;
  margin:6px 0 12px;
  text-transform:uppercase;
}
.testimonial-cards .tc-sub{
  color:var(--tc-muted);
  text-align:center;
  margin:0 0 40px;
  font-size:16px;
}
.testimonial-cards .tc-kicker{
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  opacity:.9;
  flex-wrap:wrap;
}
.testimonial-cards .tc-kicker__text{ 
  font-family: 'DM Sans';
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0;
  color:#000000; 
}
.testimonial-cards .tc-head{ margin-bottom:18px; text-align:center; }

/* Grid */
.testimonial-cards .tc-grid{
  display:flex;
      margin: 0 auto;
    max-width: 1280px;
    width: 100%;
  /* flex-wrap:wrap; */
  gap:var(--tc-gap);
  justify-content:center;
}

/* Card */
.testimonial-cards .tc-card{
  max-width:400px;
  width: 100%;
  min-height:222px;
  padding:20px;
  background:var(--tc-card);
  border:1px solid var(--tc-border);
  
  display:flex;
  flex-direction:column;
  gap:12px;
box-shadow: 3px 3px 15px 0px #00000014;

}

/* Stars */
.testimonial-cards .tc-stars{
  display:flex;
  align-items:center;
  gap:3px;
  color:#000000;
  line-height:1;
  justify-content:flex-start;
}
.testimonial-cards .tc-stars--header{ justify-content:center;  }
.testimonial-cards .tc-star-icon{ width:18px; height:18px; display:block; }
.testimonial-cards .tc-star-icon path{ fill:#000 !important; }
.testimonial-cards .tc-stars--header svg {
  width: 20px; /* change per your need */
  height: 20px;
}
/* Review text */
.testimonial-cards .tc-copy{
  color:#000000;
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
  overflow:hidden;
}

.testimonial-cards .tc-copy p {
  margin: 0;
  line-height: 22px;
    letter-spacing: 0px;
}

/* Meta */
.testimonial-cards .tc-meta{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:12px;
  font-size:12px;
  color:#000000;
}
.testimonial-cards .tc-badge{
  margin-left:8px;
  font-size:12px;
  color:#000;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.testimonial-cards .tc-product{
  color:#000000;
  font-size:14px;
  font-weight:500;
}
.testimonial-cards .tc-product a{
  color:#000000;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* CTA */
.testimonial-cards .tc-cta{
  margin-top:40px;
  text-align:center;
}
.testimonial-cards .tc-btn:hover {
  background: #BED600; 
  color: #fff; 
  transform: translateY(-1px);
  opacity: 0.95;
  transition: all 0.3s ease;
}

.testimonial-cards .tc-btn{
  display:inline-block;
  padding:10px 18px;
  background:#BED600;
  width:171px;
  height:46px;
  font-weight:500;
  text-transform:uppercase;
  font-size:16px;
  text-decoration:none;
  color:black;
  letter-spacing:.4px;
}

/* Mobile: horizontal scroll cards */
@media (max-width: 990px){
  .testimonial-cards .tc-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    gap:16px;

    justify-content:flex-start !important;
    align-items:stretch;

    scroll-padding-left:16px;
    scroll-padding-right:16px;

    touch-action:pan-x;
    overscroll-behavior-x:contain;
    scrollbar-gutter:stable both-edges;
  }
  .testimonial-cards .tc-grid::-webkit-scrollbar{ display:none; }
  .testimonial-cards .tc-grid{ scrollbar-width:none; -ms-overflow-style:none; padding: 15px; }

  .testimonial-cards .tc-card{
    flex:0 0 295px;
    width:295px;
    min-height:266px;
    height:auto;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:12px;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    ;
  }

  .testimonial-cards .tc-card:first-child{
    margin-left:0 !important;
    transform:none !important;
  }

  .testimonial-cards .tc-title{
    font-weight:400;
    font-size:40px;
    letter-spacing:.2px;
    text-transform:uppercase;
    margin:12px 0 12px;
    text-align:center;
  }

  .testimonial-cards .tc-copy p{
    margin:0;
    display:inline;
  }
}


/* review-section.liquid css end */

/* ===== FAQ With Right Image start (external CSS) ===== */
/* --- FAQ open/close animation add-on --- */
.faq-image .faq-answer {
  overflow: hidden;
  will-change: height, opacity, transform;
}
.faq-image .faq-answer { max-height: none !important; }

/* when hidden, actually hide (we only hide AFTER the close animation) */
.faq-image .faq-answer[hidden] { display: none !important; }
/* subtle fade/slide for the inner content */
.faq-image .faq-answer .faq-answer-inner {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .28s ease, transform .28s ease;
}

.faq-image .faq-item.active .faq-answer .faq-answer-inner {
  opacity: 1;
  transform: translateY(0);
}

.faq-image {
  --col: 620px;
  background: var(--bg, #fff);
}
.faq-image .Container {
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.faq-image .faq-grid {
  display: grid;
  grid-template-columns: var(--col) var(--col);
  justify-content: center;
  gap: 40px;
  align-items: start;
}

@media (max-width: 1279px) and (min-width: 767px) {
  .faq-image { --col: min(46vw, 620px); }
  .faq-image .faq-grid { gap: 24px; }
}

@media (max-width: 767px) {
  .faq-image .faq-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    
  }
  .testimonial-cards .tc-cta {
    margin-top: 17px;
}
.testimonial-cards .tc-sub {
    margin: 0 0 17px;
    letter-spacing: 0;
}
}



.faq-image .faq-heading {
  font-size: 44px;
  color:#000000;
  line-height: 1.1;
  margin: 0 0 40px;
  text-transform: capitalize;
}

.faq-image .faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Item */
.faq-image .faq-item {
  overflow: hidden;
  background: #fff;
  box-shadow: 3px 3px 15px 0px #00000014;

  border: 1px solid #eee;
  transition: box-shadow .3s ease;
}
.faq-image .faq-item:hover { box-shadow: 3px 3px 15px 0px #00000014;
 }

/* Question button */
.faq-image .faq-question {
  width: 100%;
  text-align: left;
  color:#000000;
  padding: 20px;
  background: transparent;
  border: 0;
  font-size: 18px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
 
}
.faq-image .faq-q-text {
    flex: 1;
    padding-right: 12px;
    color: #000000;
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
}
/* Icon swap (+/-) */
.faq-image .faq-icon { display: inline-flex; }
.faq-image .faq-icon .icon-minus { display: none; }
.faq-image .faq-item.active .icon-plus { display: none; }
.faq-image .faq-item.active .icon-minus { display: inline; }
.faq-image .faq-item.active .faq-icon { transform: none; }

.faq-image .faq-answer[hidden] { display: block; max-height: 0; overflow: hidden; }
.faq-image .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}
.faq-image .faq-answer-inner {
  padding: 0px 20px;
  font-size: 16px;
  line-height: 22px;
   letter-spacing: 1.2px;
  line-height: 1.6;
  color: #00000099;
}

.faq-image .faq-item.active .faq-answer { max-height: 1200px; }

/* Right image block */
.faq-image .faq-right { position: relative; }
.faq-image .faq-image-wrap {
  position: relative;
  width: var(--col);
  height: var(--col);
  overflow: hidden;
  
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
  background: #000;
}
.faq-image .faq-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Overlay content */
.faq-image .faq-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 28px;
  color: #fff;
}
.faq-image .faq-sub {
  font-size: 15px;
  color: black;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.9;
}
.faq-image .faq-side-heading {
  font-size: 32px;
  color:#000000;
  margin: 20px 0;
  font-weight: 400;
}

/* Button */
.faq-image .faq-btn {
  background: #000000;
  color: #fff;
  padding: 10px 18px;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  width: 173px;
  height: 46px;
  transition: transform 0.15s ease, opacity 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq-image .faq-btn:hover { transform: translateY(-1px); opacity: .95; }


@media (max-width: 767px) {
  .faq-image .faq-side-heading {
    margin: 16px 0 20px 0;
}
  .faq-image .faq-image-wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .faq-image .faq-q-text {
    flex: 1;
    padding-right: 12px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
}
  .faq-image .faq-overlay { padding: 16px; }
  .faq-image .faq-heading {
    font-size: 38px;
    line-height: 1.1;
    letter-spacing: 0;
    margin: 0 0 32px;
    text-transform: capitalize;
  }
  .faq-image .faq-question {
    padding: 16px;
}
  .faq-image .faq-question { font-size: 16px; }
}

@media (min-width: 767px) and (max-width: 960px) {
  .faq-image .faq-image-wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  
  .faq-image .faq-heading {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0;
    margin: 0 0 16px;
    text-transform: capitalize;
  }
  .faq-image .faq-question { font-size: 16px; padding:10px; }
}
@media (min-width: 1280px){
  .faq-image{
    --gutter: 16px;
    --shrink: clamp(0px, calc((2 * var(--gutter)) - (100vw - 1280px)), 32px);
  }

  /* .faq-image .Container{
    max-width: none;                
    padding-inline: var(--gutter);
  } */
  .faq-image .faq-grid{
    grid-template-columns: 620px 620px; 
    gap: calc(40px - var(--shrink));    
  }
}


/* NX — About Story (text + image) */

/* ===== Base colors/context ===== */
.nx-about {
  background: var(--nx-bg, #fff);
  color: var(--nx-text, #111);
}

/* ===== Dynamic padding wrapper (uses your existing CSS variables) ===== */
.section-{{ section.id }}-padding {} /* placeholder */

.nx-about.section-{{ section.id }}-padding {
  padding-top: var(--pad-mb-top, 40px);
  padding-bottom: var(--pad-mb-bot, 40px);
}

@media (min-width: 767px) {
  .nx-about.section-{{ section.id }}-padding {
    padding-top: var(--pad-dt-top, 72px);
    padding-bottom: var(--pad-dt-bot, 72px);
  }
}

/* ===== Container ===== */
.nx-about__container {
  padding-left: 16px;
  padding-right: 16px;
}

/* Ensure side gutters at and above 1280px without “chipak” */
@media (min-width: 1280px){
  .nx-about__container{
    /* 16px gutters at exactly 1280; larger screens get leftover/2 */
    padding-inline: max(16px, calc((100vw - 1280px) / 2));
  }
}

/* ===== Grid ===== */
.nx-about__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: center;
}

@media (min-width: 767px) {
  .nx-about__grid {
    grid-template-columns: 1.1fr 0.9fr;  /* roomy text + image column */
    gap: 56px;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
  }

  /* Desktop swap without affecting inner content flow */
  .nx-about__grid--rev {
    direction: rtl;
  }
  .nx-about__grid--rev > * {
    direction: ltr;
  }
}

/* ===== Text side ===== */
.nx-about__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;             /* precise vertical alignment */
  white-space: nowrap;        /* keep dot + text on one line */
  font-size: 16px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 12px;
  opacity: .9;
}

.nx-about__dot {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  background: #BED600;
  color: #000;                /* harmless */
  display: inline-block;
  position: relative;         
  top: 0;                     
}

.nx-about__heading {
  font-size: 52px;
  line-height: 58px;
  letter-spacing: 0;
  color: #000000;
  font-weight: 400;
  margin: 6px 0 14px;
}

.nx-about__subheading {
  font-size: clamp(16px, 2.2vw, 20px);
  line-height: 1.5;
  margin: 0 0 12px;
  opacity: .9;
}

.nx-about__body p {
  margin: 0 0 10px;
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  letter-spacing: 0;
}

/* ===== Image side ===== */
.nx-about__figure {
  margin: 0;
}

.nx-about__img {
  width: 100%;
  max-width: 568px;
  aspect-ratio: 568 / 480;  /* keeps 568×480 proportion */
  height: auto;
  object-fit: cover;
  display: block;
  margin-left: auto;        /* align right on desktop */
}

/* ===== Mobile tweaks ===== */
@media (max-width: 767px) {
  .nx-about__img {
    max-width: 100%;
    margin-left: 0;          /* natural flow */
  }

  .nx-about__badge {
    justify-content: center;
    display: flex;
  }

  .nx-about__heading {
    font-size: 48px;
    line-height: 54px;
    text-align: center;
    letter-spacing: 0;
    color: #000000;
    font-weight: 400;
    margin: 6px 0 14px;
  }

  .nx-about__body p {
    margin: 0 0 10px;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0;
  }
}

/* ===== Mid-range tightening for long headings ===== */
@media screen and (min-width: 800px) and (max-width: 1050px) {
  .nx-about__heading {
    font-size: 36px;
    line-height: 47px;
    letter-spacing: 0;
    color: #000000;
    font-weight: 400;
    margin: 6px 0 14px;
  }
}