/** Shopify CDN: Minification failed

Line 934:0 Unexpected "}"

**/
/** Shopify CDN: Minification failed

Line 929:0 Unexpected "}"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection-grid (INDEX:7) */
.featured-collection-wrapper {
    padding: 46.6px 0px 36px;
  }
.featured-subheading {
    font-weight: 400;
    font-size: 15.68px;
    line-height: 23.52px;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8.42px;
    grid-gap: 10.45px;
}
  .featured-subheading img {
    max-width: 90px;
}
.featured-heading {
    font-weight: 500;
    font-size: 31.26px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 47.53px;
}
  .featured-subheading strong {
    font-weight: 500;
}
  .review-info span.stars {
    margin-bottom: 0;
}
  .featured-heading strong {
    font-weight: 500;
    color: rgba(42, 74, 127, 1);
  }
  .featured-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }
.product-card {
    width: calc(25% - 12px);
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 9px 8px 19px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: column;
}
.product-card .add-to-cart-btn {
    margin-top: auto;
}
.product-title {
    font-weight: 500;
    font-size: 16px;
    /* min-height: 40px; */
    line-height: 20px;
    letter-spacing: 0;
    margin-top: 10px;
}
  .product-price {
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
color: rgba(0, 0, 0, 1);
  }
  .product-compare {
    text-decoration: line-through;
font-weight: 400;
font-size: 16px;
line-height: 20px;
letter-spacing: 0;
color: rgba(0, 0, 0, 0.5);
  }
.add-to-cart-btn {
    margin-top: 10px;
    background: rgba(27, 36, 64, 1);
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: 'Clash Grotesk';
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    padding: 14px;
    width: 100%;
    border-radius: 5px;
    min-height: 45px;
  transition: .5s;
}
.bottom-part .add-to-cart-btn {
    display: inline-block;
    text-align: center;
}
  .add-to-cart-btn:hover {
    box-shadow: 0 0 0 2px rgba(27, 36, 64, 1) inset;
    background: transparent;
    color: rgba(27, 36, 64, 1);
}
  .img-sec {
    position: relative;
}
.bestseller-badge {
    background: #1b2440;
    position: absolute;
    border-radius: 35px;
    color: #fff;
    line-height: 19.57px;
    font-size: 14px;
    font-weight: 500;
    font-family: Clash Grotesk;
    padding: 2px 35px;
    display: inline-flex;
    grid-gap: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto;
    justify-content: center;
    align-items: center;
    max-width: 155px;
    top: -12px;
}
  .sold-today {
    border: .3px solid rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    position: absolute;
    bottom: 10px;
    left: 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 19.57px;
    width: 123px;
    text-align: center;
    font-weight: 500;
    min-height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.bottom-part {
    padding: 12px 8px 0;
}
span.rating-number {
    font-weight: 400;
    font-size: 14px;
    line-height: 12.61px;
    letter-spacing: 0;
    white-space: pre;
}
span.rating-number strong {
    font-weight: 500;
}
  span.stars svg {
    max-width: 64px;
    height: auto;
}
.review-info {
    display: flex;
    align-items: center;
    grid-gap: 5.5px;
    line-height: 12.61px;
}
.price-custom {
    margin-top: 10px;
}
.ful-img > .img-sec {
    margin-top: -9px;
    width: calc(100% + 16px);
    margin-left: -8px;
}
.img-sec .new-bag-img {
    width: 100%;
    height: auto;
    display: block;
}
.product-card:not(.ful-img) .img-sec {
    margin-bottom: 7px;
}
  button.add-to-cart-btn.btn--loading {
    background: #1b2440;
}

@media (max-width: 991px) {
.featured-subheading img {
    max-width: 74px;
}
.featured-subheading {
    font-size: 13.04px;
    line-height: 19.57px;
    margin-bottom: 9.5px;
    grid-gap: 8.7px;
}
.featured-heading {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 17px;
}
.featured-collection-wrapper {
    text-align: center;
    padding: 40px 0;
}
.featured-grid .product-card {
    text-align: left;
    margin: 20px 7.5px 1px;
}
/* .featured-collection-wrapper.line-arrow .container-1233 {
    padding-left: 36px;
    padding-right: 36px;
} */
.review-info .stars {
    margin-bottom: auto;
}
.featured-grid.slick-initialized.slick-slider.slick-dotted {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
  
}
/* END_SECTION:collection-grid */

/* START_SECTION:testimonial-slider (INDEX:10) */
.review-subheading:has(+.review-subheading) {
    margin-bottom: unset !important;
}
.review-subheading+.review-subheading {
    font-size: 60%;
    line-height: normal;
}
  sup.dagger {
    font-size: 40%;
    vertical-align: super;
    line-height: 0;
  }
  .section-headers img {
    margin: 0 auto 11.85px;
    max-width: 140px;
    height: auto;
}
.review-section {
    padding: 40px 0;
    background: #f4f6fa;
    text-align: center;
   
}
h2.review-heading {
    font-weight: 500;
    font-size: 31.08px;
    line-height: 100%;
    margin-bottom: 11.95px;
}
h2.review-heading strong {
    font-weight: 500;
    color: rgba(42, 74, 127, 1);
}
  .review-strip {
    max-width: 100%;
    margin-bottom: 20px;
  }

.review-subheading {
    font-weight: 400;
    font-size: 16.73px;
    line-height: 22.71px;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 31.9px;
}

.ts-review-swiper {
  padding: 0 0 40px !important;
}
.ts-review-swiper .swiper-slide {
  height: auto;
  display: flex;
}

.review-card {
    background: #fff;
    border-radius: 8px;
    padding: 27px 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin: 1px 8px;
}
.review-rating {
    font-weight: 400;
    font-size: 13.88px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    grid-gap: 6px;
    align-items: center;
    margin-bottom: 20px;
}
.review-rating img {
    max-width: 74px;
    height: auto;
}
  .review-quote {
font-weight: 400;
font-size: 15px;
line-height: 20px;
letter-spacing: 0;
text-align: left;
    margin-bottom: 20px;
  }
  .review-quote-title {
    font-weight: 700;
    margin-bottom: 6px;
  }
  .review-quote-body {
    font-weight: 400;
  }
.auth-name {
    display: flex;
    align-items: center;
    grid-gap: 6px;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}
.auth-name img {
    max-width: 20px;
    height: auto;
}
  .review-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review-name span {
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #2a4a7f;
    display: flex;
    align-items: center;
    grid-gap: 2px;
}
.review-tags {
    margin-top: 20px;
    text-align: left;
    display: flex;
    grid-gap: 13px;
}
.review-tag {
    background: #2a4a7f1a;
    color: #2a4a7f;
    padding: 6px 6px;
    border-radius: 20px;
    font-size: 12px;
    margin: 0;
    border: .5px solid rgba(42,74,127,1);
    min-width: calc(50% - 6px);
    text-align: center;
}

/* Review Block card */
.rb-source {
  font-size: 15px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
  text-align: left;
}
.rb-headline {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #111;
  margin-bottom: 14px;
  text-align: left;
}
.rb-body {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
}
.rb-tags {
  margin-top: 20px;
  display: flex;
  gap: 13px;
}
.rb-tag {
  flex: 1;
  min-width: 0;
  text-align: center;
}

/* Swiper pagination dots */
.ts-review-swiper .swiper-pagination-bullet {
  background: rgba(0,0,0,0.25);
  opacity: 1;
  width: 8px;
  height: 8px;
}
.ts-review-swiper .swiper-pagination-bullet-active {
  background: #2a4a7f;
  width: 22px;
  border-radius: 4px;
}

/* Navigation arrows */
.ts-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 4px;
}
.ts-arrows {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Photo marquee */
.ts-marquee-outer {
  overflow: hidden;
  margin-bottom: 40px;
}
.ts-marquee-track {
  display: flex;
  gap: 4px;
  width: max-content;
  animation: ts-marquee 20s linear infinite;
}
@keyframes ts-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(var(--marquee-end, -50%)); }
}
.customer-img-item {
  display: block;
  width: 99px;
  height: 99px;
  border-radius: 5px;
  object-fit: cover;
  flex-shrink: 0;
}

@media (max-width: 991px) {
.review-section {
  display: flex !important;
  flex-direction: column !important;
  padding: 32px 16px !important;
}
.review-section > .container-1233 {
  padding: 0 !important;
  margin: 0 !important;
}
.review-section > .container-1233:first-child {
  order: 1 !important;
}
.ts-marquee-outer {
  order: 2 !important;
}
.review-section > .container-1233:last-child {
  order: 3 !important;
}
}
@media (max-width: 767px) {
.section-headers img {
    margin: 0 auto 10px;
    max-width: 116px;
}
h2.review-heading {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
}
.review-subheading {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 11.9px;
}
.review-card {
    border-radius: 4px;
    margin: 0 3.5px;
}
.ts-marquee-outer {
    margin-bottom: 18px;
}
.review-rating {
    font-size: 13px;
    grid-gap: 6px;
}
}
/* END_SECTION:testimonial-slider */

/* START_SECTION:trust-wellness (INDEX:11) */
.trust-wellness-wrapper {
  background-color: #1b2440;
  padding: 39px 20px 33px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 41px;
}
.trust-heading {
font-weight: 500;
font-size: 26px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

  margin-bottom: 27px;
}
.trust-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 29px;
}
.trust-icons div {
    font-weight: 300;
    font-size: 16.57px;
    line-height: 24.85px;
    letter-spacing: 0%;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 4px;
}
.trust-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 33px;
}
  .feature-box img {
    margin: 0 auto;
    height: 40px;
    width: auto;
}
.feature-box {
    border: 1.2px solid #fff;
    padding: 11px 5px 9px;
    border-radius: 6.11px;
    width: 75px;
    text-align: center;
}
.feature-box p {
    font-weight: 400;
    font-size: 11.06px;
    line-height: 14.67px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 44px;
}
/* END_SECTION:trust-wellness */

/* START_SECTION:feature-icons-scroll (INDEX:106) */
.feature-scroll-container {
    overflow: hidden;
    background-color: rgba(196, 215, 241, 0.05);
    padding: 3px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

  .feature-scroll-track {
    display: flex;
    animation: scroll-left 40s linear infinite;
    width: max-content;
  }

.feature-icon-item {
    display: flex;
    align-items: center;
    margin-right: 58px;
    white-space: nowrap;
}

.feature-icon-item img {
    width: 16.9px;
    height: 16.9px;
    margin-right: 5px;
}

.feature-icon-item span {
    font-weight: 500;
    font-size: 16.9px;
    color: rgba(0, 0, 0, 1);
    line-height: 20.45px;
}

  /* Keyframes for continuous scroll */
  @keyframes scroll-left {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
/* END_SECTION:feature-icons-scroll */

/* START_SECTION:prostate-testimonial-slider (INDEX:444) */
.review-subheading:has( + .review-subheading) {
    margin-bottom: unset !important;
  }
  .hide-on-desktop {
    display: none;
  }
  .review-subheading + .review-subheading {
    font-size: 60%;
    line-height: normal;
  }
  sup.dagger {
    font-size: 40%;
    vertical-align: super;
    line-height: 0;
  }
  .section-headers img {
    margin: 0 auto 11.85px;
    max-width: 140px;
    height: auto;
  }
  .review-section {
    padding: 40px 0;
    background: #f4f6fa;
    text-align: center;

  }
  h2.review-heading {
    font-weight: 500;
    font-size: 31.08px;
    line-height: 100%;
    margin-bottom: 11.95px;
  }
  h2.review-heading strong {
    font-weight: 500;
    color: rgba(42, 74, 127, 1);
  }
  .review-strip {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .review-subheading {
    font-weight: 400;
    font-size: 16.73px;
    line-height: 22.71px;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 31.9px;
  }
  .swiper-wrappers {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .ts-review-swiper {
    padding: 0 !important;
  }
  .ts-review-swiper .swiper-slide {
    height: auto;
    display: flex;
  }

  .hide-on-desktop .review-card {
    background: #fff;
    border-radius: 8px;
    padding: 27px 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin: 1px 8px;
    border-radius: 20px !important;
    border-color: #eef1f7;
  }
  .review-rating {
    font-weight: 400;
    font-size: 13.88px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    display: flex;
    grid-gap: 6px;
    align-items: center;
    margin-bottom: 20px;
  }
  .review-rating img {
    max-width: 74px;
    height: auto;
  }
  .review-quote {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 20px;
  }
  .review-quote-title {
    font-weight: 700;
    margin-bottom: 6px;
  }
  .review-quote-body {
    font-weight: 400;
  }
  .auth-name {
    display: flex;
    align-items: center;
    grid-gap: 6px;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
  }
  .auth-name img {
    max-width: 20px;
    height: auto;
  }
  .review-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .review-name span {
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #2a4a7f;
    display: flex;
    align-items: center;
    grid-gap: 2px;
  }
  .review-tags {
    margin-top: 20px;
    text-align: left;
    display: flex;
    grid-gap: 13px;
  }
  .review-tag {
    background: #2a4a7f1a;
    color: #2a4a7f;
    padding: 6px;
    border-radius: 20px;
    font-size: 12px;
    margin: 0;
    border: 0.5px solid rgba(42, 74, 127, 1);
    min-width: calc(50% - 6px);
    text-align: center;
  }

  /* Review Block card */
  .rb-source {
    font-size: 15px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 12px;
    text-align: left;
  }
  .rb-headline {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    color: #111;
    margin-bottom: 14px;
    text-align: left;
  }
  .rb-body {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
  }
  .rb-tags {
    margin-top: 20px;
    display: flex;
    gap: 13px;
  }
  .rb-tag {
    flex: 1;
    min-width: 0;
    text-align: center;
  }

  /* Swiper pagination dots */
  .ts-review-swiper .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.25);
    opacity: 1;
    width: 8px;
    height: 8px;
  }
  .ts-review-swiper .swiper-pagination-bullet-active {
    background: #2a4a7f;
    width: 22px;
    border-radius: 4px;
  }

  /* Navigation arrows */
  .ts-nav {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 4px;
  }
  .ts-arrows {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Photo marquee */
  .ts-marquee-outer {
    overflow: hidden;
    margin-bottom: 40px;
  }
  .ts-marquee-track {
    display: flex;
    gap: 4px;
    width: max-content;
    animation: ts-marquee 20s linear infinite;
  }
  @keyframes ts-marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(var(--marquee-end, -50%));
    }
  }
  .customer-img-item {
    display: block;
    width: 99px;
    height: 99px;
    border-radius: 5px;
    object-fit: cover;
    flex-shrink: 0;
  }

  @media (max-width: 991px) {
    .review-section {
      display: flex !important;
      flex-direction: column !important;
      padding: 32px 16px !important;
    }
    .review-section > .container-1233 {
      padding: 0 !important;
      margin: 0 !important;
    }
    .review-section > .container-1233:first-child {
      order: 1 !important;
    }
    .ts-marquee-outer {
      order: 2 !important;
    }
    .review-section > .container-1233:last-child {
      order: 3 !important;
    }
  }
  @media (max-width: 767px) {
    .section-headers img {
      margin: 0 auto 10px;
      max-width: 116px;
    }
    h2.review-heading {
      font-size: 26px;
      line-height: 32px;
      margin-bottom: 10px;
    }
    .review-subheading {
      font-size: 14px;
      line-height: 19px;
      margin-bottom: 11.9px;
    }
    .review-card {
      border-radius: 4px;
      margin: 0 3.5px;
    }
    .ts-marquee-outer {
      margin-bottom: 18px;
    }
    .review-rating {
      font-size: 13px;
      grid-gap: 6px;
    }
    .hide-on-desktop {
      display: block;
    }
  }
}
/* END_SECTION:prostate-testimonial-slider */

/* START_SECTION:reviews-section (INDEX:490) */
.reviews-section {
    padding: 50px 0;
  }

  .reviews-block {
    padding-bottom: 40px;
  }

  .reviews-block:last-child {
    padding-bottom: 0;
  }

  .reviews-section__heading {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 24px;
  }

  .slider-wrap {
    overflow: hidden;
    width: 100%;
    padding-bottom: 16px;
  }

  .slider-wrap:hover .slider-track {
    animation-play-state: paused;
  }

  .slider-track {
    display: flex;
    gap: 16px;
    width: max-content;
  }

  .slide {
    width: 500px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }

  @media (max-width: 700px) {
    .slide {
      width: 300px;
    }
  }

  .slide img {
    width: 100%;
    height: auto;
    display: block;
    cursor: zoom-in;
  }

  .scroll-left {
    animation: scroll-left var(--slider-speed, 35s) linear infinite;
  }

  @keyframes scroll-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  .scroll-right {
    animation: scroll-right var(--slider-speed, 35s) linear infinite;
  }

  @keyframes scroll-right {
    0%   { transform: translateX(-50%); }
    100% { transform: translateX(0); }
  }

  /* ── Lightbox ── */
  .rv-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.88);
    align-items: center;
    justify-content: center;
    padding: 20px;
  }

  .rv-lightbox.is-open {
    display: flex;
  }

  .rv-lightbox__img {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 10px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
    object-fit: contain;
    animation: rv-lb-in 0.2s ease;
  }

  @keyframes rv-lb-in {
    from { opacity: 0; transform: scale(0.93); }
    to   { opacity: 1; transform: scale(1); }
  }

  .rv-lightbox__close {
    position: fixed;
    top: 18px;
    right: 22px;
    background: rgba(255,255,255,0.15);
    border: none;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
  }

  .rv-lightbox__close:hover {
    background: rgba(255,255,255,0.3);
  }

  .rv-lightbox__prev,
  .rv-lightbox__next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.15);
    border: none;
    color: #fff;
    font-size: 28px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
  }

  .rv-lightbox__prev { left: 16px; }
  .rv-lightbox__next { right: 16px; }

  .rv-lightbox__prev:hover,
  .rv-lightbox__next:hover {
    background: rgba(255,255,255,0.3);
  }
/* END_SECTION:reviews-section */

/* START_SECTION:usp-bar (INDEX:547) */
.usp-bar-wrapper {
    background-color: #1b2440;
    padding: 17.23px 0 16.23px;
  }
  .usp-bar-inner {
    display: flex;
    justify-content: space-between;
    gap: 43px;
    width: 100%;
  }
.usp-item {
    border: 1.3px solid #fff;
    color: #fff;
    padding: 7px 18px;
    border-radius: 6.9px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    width: 100%;
    text-align: center;
    justify-content: center;
}

  .usp-item .usp-icon {
    margin-right: 11px;
    font-weight: 400;
    font-size: 16.07px;
    line-height: 16.55px;
    letter-spacing: 0%;
    text-transform: uppercase;
}

  @media (max-width: 767px) {
    /* .usp-bar-wrapper .container-1233 {
    padding-left: 14px;
    padding-right: 14px;
} */
.usp-bar-inner {
    gap: 5.72px;
}
.usp-item {
    border: 1.01px solid #fff;
    padding: 7px 8px 9px 5px;
    border-radius: 5.05px;
    font-size: 9.14px;
    text-align: left;
    line-height: 12px;
}
.usp-item .usp-icon {
    margin-right: 4.74px;
}
span.usp-icon img {
    min-width: 33px;
}

    
  }
/* END_SECTION:usp-bar */

/* ── Silentium-overrides ───────────────────────────────────────────────────────
   1. Cadeaubeelden verbergen. Resilia geeft een bamboe pot en D3+K2 weg; die
      producten bestaan hier niet, dus die miniaturen tonen anders hún artikel.
      De tekstregel blijft staan ("Your 3rd pouch free") — alleen het plaatje weg.
   2. Galerijbeelden op 'contain' in plaats van 'cover' zou de zak laten zweven;
      dat willen we niet. In plaats daarvan is het bronbeeld nu 1:1 gemaakt
      (silentium-hero-1x1.jpg, 1418x1418) zodat 'cover' niets meer wegsnijdt.
   ─────────────────────────────────────────────────────────────────────────── */
/* de miniatuur in de bundelrij mag weer: dat is nu onze eigen pot / weekdoos */
.offer-gift-callout img,
.pdp-main__offer-gift img,
[data-gift-id] img { max-height: 34px; width: auto; }

.offer-gift-callout,
.pdp-main__offer-gift { align-items: center; }

/* 3. De cadeau-ladder (.ggd-box) staat sinds 18 aug 2026 weer AAN: er zijn nu wel
      cadeaus (de glazen pot en de weekdoos, allebei met eigen etiket). De ladder doet
      precies wat gevraagd is — verzending is altijd gratis, de pot komt vrij bij
      "Buy 2 Get 1" en de weekdoos bij "Buy 3 Get 2" — want de selector ontgrendelt
      op data-ggd-unlock <= index van de gekozen bundel + 1. */
.ggd-box { margin: 14px 0 4px; }
.ggd-item.ggd-locked .ggd-img img { filter: grayscale(1); opacity: .35; }

/* 4. De "93% Sold"-balk staat er weer, met resilia's rode vulling — dezelfde plek als
      bij hen: direct onder de zes iconen, boven "Bundle & Save". Het rood is bewust
      niet meegekleurd naar blauw; schaarste hoort eruit te springen. */
.sold-progress-bar { margin: 14px 0 2px; }
/* De vulling zelf: de selector-JS telt het percentage in de tekst omhoog en laat de
   breedte aan de CSS over (hij zet width leeg en rekent op var(--sold-progress)).
   Die regel staat in resilia's themestylesheet — niet meegekomen, dus bleef de balk
   leeg terwijl het getal wel naar 93% liep. */
.sold-progress-bar__track {
  flex: 1; height: 10px; border-radius: 999px; background: #e4e8f0; overflow: hidden;
}
.sold-progress-bar__fill {
  /* het thema heeft div:empty { display: none } en deze div IS leeg — die selector is
     specifieker dan een losse klasse, vandaar !important */
  display: block !important; height: 100%; border-radius: 999px;
  width: var(--sold-progress, 0%);
  background: linear-gradient(90deg, #d02e2e, #e05252) !important;
  transition: width 5s cubic-bezier(.16, 1, .3, 1);
}
.sold-progress-bar__row { display: flex; align-items: center; gap: 14px; }
.sold-progress-bar__percentage { color: #d02e2e; font-weight: 600; white-space: nowrap; }

/* 5. UGC-video's. Dit zijn vijf klanten van resilia met hún zak in beeld — het enige
      materiaal dat we niet kunnen overzetten omdat het letterlijk andermans mensen en
      andermans verpakking is. Verborgen tot er eigen video's zijn. De sectiekop
      ("What their partners noticed first") blijft staan als plek waar ze komen. */
video[src*="resilia"],
video[poster*="resilia"],
img[src*="resilia.shop"],
source[src*="resilia"] { display: none !important; }

/* de <video>-elementen zijn eruit gehaald door sil-assets.mjs; wat overblijft is een
   lege plaatshouder. Die en zijn slide verbergen, anders staat er een gat in het
   karussel. */
.sil-video-leeg { display: none !important; }
*:has(> .sil-video-leeg) { display: none !important; }

/* het lege karussel eromheen ook weg, anders staat er een gat */
.testimonial-video-slider,
[class*="video-slider"],
[class*="ugc"] { display: none !important; }

/* 6c. In de donkere "Made For Quiet Nights"-sectie stond de tweede kopregel in
       donkerblauw op een donkerblauwe achtergrond — onleesbaar. Licht maken. */
.cta-area h2, .cta-area h2 strong, .ctaheading, .ctaheading strong { color: #e8eef7 !important; }

/* 6b. De statistiekenbalk in de "Made For Quiet Nights"-sectie stond op resilia's
       cijfers (82 studied ingredients, 1M+ orders shipped) en was daarom verborgen.
       Sinds ronde 5 telt hij vier dingen die wél kloppen en die de koper wil weten:
       2 named actives, 60 softgels, 0 devices to wear, 30 nights money back.
       Dus weer zichtbaar — .stats-grid staat niet meer in deze regel. */
.stats-row, [class*="counter"], [class*="stat-item"] { display: none !important; }

/* 31. Het streepje boven de cadeauregel in een geopende bundel. Resilia heeft daar een
       dun lijntje; bij ons bleef het onzichtbaar — dezelfde oorzaak als bij de
       verkoopbalk: het thema heeft div:empty { display: none } en dit lijntje is een
       lege div. Plus: de kleur was nog hun groen. */
.offer-gift-divider { margin: 10px 0 2px; }
.offer-gift-divider__line {
  display: block !important; height: 1px; flex: 1;
  background: rgba(27, 36, 64, .18) !important;
}

/* 29. De regel boven de cadeaus in de derde bundel ("2x Oregano Softgels + 1x Vitamin
       D3 + K2 Softgels ($180 Value)") is resilia's inhoudsopgave van hún bundel. Bij ons
       klopt er niets van, en de bundel spreekt al voor zich: drie zakken plus twee
       cadeaus, met de waarde erbij. Die hele rij dus weg; de FREE-regels blijven. */
.offer-value-callout, .offer-value-headline-text { display: none !important; }

/* 30. Onder "5 Reasons Why" stond nog een "Try Risk-Free Today"-blok. De knop staat al
       in de buy box en twee secties verderop; hier voegt hij niets toe. */
[id$="reasons"] .action-callout { display: none !important; }

/* 28. De reviewkop onderaan stond in één gewicht en las als een constatering. Het
       tweede deel nu zwaar, zoals de koppen hogerop de pagina. */
.testimonial-section .featured-heading { font-size: 38px !important; line-height: 44px; }
.testimonial-section .featured-heading strong { font-weight: 700; color: #1b2440; }
.testimonial-section .featured-subheading strong { font-weight: 600; }
@media (max-width: 767px) {
  .testimonial-section .featured-heading { font-size: 27px !important; line-height: 32px; }
}

/* 27. Drie dingen in de buy box:
       a) "Quiet Nights Start Here" mocht groter — dat is de kop waar de bezoeker op
          landt en hij stond op dezelfde grootte als de rest;
       b) "Bundle & Save" en de SUMMER SALE-badge stonden in een middenblauw dat verder
          nergens op de winkel voorkomt. Nu het navy van de knoppen en de header;
       c) het plusje voor de cadeauregel krijgt dezelfde kleur mee. */
/* De vendor-CSS staat als <link> IN de sectie en dus ná onze stylesheet; bij gelijke
   specificiteit wint hun h1-regel van 28.24px. Vandaar drie klassen diep. */
product-selector .product-section .product-info-custom h1 {
  font-size: 34px !important; line-height: 38px !important; font-weight: 600 !important;
}
@media (max-width: 767px) {
  product-selector .product-section .product-info-custom h1 {
    font-size: 27px !important; line-height: 31px !important;
  }
}
/* "Bundle & Save" heet in de markup .subscription-price-label en stond in #2a4a7f —
   een blauw dat verder nergens op de winkel voorkomt. Nu het navy van de knoppen. */
.subscription-price-label, .offer-info__label { color: #1b2440 !important; }
/* de SUMMER SALE-badge is een SPAN met dezelfde klasse als het regeltje in de rij;
   alleen de span is de badge, de div is "You save". Die twee niet door elkaar halen. */
span.save-label, .text-badge, .badgess { background-color: #1b2440 !important; color: #fff !important; }

/* De besparing per bundel als percentage. De kiezer schrijft de tekst van .save-label
   zelf en gooit alles wat wij erin zetten weer weg — een ::after overleeft dat wel.
   50 / 65 / 70 horen bij de streepprijzen $59,90 / $169,95 / $269,95. */
div.save-label .p_sell { display: none; }
.offer-box[data-variant-id="56829034037588"] div.save-label::after { content: " 50%"; }
.offer-box[data-variant-id="56829034070356"] div.save-label::after { content: " 65%"; }
.offer-box[data-variant-id="56829034103124"] div.save-label::after { content: " 70%"; }
div.save-label { font-weight: 600; }
.price, .offer-info__price-wrapper .price { color: #1b2440 !important; }
.pdp-main__offer-gift svg path { stroke: #1b2440 !important; }

/* 26. Horizontale scroll op tablet. document.scrollWidth was 886 bij een venster van
       768: een van de karussels/marquees duwt de pagina breder. Resilia klemt dat af in
       hun themestylesheet; wij niet. clip in plaats van hidden, want hidden op
       body sloopt position: sticky (de header). */
body.template-product { overflow-x: clip; }

/* 25. De footer op mobiel. Impulse toont daar de kop als uitklapknop en verbergt de
       gewone kop met .small--hide — allebei klassen uit hún stylesheet, dus stond
       "Stay In The Know" er twee keer, met het formulier eronder verstopt. */
@media (max-width: 767px) {
  [id$="res-footer"] .small--hide { display: none !important; }
  [id$="res-footer"] .collapsible-trigger-btn { display: block !important; text-align: left; }
  [id$="res-footer"] .grid__item { width: 100% !important; max-width: 100% !important; }
  [id$="res-footer"] .site-footer { padding: 32px 0 24px; }
  [id$="res-footer"] .footer__newsletter { max-width: 100%; }
}

/* 24. Mobiel. Drie dingen die op de telefoon misgingen:
       a) de rij met "Less Snoring / Open Airways / ..." verloor zijn vlak — resilia zet
          dat blok op mobiel bewust op transparant. Wij willen hem juist zien, en
          donkerder dan het bijna-witte #fbfbfb van resilia.
       b) de containers hadden onder 1024px geen zijmarge, dus tekst plakte tegen de rand.
       c) de vertrouwensregel onder Add To Cart liep het scherm uit. */
/* LET OP: .features is niet uniek — de vergelijkingstabel gebruikt dezelfde klasse voor
   zijn twee kolommen. Zonder deze scoping kleurden die kolommen lichtblauw en verdween
   de witte tekst erin. Alleen de rij in de buy box dus. */
.product-info-custom .features {
  background: #e4ebf6 !important; border-radius: 10px !important;
  padding: 16px 16px 8px !important;
}
@media (max-width: 1023px) {
  [class*="container-1"] { padding-left: 18px !important; padding-right: 18px !important; }
  .product-info-custom .features { padding: 14px 12px 6px !important; }
  .product-info-custom .feature-tag { font-size: 13px !important; line-height: 16px !important; }
  .feature-tag__icon { width: 16px !important; height: 16px !important; }
  /* de regel onder de knop mag afbreken in plaats van weglopen */
  .atc-trust, .atcr-note, [class*="atc"] + div, .product-info-custom .atcr-sub {
    flex-wrap: wrap !important; text-align: center;
  }
  .image-strip img { height: 240px !important; }
}

/* 23. De labels onder een review ("Same Bed", "Partner Approved") stonden als twee
       blokken van 191px met 12px tekst erin — grote lege vakken. Het horen pillen te
       zijn die om hun tekst heen sluiten. */
.review-tags { display: flex !important; flex-wrap: wrap; gap: 8px; }
.review-tag {
  flex: 0 0 auto !important; display: inline-flex !important; align-items: center;
  width: max-content !important; min-width: 0 !important; max-width: 100% !important;
  padding: 7px 14px !important; font-size: 12.5px !important; line-height: 1.1 !important;
  border-radius: 999px !important; white-space: nowrap; text-align: center;
}

/* 20. De bundelrijen. Het kader is 150x60 met object-fit contain; de beelden zijn nu
       strak bijgesneden (scripts/sil-bundelbeelden.py) zodat er niets aan lege marge
       verloren gaat, en het kader zelf mag wat groter — resilia's rij oogt fors en de
       onze verdween. */
.offer-info img { width: 170px !important; height: 76px !important; object-fit: contain !important;
  padding: 0 !important; border: 0 !important; background: transparent !important; }
@media (max-width: 767px) {
  .offer-info img { width: 108px !important; height: 60px !important; }
}

/* 21. De kop: kicker, titel en alinea in resilia's onderlinge afstand. */
.tile-sub { line-height: 24px !important; margin-bottom: 2px !important; }
.product-info-custom h1 { margin: 0 0 15px !important; }
.sm-heading { margin-top: 0 !important; }

/* 22. De vergelijkingstabel: onze zak stond als foto MET achtergrond in een kader dat
       hem platdrukte, en de kolomkop viel terug op een serif. */
.comparison-section .product-box img,
.comparison-section .l-inner img { object-fit: contain !important; background: transparent !important; }
.comparison-section .product-box h3,
.comparison-section h3, .comparison-section .l-inner,
.comparison-section .r-inner, .comparison-section li { font-family: inherit !important; }
.comparison-section .product-box h3 { letter-spacing: .14em; font-weight: 700; font-size: 15px; }
.comparison-section .l-inner { box-shadow: 0 18px 40px rgba(0, 0, 0, .28); }
/* de zak mag fors: hij hangt boven de kolom uit, zoals bij resilia, en is het enige
   beeld in deze sectie dat verkocht moet worden */
.comparison-section .left-table .product-box img {
  max-height: 168px !important; margin: -132px auto 10px !important;
  filter: drop-shadow(0 14px 26px rgba(0, 0, 0, .45));
}
.comparison-section .l-r-inner .product-box img { max-height: 128px !important; }

/* 19. "Quiet Nights. Shared Beds." — resilia zet daar een uitgesneden zak neer met
       gestippelde cirkels erachter, en een stevigere kop. Onze zak is nu ook een
       uitsnede; de cirkels zitten hier, als ringen met een conische maskering die er
       streepjes van maakt. Valt de maskering weg in een oude browser, dan blijven het
       gewone dunne ringen — ook goed. */
.feel-better-section .feel-center { position: relative; }
.feel-better-section .feel-center img { position: relative; z-index: 1; max-width: 86%; }
.feel-better-section .feel-center::before {
  content: ''; position: absolute; left: 50%; top: 50%;
  width: 130%; padding-bottom: 130%; transform: translate(-50%, -50%);
  background: repeating-radial-gradient(circle at 50% 50%,
    rgba(232, 238, 247, .30) 0 1px, transparent 1px 58px);
  -webkit-mask-image: repeating-conic-gradient(from 0deg, #000 0 3.2deg, transparent 3.2deg 7deg),
                      radial-gradient(circle at 50% 50%, #000 42%, transparent 74%);
  -webkit-mask-composite: source-in;
  mask-image: repeating-conic-gradient(from 0deg, #000 0 3.2deg, transparent 3.2deg 7deg),
              radial-gradient(circle at 50% 50%, #000 42%, transparent 74%);
  mask-composite: intersect;
  pointer-events: none;
}
/* de kop wat uitgesprokener */
.feel-better-section .feel-heading { font-size: 40px !important; line-height: 46px; font-weight: 600; }
.feel-better-section .feel-subheading { font-size: 18px; max-width: 720px; margin-left: auto; margin-right: auto; opacity: .92; }
.feel-better-section .feel-label { font-weight: 600; }
.feel-better-section .feel-feature img { width: 46px; height: 46px; }
@media (max-width: 767px) {
  .feel-better-section .feel-heading { font-size: 27px !important; line-height: 33px; }
}
/* op tablet werd de zak bijna schermvullend en rekte de sectie 300px op t.o.v. resilia */
@media (min-width: 768px) and (max-width: 1023px) {
  .feel-better-section .feel-center img { max-width: 58% !important; }
  .feel-better-section .feel-heading { font-size: 34px !important; line-height: 40px; }
}

/* 18. De kop en het kopje erboven stonden te ver uit elkaar: .tile-sub heeft een
       regelhoogte van 30px terwijl de h1 er strak tegenaan hoort te zitten. */
.tile-sub { line-height: 21px !important; margin-bottom: 5px; }
.product-info-custom h1 { margin-top: 0 !important; }
/* de vertrouwenspil: het cijfer vet, de rest normaal */
.product-review-banner strong, .featured-subheading strong { font-weight: 700; }

/* 17. De vier klapkaarten in "What Actually Changes At Night". Resilia toont het
       antwoord door de kaart om te klappen (.faq_answer ligt eroverheen). Welke van de
       twee zichtbaar is, regelt hun themastylesheet — nooit meegekomen, dus bleef het
       antwoord altijd verborgen en deed het plusje niets. Hier expliciet: */
.section3_lp .faq_answer { display: none !important; }
.section3_lp .faq_question.active + .faq_answer { display: inline-flex !important; }
.section3_lp .faq_slider_item_innernew { position: relative; }
/* de kaarttekst viel terug op een serif omdat resilia's letter niet geladen wordt */
.proven-benefits-section, .proven-benefits-section .card-description,
.proven-benefits-section .card-title, .section3_lp .faq_answer,
.section3_lp .faq_answer p { font-family: inherit !important; }
/* het antwoord mag niet afgekapt worden als het net iets langer is dan de kaart */
.section3_lp .faq_answer { align-items: center !important; overflow: visible !important; }
.section3_lp .faq_answer p { font-size: 15.5px !important; line-height: 20px !important; }
.section3_lp .faq_question { transition: transform .35s ease; }

/* 16. De uitklappers onder Add To Cart. Twee dingen mis:
       1. het lettertype stond op "Satoshi" — het merklettertype van resilia, dat wij
          niet laden, dus viel het terug op de systeemletter en week het af van de rest;
       2. ze gingen niet open. De JS van de selector werkt wél (hij zet .active op
          .faq-items), maar de regel die de open staat toont staat in HÚN themestylesheet
          en is nooit meegekomen. Zonder die ene regel klik je op een dode knop. */
.faq-questions, .faq-answers { font-family: inherit !important; }
.faq-items.active .faq-answers { display: block !important; }
.faq-items.active { border-color: #2a4a7f; }
.faq-questions { transition: color .15s ease; }
.faq-items.active .faq-questions { color: #1b2440; }

/* 15. De aankondigingsbalk van het thema zegt "Welcome to our store". Op de
       productpagina staat sinds 18 aug 2026 de eigen countdown-balk (res-countdown);
       de themabalk gaat daar dus uit. */
body.template-product .announcement-bar,
body.template-product .utility-bar,
body.template-product [class*="announcement"] { display: none !important; }

/* 14. Het menu in de header staat nog in het Spaans ("Inicio / Catálogo / Contacto")
       — dat komt uit de navigatie van de winkel, niet uit het thema, en daar heeft
       deze token geen rechten op. Resilia toont op de PDP sowieso geen menulinks:
       hamburger, logo, iconen. Dus op de productpagina de inline menulinks weg; wie
       ze terug wil, hernoemt ze in Online Store > Navigation en haalt deze regel weg. */
body.template-product .header__inline-menu,
body.template-product nav.header__inline-menu { display: none !important; }

/* 13. De geporte footer. Impulse levert de grid-klassen (.grid / .grid__item) vanuit
       zijn eigen themestylesheet; die komt bij een sectie-kloon niet mee, dus stapelde
       alles onder elkaar in bijna-onleesbaar donkerblauw. Hier de opbouw van resilia
       nagebouwd: logo | nieuwsbrief | links, daaronder de drie disclaimers en de
       copyright-regel. */
[id$="res-footer"] .site-footer {
  background: #101528; color: #cfd8ea; padding: 48px 0 28px;
}
[id$="res-footer"] .grid {
  display: grid; grid-template-columns: 220px 1fr 280px; gap: 48px;
  align-items: start;
}
[id$="res-footer"] .grid__item { width: auto; float: none; padding: 0; }
[id$="res-footer"] a { color: #cfd8ea; text-decoration: none; }
[id$="res-footer"] a:hover { color: #fff; text-decoration: underline; }
[id$="res-footer"] .footer__title { color: #fff; font-size: 18px; margin: 0 0 10px; }
[id$="res-footer"] .site-footer__linklist { margin: 0; padding: 0; list-style: none; }
[id$="res-footer"] .site-footer__linklist li { margin: 0 0 12px; }
[id$="res-footer"] .footer__small-text,
[id$="res-footer"] .footer__section p { font-size: 12px; line-height: 1.6; color: #9fb0cd; }
[id$="res-footer"] .footer__section { margin-top: 28px; }
[id$="res-footer"] .footer__small-text { text-align: center; margin-top: 22px; }
/* de collapsible-knop is de mobiele variant van de kop: op desktop weg, anders staat
   "Stay In The Know" er twee keer met een reuzenchevron ertussen */
[id$="res-footer"] .collapsible-trigger-btn { display: none; }
/* Impulse dichtklapt met max-height:0 + overflow hidden. Alleen height losmaken was
   niet genoeg: het nieuwsbriefformulier bleef daardoor onzichtbaar in de footer. */
[id$="res-footer"] .collapsible-content {
  height: auto !important; max-height: none !important; overflow: visible !important;
}
[id$="res-footer"] .footer__newsletter { display: flex; gap: 8px; max-width: 420px; }
/* het invulveld stond donkerblauw op donkerblauw en was daardoor onvindbaar */
[id$="res-footer"] .footer__newsletter-input {
  flex: 1; padding: 12px 14px; border: 0; border-radius: 4px;
  background: #fff; color: #101528; font-size: 14px; min-width: 0;
}
[id$="res-footer"] .footer__newsletter-input::placeholder { color: #6b7a94; }
[id$="res-footer"] .footer__newsletter-btn { font-weight: 600; }
[id$="res-footer"] .footer__newsletter-btn {
  padding: 11px 18px; border: 0; border-radius: 4px; background: #2a4a7f; color: #fff;
  cursor: pointer;
}
[id$="res-footer"] svg { max-width: 22px; max-height: 22px; }
/* .hidden-label hoort onzichtbaar te zijn (Impulse-klasse, CSS niet meegekomen):
   zonder dit staat er letterlijk "Enter your email Subscribe" als tekst boven het
   formulier. */
[id$="res-footer"] .hidden-label {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
[id$="res-footer"] .footer__social:empty { display: none; }
/* de disclaimers stonden als vierde kolom van 100px breed; ze horen over de volle
   breedte onder de drie kolommen */
[id$="res-footer"] [class*="footer__item--custom"] { grid-column: 1 / -1; }
[id$="res-footer"] [class*="footer__item--custom"] p { max-width: 900px; }
[id$="res-footer"] .footer__clear { display: none; }
@media (max-width: 1023px) {
  [id$="res-footer"] .grid { grid-template-columns: 1fr; gap: 28px; }
  [id$="res-footer"] .collapsible-trigger-btn { display: block; }
}

/* 12. De footer van het thema staat nog in het Spaans ("Inicio", "Buscar"), met een
       lege afbeeldingsplaceholder en tekst die wegvalt tegen de achtergrond. Op de
       productpagina staat sinds 18 aug 2026 de geporte res-footer; de themafooter
       gaat daar dus uit. Andere sjablonen houden hem gewoon. */
body.template-product .shopify-section-group-footer-group { display: none !important; }

/* 11. De kop van de vergelijkingstabel. Alleen het <strong>-deel had een kleur; de
       rest viel terug op de donkere themastandaard, op een donkerblauwe sectie —
       "vs. Other Brands" stond dus zwart op blauw. Zelfde bug als bij .feel-heading. */
.comparison-section h2,
.comparison-section h2 strong { color: #e8eef7 !important; }

/* 7. DE CONTAINER. Dit was de grootste layoutfout van de hele kloon: resilia's secties
      zitten allemaal in .container-1179 / .container-1233 / .container-1216 enzovoort,
      en die klassen krijgen hun breedte uit hún themestylesheet — niet uit de sectie.
      Die is nooit meegekomen, dus stond álles full-bleed op 1440px: de galerij plakte
      tegen de linkerrand, de reviewkaarten liepen het scherm uit, de bundelrijen waren
      te breed. Op resilia gemeten (18 aug 2026):
        >= 1024px : max-width 1500px, padding 0 50px, gecentreerd
        <  1024px : max-width 1222px, geen padding (de secties regelen dat zelf)
      !important omdat de sectie-CSS ná deze stylesheet in de HTML staat. */
@media (min-width: 1024px) {
  [class*="container-1"] {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    width: 100% !important;
  }
}
@media (max-width: 1023px) {
  [class*="container-1"] {
    max-width: 1222px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
}

/* 8. Het lege videoblok in de buy box. De vijf UGC-video's zijn resilia's klanten met
      hún zak; die zijn eruit gehaald, maar de kop en het karussel bleven staan — 700px
      wit met twee pijltjes eronder. Weg tot er eigen video's zijn. */
.oo-vt-heading, .oo-vt-wrap { display: none !important; }

/* 9. De fotostrook boven de reviews staat sinds 18 aug 2026 weer aan: de negen plekken
      dragen nu eigen klantfoto's met ónze zak in beeld, in plaats van resilia's mensen
      met een OIL OF OREGANO-zak. */
.ts-marquee-outer { overflow: hidden; }
.ts-marquee-outer .customer-img-item { border-radius: 10px; object-fit: cover; }

/* 10. De losse zak had eerst geen streepprijs (compare == prijs). Sinds 18 aug 2026
       staat er $59,90 tegenover $29,95 — 50% eraf — dus die rij toont hem gewoon. */

/* 6e. hide-desk / hide-mob. Resilia zet twee varianten van elke kop en elke CTA in de
       HTML — één voor desktop, één voor mobiel — en verbergt de verkeerde met deze twee
       classes uit hún themestylesheet. Die is nooit meegekomen, dus stonden ze allebei
       zichtbaar: "Why The Mouthpiece Did Not Work" én "Built For The One Who Cannot
       Sleep Either" onder elkaar, twee keer "Try Risk-Free Today", enzovoort.
       Zeven secties gebruiken ze. */
@media (min-width: 768px) { .hide-desk { display: none !important; } }
@media (max-width: 767px) { .hide-mob  { display: none !important; } }

/* 6d. "Quiet Nights. Shared Beds." — alleen het <strong>-deel had een kleur; de rest
       viel terug op de donkere standaardkleur van het thema, op een donkere sectie.
       Onleesbaar. De hele kop licht zetten. */
.feel-better-section .feel-heading,
.feel-better-section .feel-subheading { color: #e8eef7; }

/* 32. Het witte woordmerk boven onze kolom in de vergelijkingstabel. Zonder deze
       regels pakt .left-table .product-box img hem mee (max-height 105px en een
       negatieve marge van -83px, bedoeld voor de zak) en schiet hij de kaart uit. */
.left-table .product-box h3.sil-woordmerk { margin: 0 0 6px !important; }
.left-table .product-box h3.sil-woordmerk img {
  max-height: none !important;
  width: 172px !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
}

/* 34. De blauwe pil boven "5 Reasons Why" was op maat van drie woorden gemaakt:
       266px breed, 50px hoog, vaste regelhoogte. De kop staat er nu voluit in, en die
       liep er aan alle kanten uit. De pil groeit nu mee met de tekst. */
.benefits-title {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  min-height: 50.25px !important;
  padding: 10px 22px !important;
  line-height: 1.25 !important;
  text-align: center !important;
  white-space: normal !important;
}

/* 35. Een tekstveld dat in de theme editor leeg is gemaakt liet in de tijdlijn nog wel
       zijn vinkje staan — dat is het ::before van de <li>, en die li blijft bestaan.
       Lege regel = geen regel. */
.bullet-list li:empty { display: none !important; }

@media (max-width: 767px) {
  .left-table .product-box h3.sil-woordmerk img { width: 132px !important; }
  .benefits-title {
    height: auto !important;
    min-height: 42px !important;
    padding: 9px 16px !important;
  }
}

/* 36. Het woordmerk in de voet. Hetzelfde beeld als in de vergelijkingstabel, op de
       hoogte die de voet er toch al voor reserveert (.footer__logo a is 24px hoog). */
span.sil-footer-wordmark {
  display: block !important;
  width: 190px !important;
  height: 30px !important;
  max-width: 100% !important;
  margin: 0 0 6px !important;
  background: url("/cdn/shop/files/sil-logo-wit.png?v=1787049163") no-repeat left center / contain !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
}

/* 39. De bundelrij van tier 3. Het beeld daar is vijf zakken plus twee cadeaus in
       2156x718 — drie keer zo breed als hoog, terwijl het kader 170x76 is (2.2:1). Bij
       object-fit contain bindt de breedte, en dan staan de zakken kleiner in beeld dan
       bij tier 1 en 2. Een breder kader (en dezelfde hoogte, dus de rij wordt niet
       hoger) trekt ze op dezelfde grootte. */
.offer-box[data-variant-id="56829034103124"] .offer-info img { width: 208px !important; }
/* op de telefoon is de rij maar ~340px breed: daar duwt 208px de titel over vier regels,
   dus daar een bescheidener sprong (108 -> 126). */
@media (max-width: 767px) {
  .offer-box[data-variant-id="56829034103124"] .offer-info img { width: 126px !important; }
}

/* 40. De streep met "PLUS FREE GIFTS" onder de derde bundel. Er staat al een kale
       scheidingslijn boven de cadeauregels; twee lijnen onder elkaar met een label
       ertussen is één te veel. De kale lijn blijft, deze gaat weg. */
.offer-gift-divider:has(.offer-gift-divider__text) { display: none !important; }

/* 41. "Order today for delivery by <datum>" stond in resilia's donkergroen (#084d3a) —
       een van de laatste plekken waar hun kleur inline uit de vendor-CSS kwam en dus
       niet door groenWeg() ging. Nu het navy van de rest van de winkel. */
.odg-dot { background: #1b2440 !important; }
.date-text, .odg-text { color: #1b2440 !important; }

/* 42. Drie koppen die niet meekwamen in het vetgewicht van de rest:
       a) "Their partners heard it first" — de <strong> stond er al, maar het
          lettergewicht van .review-heading gold ook voor het strong-deel;
       b) en c) lopen via de HTML_MAP hierboven. */
.review-heading strong { font-weight: 700 !important; }
.benefits-heading strong, .journey-heading strong,
.wellness-journey-section h2 strong, .benefits-section h2 strong { font-weight: 700 !important; }

/* 43. Onder week 4 van de tijdlijn stond op mobiel nog een tweede "Start Tonight" met
       de garantieregel eronder — de knop staat al boven de tijdlijn en in de buy box.
       Op de telefoon las het als een losse staart onder de laatste week. */
.wellness-journey-section .action-callout.hide-desk { display: none !important; }

/* 44. De garantieregel onder "Try Risk-Free Today" in de vergelijkingstabel stond op
       mobiel links terwijl de knop over de volle breedte staat. */
@media (max-width: 767px) {
  /* de regel is een inline-flex van 240px in een blok van 354px met text-align:start —
     hij stond dus links onder een knop die de volle breedte pakt. display:flex maakt er
     een blok van, en dan doet de justify-content die er al op staat zijn werk. */
  .comparison-section .subtext {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* 45. #VideoModal is de videopop-up van het thema. Wij gebruiken hem niet (de UGC-video's
       zijn eruit), maar de sluitknop staat wel in de DOM — en de klasse die zijn label
       onzichtbaar hoort te maken (.icon__fallback-text) kwam niet mee in de kloon. Op de
       telefoon las je daardoor onder de voet de tekst "Close (esc)". */
#VideoModal { display: none !important; }

/* 6. Restjes groen die uit losse inline-stijlen komen */
[style*="rgb(227, 255, 222)"],
[style*="#e3ffde"] { color: #e8eef7 !important; }