/** Shopify CDN: Minification failed

Line 20:19 Expected identifier but found whitespace
Line 20:21 Unexpected "{"
Line 20:30 Expected ":"
Line 43:8 Expected identifier but found whitespace
Line 43:10 Unexpected "{"
Line 43:19 Expected ":"
Line 67:21 Expected identifier but found whitespace
Line 67:23 Unexpected "{"
Line 67:32 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:custom-banner-2 (INDEX:0) */
#unique-hero-section {
  background-color: {{ section.settings.background_color }};
  padding: 60px 20px;
  text-align: left;
}

.unique-hero-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid black;
  background-color: white;
  padding: 40px;
  border-radius: 20px;
  text-align:center;
}

.unique-hero-text {
  max-width: 100%;
}

.unique-hero-text h3 {
  color: {{ section.settings.text_color }};
  font-size: 5rem;
  margin: 0;
  line-height: 1.2;
  margin-bottom:10px;
}
.unique-button{
  box-shadow:none!important;
}

@media (max-width:768px){
  .unique-hero-text {
    max-width: 100%;
    width: 100%;
  }
  .unique-hero-text h3 {
    font-size: 3.5rem;
  }
}
/* END_SECTION:custom-banner-2 */

/* START_SECTION:custom-banner (INDEX:1) */
#hero-with-icons {
    /* Dynamically set background color from section settings */
    background-color: {{ section.settings.background_color }};
    padding: 100px 20px;
    text-align: left;
  }

  .hero-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: end;
    justify-content: space-between;
  gap:10px;
  }

  .hero-text {
    max-width: 70%;
  }

  .hero-text h3 {
    /* Dynamically set text color from section settings */
    color: #1a3d21;
    font-size: 5rem;
    margin: 0;
    line-height: 1.2;
  }

  .hero-icons {
    display: flex;
    gap: 15px;
  }

  .hero-icons a {
    text-decoration: none;
  }

  .hero-icons img {
    width: 30px;
    height: 30px;
  }
    @media (max-width:768px){
      #hero-with-icons {

    padding: 50px 20px;
  }
      .hero-content{
        flex-direction: column;
        align-items: flex-start;
      }
      .hero-text{
        max-width:100%;
        width:100%;
      }
      .hero-text h3 {
    font-size: 3.5rem;
  }
    }
/* END_SECTION:custom-banner */

/* START_SECTION:announcement-bar (INDEX:5) */
.utility-bar--has-whatsapp {
    height: auto;
  }

  .utility-bar__grid--whatsapp {
    display: block;
    min-height: 0;
  }

  .utility-bar__grid--whatsapp .localization-wrapper {
    display: none !important;
  }

  .announcement-bar__shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    width: 100%;
    min-height: 4.4rem;
    padding: 0.55rem 0;
  }

  .announcement-bar__shell .announcement-bar,
  .announcement-bar__shell .announcement-bar-slider {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    grid-area: unset !important;
  }

  .announcement-bar__shell .announcement-bar.announcement-bar--one-announcement,
  .announcement-bar__shell .announcement-bar--one-announcement .announcement-bar__link {
    width: 100%;
    margin: 0;
    height: auto !important;
    justify-content: center;
    align-items: center;
  }

  .announcement-bar__shell .announcement-bar__message,
  .announcement-bar__shell .announcement-bar__message.h5 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.04rem;
  }

  .announcement-bar__shell .announcement-bar__whatsapp-wrap {
    flex: 0 0 auto;
    margin: 0;
    display: flex;
    align-items: center;
    align-self: center;
  }

  .announcement-bar__whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 1.2rem;
    border-radius: 999px;
    background: #25d366;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.2s ease;
  }

  .announcement-bar__whatsapp:hover {
    opacity: 0.9;
    color: #fff;
  }

  .announcement-bar__whatsapp-icon {
    display: inline-flex;
    width: 1.6rem;
    height: 1.6rem;
    flex-shrink: 0;
  }

  .announcement-bar__whatsapp-icon svg {
    width: 100%;
    height: 100%;
  }

  .announcement-bar__marquee {
    display: none;
  }

  .announcement-bar--marquee-mobile {
    display: none;
  }

  .announcement-bar__marquee-link {
    color: inherit;
    text-decoration: none;
  }

  @keyframes announcement-marquee-scroll {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-50%);
    }
  }

  @media screen and (max-width: 749px) {
    .utility-bar .page-width.utility-bar__grid {
      padding-left: 0;
      padding-right: 0;
    }

    .utility-bar__grid--whatsapp.page-width {
      padding-left: 0;
      padding-right: 0;
    }

    .announcement-bar--one-announcement {
      width: 100%;
      overflow: hidden;
      justify-content: flex-start !important;
    }

    .announcement-bar__message--desktop,
    .announcement-bar__link--desktop {
      display: none !important;
    }

    .announcement-bar--desktop-slider {
      display: none !important;
    }

    .announcement-bar--marquee-mobile {
      display: block;
      width: 100%;
      overflow: hidden;
    }

    .announcement-bar__marquee {
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 0.8rem 0;
      mask-image: linear-gradient(to right, transparent 0, #000 1.2rem, #000 calc(100% - 1.2rem), transparent 100%);
      -webkit-mask-image: linear-gradient(to right, transparent 0, #000 1.2rem, #000 calc(100% - 1.2rem), transparent 100%);
    }

    .announcement-bar__marquee-track {
      display: inline-flex;
      align-items: center;
      width: max-content;
      white-space: nowrap;
      animation: announcement-marquee-scroll 22s linear infinite;
    }

    .announcement-bar__marquee-item {
      flex-shrink: 0;
      padding-right: 4rem;
      font-size: 1.2rem;
      line-height: 1.35;
      letter-spacing: 0;
      font-weight: 500;
    }

    .announcement-bar__shell {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 0;
      min-height: 4rem;
      padding: 0.45rem 0;
    }

    .announcement-bar__shell .announcement-bar,
    .announcement-bar__shell .announcement-bar-slider {
      grid-column: 1;
      grid-row: 1;
      min-width: 0;
      overflow: hidden;
      padding-left: 0;
      justify-content: flex-start !important;
    }

    .announcement-bar__shell .announcement-bar__whatsapp-wrap {
      grid-column: 2;
      grid-row: 1;
      z-index: 2;
      padding: 0 1.2rem 0 0.8rem;
      background: linear-gradient(
        to right,
        rgba(var(--color-background), 0) 0%,
        rgba(var(--color-background), 0.92) 28%,
        rgb(var(--color-background)) 100%
      );
    }

    .announcement-bar__whatsapp {
      width: 3.6rem;
      height: 3.6rem;
      padding: 0;
      border-radius: 50%;
      justify-content: center;
      gap: 0;
      box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15);
    }

    .announcement-bar__whatsapp-label {
      display: none;
    }

    .announcement-bar__whatsapp-icon {
      width: 1.8rem;
      height: 1.8rem;
    }
  }

  @media screen and (min-width: 750px) {
    .announcement-bar__marquee {
      display: none !important;
    }

    .announcement-bar--marquee-mobile {
      display: none !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .announcement-bar__marquee-track {
      animation: none;
      transform: translateX(0);
    }
  }
/* END_SECTION:announcement-bar */

/* START_SECTION:hb-clinical-results (INDEX:25) */
.hb-clinical-results__inner {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
  }

  .hb-clinical-results__card {
    margin-top: 2.4rem;
    padding: 1.6rem;
    border-radius: 1.8rem 1.8rem 0 0;
    background: var(--hb-cr-bg, #fff9f2);
  }

  .hb-clinical-results__disclaimer {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: var(--hb-cr-disclaimer, #4b4b4b);
  }

  .hb-clinical-results__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: 1.2rem;
  }

  .hb-clinical-results__stat {
    display: flex;
    flex: 1 1 calc(50% - 0.6rem);
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    min-width: 0;
    margin-bottom: 0.4rem;
    padding: 0 1.2rem;
    text-align: center;
  }

  .hb-clinical-results__gauge {
    position: relative;
    width: 11rem;
    max-width: 100%;
  }

  .hb-clinical-results__gauge-svg {
    display: block;
    width: 100%;
    height: auto;
  }

  .hb-clinical-results__percent {
    position: absolute;
    bottom: -0.4rem;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--hb-cr-percent, #e35926);
    white-space: nowrap;
  }

  .hb-clinical-results__text {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.45;
    color: var(--hb-cr-text, #4b4b4b);
  }

  @media screen and (min-width: 750px) {
    .hb-clinical-results__card {
      margin-top: 2.4rem;
      padding: 2rem 2.4rem 2.4rem;
    }

    .hb-clinical-results__disclaimer {
      font-size: 2.4rem;
    }

    .hb-clinical-results__grid {
      gap: 1.2rem;
      margin-top: 1.2rem;
    }

    .hb-clinical-results__stat {
      gap: 3.2rem;
      margin-bottom: 2.4rem;
      padding: 0 1.2rem;
    }

    .hb-clinical-results__gauge {
      width: 32rem;
    }

    .hb-clinical-results__percent {
      bottom: -1rem;
      font-size: 4.8rem;
    }

    .hb-clinical-results__text {
      max-width: 30rem;
      font-size: 2.4rem;
      line-height: 1.65;
    }
  }
/* END_SECTION:hb-clinical-results */

/* START_SECTION:hb-customers-say (INDEX:26) */
.hb-customers-say__inner {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    max-width: 105.8rem;
    margin-left: auto;
    margin-right: auto;
  }

  @media screen and (min-width: 750px) {
    .hb-customers-say__inner {
      gap: 2.4rem;
    }
  }

  .hb-customers-say__heading {
    margin: 0 0 0.4rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.25;
    color: rgb(var(--color-foreground));
  }

  .hb-customers-say__heading.h1 {
    font-size: 2.4rem;
  }

  @media screen and (min-width: 750px) {
    .hb-customers-say__heading {
      font-size: 2.8rem;
    }

    .hb-customers-say__heading.h1 {
      font-size: 3.2rem;
    }
  }

  .hb-customers-say__text {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.55;
    color: rgb(var(--color-foreground));
  }

  .hb-customers-say__text p {
    margin: 0;
  }

  @media screen and (min-width: 750px) {
    .hb-customers-say__text {
      font-size: 1.8rem;
      line-height: 1.5;
    }
  }

  .hb-customers-say__media {
    position: relative;
    width: 100%;
    margin-top: 0.4rem;
    aspect-ratio: 350 / 220;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.8rem;
    background: #fff;
  }

  @media screen and (min-width: 750px) {
    .hb-customers-say__media {
      margin-top: 1.2rem;
      aspect-ratio: 1058 / 666;
      border-radius: 2.4rem;
    }
  }

  .hb-customers-say__video,
  .hb-customers-say__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
  }

  .hb-customers-say__media--graphic {
    display: block;
    min-height: 100%;
  }

  .hb-customers-say__image--bg {
    position: absolute;
    inset: 0;
    object-fit: cover;
  }

  .hb-customers-say__stripes {
    position: absolute;
    inset: 0;
    background:
      repeating-linear-gradient(
        -32deg,
        #fff 0,
        #fff 3.2rem,
        #f8baa8 3.2rem,
        #f8baa8 9.6rem
      );
  }

  .hb-customers-say__tag {
    position: absolute;
    top: var(--tag-top, 50%);
    left: var(--tag-left, 50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    font-size: clamp(1rem, 2.4vw, 1.5rem);
    font-weight: 600;
    line-height: 1.2;
    color: #4a4a4a;
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
  }

  .hb-customers-say__tag--featured {
    top: auto;
    left: 1.6rem;
    bottom: auto;
    transform: none;
    font-size: clamp(1.6rem, 4.5vw, 2.8rem);
    font-weight: 700;
    color: #121212;
    white-space: normal;
    max-width: 42%;
    line-height: 1.15;
  }

  @media screen and (min-width: 750px) {
    .hb-customers-say__tag--featured {
      top: 8%;
      left: 4%;
      bottom: auto;
      max-width: 28%;
      font-size: 2.8rem;
    }
  }
/* END_SECTION:hb-customers-say */

/* START_SECTION:hb-dark-circle-education (INDEX:27) */
.hb-dark-circle-education__header {
    max-width: 72rem;
    margin: 0 auto 3.2rem;
    text-align: center;
  }

  .hb-dark-circle-education__eyebrow {
    margin: 0 0 0.8rem;
    font-size: 1.2rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.72;
  }

  .hb-dark-circle-education__heading {
    margin: 0;
  }

  .hb-dark-circle-education__subheading {
    max-width: 56rem;
    margin: 1.2rem auto 0;
    font-size: 1.6rem;
    line-height: 1.6;
    opacity: 0.82;
  }

  .hb-dark-circle-education__grid {
    display: grid;
    gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hb-dark-circle-education__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 1.8rem;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 1.2rem 3.2rem rgba(20, 32, 24, 0.08);
  }

  .hb-dark-circle-education__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: linear-gradient(145deg, rgba(133, 171, 142, 0.18), rgba(255, 255, 255, 0.4));
  }

  .hb-dark-circle-education__image,
  .hb-dark-circle-education__placeholder,
  .hb-dark-circle-education__placeholder-svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hb-dark-circle-education__placeholder {
    position: relative;
  }

  .hb-dark-circle-education__placeholder-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-button));
  }

  .hb-dark-circle-education__placeholder-icon .svg-wrapper {
    display: flex;
    width: 4.8rem;
    height: 4.8rem;
    padding: 1.2rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 0.8rem 2rem rgba(20, 32, 24, 0.12);
  }

  .hb-dark-circle-education__placeholder-icon .icon {
    width: 100%;
    height: 100%;
  }

  .hb-dark-circle-education__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.8rem;
    padding: 2rem 2rem 2.4rem;
  }

  .hb-dark-circle-education__title {
    margin: 0;
    font-size: 2rem;
    line-height: 1.2;
  }

  .hb-dark-circle-education__text {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.6;
    opacity: 0.82;
  }

  .hb-dark-circle-education__actions {
    margin-top: 3.2rem;
    text-align: center;
  }

  .hb-dark-circle-education__button {
    border-radius: 999px;
    min-width: 24rem;
  }

  @media screen and (min-width: 750px) {
    .hb-dark-circle-education__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (min-width: 990px) {
    .hb-dark-circle-education__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 2.4rem;
    }
  }
/* END_SECTION:hb-dark-circle-education */

/* START_SECTION:hb-expected-results (INDEX:28) */
.hb-expected-results__inner {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
  }

  .hb-expected-results__heading {
    margin: 0 0 1.6rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
  }

  .hb-expected-results__heading.h1 {
    font-size: 2.4rem;
  }

  .hb-expected-results__card {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .hb-expected-results__callout {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1.2rem 0.8rem;
    background: var(--hb-er-callout-bg, #fff9f2);
  }

  .hb-expected-results__callout-num {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid var(--hb-er-accent, #e35926);
    border-radius: 50%;
    color: var(--hb-er-accent, #e35926);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
  }

  .hb-expected-results__callout-text {
    margin: 0;
    flex: 1;
    font-size: 1.2rem;
    line-height: 1.45;
    color: rgb(var(--color-foreground));
  }

  .hb-expected-results__slider {
    display: block;
    width: 100%;
  }

  .hb-expected-results__stage {
    position: relative;
    width: 100%;
    aspect-ratio: 1200 / 625;
    overflow: hidden;
    touch-action: none;
    user-select: none;
    background: #f5f5f5;
    line-height: 0;
  }

  .hb-expected-results__layer {
    position: absolute;
    inset: 0;
  }

  .hb-expected-results__layer--before {
    z-index: 1;
  }

  .hb-expected-results__layer--after {
    z-index: 2;
    clip-path: inset(0 calc(100% - var(--split, 43%)) 0 0);
  }

  .hb-expected-results__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
  }

  .hb-expected-results__divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--split, 43%);
    z-index: 3;
    width: 1px;
    background: #fff;
    transform: translateX(-50%);
    pointer-events: none;
  }

  .hb-expected-results__handle {
    position: absolute;
    top: 50%;
    left: var(--split, 43%);
    z-index: 4;
    width: 10rem;
    height: 10rem;
    transform: translate(-50%, -50%);
    cursor: grab;
    pointer-events: none;
  }

  .hb-expected-results__handle-img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    pointer-events: none;
  }

  .hb-expected-results__handle-fallback {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--hb-er-accent, #e35926);
    box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);
  }

  .hb-expected-results__input {
    position: absolute;
    inset: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: grab;
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
  }

  .hb-expected-results__input:active {
    cursor: grabbing;
  }

  .hb-expected-results__labels {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0.8rem;
    background: var(--hb-er-footer-bg, #000);
  }

  .hb-expected-results__label {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: color 0.2s ease, opacity 0.2s ease;
  }

  .hb-expected-results__label[data-label='after'] {
    text-align: right;
    margin-left: auto;
  }

  .hb-expected-results__label:hover {
    opacity: 0.85;
  }

  .hb-expected-results__label.is-active[data-label='before'],
  .hb-expected-results__label.is-active[data-label='after'] {
    color: #fff;
  }

  .hb-expected-results__label:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }

  .hb-expected-results__fallback {
    overflow: hidden;
    border-radius: 0.4rem;
  }

  .hb-expected-results__fallback img {
    display: block;
    width: 100%;
    height: auto;
  }

  @media screen and (min-width: 750px) {
    .hb-expected-results__heading {
      margin-bottom: 2rem;
      font-size: 2.8rem;
    }

    .hb-expected-results__callout {
      gap: 1rem;
      padding: 2rem;
    }

    .hb-expected-results__callout-num {
      width: 5.6rem;
      height: 5.6rem;
      font-size: 3.6rem;
    }

    .hb-expected-results__callout-text {
      font-size: 2rem;
      font-weight: 500;
    }

    .hb-expected-results__handle {
      width: 15rem;
      height: 15rem;
    }

    .hb-expected-results__labels {
      padding: 1rem 0.8rem;
    }

    .hb-expected-results__label {
      font-size: 1.4rem;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-expected-results__label {
      font-size: 2.4rem;
    }
  }
/* END_SECTION:hb-expected-results */

/* START_SECTION:hb-footer-trust (INDEX:29) */
.hb-footer-trust__inner {
    display: grid;
    gap: 2rem;
  }

  .hb-footer-trust__heading {
    margin: 0 0 0.8rem;
  }

  .hb-footer-trust__philosophy {
    margin: 0;
    max-width: 56rem;
    font-size: 1.6rem;
    line-height: 1.6;
  }

  .hb-footer-trust__list {
    display: grid;
    gap: 1.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hb-footer-trust__item {
    padding: 1.4rem 1.6rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.55);
  }

  .hb-footer-trust__item-title {
    margin: 0 0 0.4rem;
    font-size: 1.5rem;
  }

  .hb-footer-trust__item-text {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .hb-footer-trust__whatsapp {
    justify-self: start;
    border-radius: 999px;
    min-width: 20rem;
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    background: #25d366;
    border-color: #25d366;
  }

  .hb-footer-trust__whatsapp:hover {
    background: #1fb855;
    border-color: #1fb855;
  }

  .hb-footer-trust__whatsapp-icon {
    display: inline-flex;
    width: 1.8rem;
    height: 1.8rem;
  }

  .hb-footer-trust__whatsapp-icon svg {
    width: 100%;
    height: 100%;
  }

  .hb-footer-trust__inner--whatsapp-only {
    padding: 0;
    min-height: 0;
  }

  .hb-footer-trust--floating {
    padding: 0 !important;
    margin: 0;
    background: transparent !important;
    border: 0;
    min-height: 0;
  }

  .hb-footer-trust--floating .hb-footer-trust__inner--whatsapp-only {
    display: block;
    width: 0;
    height: 0;
    overflow: visible;
  }

  .hb-footer-trust__whatsapp--floating {
    position: fixed;
    bottom: 2rem;
    z-index: 35;
    min-width: 0;
    width: 5.6rem;
    height: 5.6rem;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    justify-content: center;
    gap: 0;
    box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .hb-footer-trust__whatsapp--floating:hover {
    transform: scale(1.05);
    box-shadow: 0 0.6rem 2rem rgba(0, 0, 0, 0.28);
  }

  .hb-footer-trust__whatsapp--floating .hb-footer-trust__whatsapp-icon {
    width: 2.6rem;
    height: 2.6rem;
  }

  .hb-footer-trust__whatsapp--right {
    right: 1.6rem;
    left: auto;
  }

  .hb-footer-trust__whatsapp--left {
    left: 1.6rem;
    right: auto;
  }

  @media screen and (max-width: 749px) {
    .hb-footer-trust__whatsapp--floating {
      bottom: 1.6rem;
      width: 5.2rem;
      height: 5.2rem;
    }

    .hb-footer-trust__whatsapp--right {
      right: 1.2rem;
    }

    .hb-footer-trust__whatsapp--left {
      left: 1.2rem;
    }

    .hb-footer-trust__whatsapp--floating .hb-footer-trust__whatsapp-icon {
      width: 2.4rem;
      height: 2.4rem;
    }
  }

  @media screen and (min-width: 750px) {
    .hb-footer-trust__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (min-width: 990px) {
    .hb-footer-trust__list {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
/* END_SECTION:hb-footer-trust */

/* START_SECTION:hb-founder-authority (INDEX:30) */
.hb-founder-authority__wrap {
    width: 100%;
  }

  .hb-founder-authority__panel {
    display: grid;
    gap: 2.4rem;
    padding: 0;
    background: transparent;
    border: 0;
  }

  .hb-founder-authority__col {
    min-width: 0;
  }

  .hb-founder-authority__col--content {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }

  .hb-founder-authority__media {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 22rem;
    border-radius: 1.2rem;
    background: #1a1a1a;
  }

  .hb-founder-authority__media-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
  }

  .hb-founder-authority__image,
  .hb-founder-authority__video {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 22rem;
    object-fit: cover;
    object-position: center 20%;
  }

  .hb-founder-authority__placeholder {
    min-height: 22rem;
    height: 100%;
    display: grid;
    place-items: center;
    background: rgba(0, 0, 0, 0.2);
  }

  .hb-founder-authority__placeholder-svg {
    width: 30%;
    opacity: 0.35;
  }

  .hb-founder-authority__play {
    position: absolute;
    left: 50%;
    top: 50%;
    display: grid;
    place-items: center;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.72);
    color: #fff;
    transform: translate(-50%, -50%);
  }

  .hb-founder-authority__play svg {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.15rem;
  }

  .hb-founder-authority__eyebrow {
    margin: 0 0 0.8rem;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--hb-fa-accent, #d3ecd0);
  }

  .hb-founder-authority__header {
    margin: 0;
  }

  .hb-founder-authority__heading {
    margin: 0;
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #ffffff;
  }

  .hb-founder-authority__heading.h1,
  .hb-founder-authority__heading.h2 {
    font-size: clamp(1.8rem, 4vw, 2.6rem);
  }

  .hb-founder-authority__heading-accent {
    color: var(--hb-fa-accent, #d3ecd0);
  }

  .hb-founder-authority__story {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .hb-founder-authority__lead {
    margin: 0 0 1rem;
    font-size: 1.35rem;
    line-height: 1.4;
    font-weight: 700;
    font-style: italic;
    color: #ffffff;
  }

  .hb-founder-authority__body {
    font-size: 1.3rem;
    line-height: 1.55;
    letter-spacing: 0.01em;
    color: #ffffff;
    text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.08);
  }

  .hb-founder-authority__body p {
    margin: 0 0 0.9rem;
  }

  .hb-founder-authority__body p:last-child {
    margin-bottom: 0;
  }

  .hb-founder-authority__body em {
    font-style: italic;
  }

  .hb-founder-authority__body strong {
    font-weight: 700;
    color: #ffffff;
  }

  .hb-founder-authority__signature {
    margin-top: 2rem;
    padding-top: 1.6rem;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
  }

  .hb-founder-authority__founder-name {
    margin: 0 0 0.2rem;
    font-size: 1.5rem;
    font-weight: 600;
    font-style: italic;
    line-height: 1.4;
    color: #ffffff;
  }

  .hb-founder-authority__founder-title {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.88);
  }

  .hb-founder-authority__button {
    margin-top: 2rem;
    border-radius: 999px;
  }

  @media screen and (max-width: 989px) {
    .hb-founder-authority__media {
      min-height: 18rem;
      max-height: 26rem;
    }

    .hb-founder-authority__image,
    .hb-founder-authority__video,
    .hb-founder-authority__placeholder {
      min-height: 18rem;
      max-height: 26rem;
    }
  }

  @media screen and (min-width: 750px) {
    .hb-founder-authority__panel {
      gap: 3rem;
    }

    .hb-founder-authority__media {
      min-height: 26rem;
    }

    .hb-founder-authority__image,
    .hb-founder-authority__video,
    .hb-founder-authority__placeholder {
      min-height: 26rem;
    }

    .hb-founder-authority__lead {
      font-size: 1.75rem;
    }

    .hb-founder-authority__body {
      font-size: 1.6rem;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-founder-authority__panel {
      grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
      gap: 4rem;
      align-items: center;
    }

    .hb-founder-authority__col--content {
      justify-content: center;
      padding: 1rem 0;
    }

    .hb-founder-authority__media {
      min-height: 0;
      max-height: 40rem;
      aspect-ratio: 4 / 5;
    }

    .hb-founder-authority__image,
    .hb-founder-authority__video,
    .hb-founder-authority__placeholder {
      min-height: 0;
      height: 100%;
    }

    .hb-founder-authority__body {
      font-size: 1.5rem;
      line-height: 1.75;
    }
  }
/* END_SECTION:hb-founder-authority */

/* START_SECTION:hb-founder-picks (INDEX:31) */
.hb-founder-picks__header {
    margin-bottom: 1.6rem;
    text-align: left;
  }

  .hb-founder-picks__heading,
  .hb-founder-picks__heading.h0,
  .hb-founder-picks__heading.h1,
  .hb-founder-picks__heading.h2 {
    margin: 0 0 0.4rem;
    font-size: 2.2rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
    font-weight: 600;
  }

  .hb-founder-picks__subheading {
    margin: 0;
    max-width: 42rem;
    font-size: 1.4rem;
    line-height: 1.45;
    color: rgba(var(--color-foreground), 0.75);
  }

  @media screen and (max-width: 749px) {
    .hb-founder-picks__heading,
    .hb-founder-picks__heading.h0,
    .hb-founder-picks__heading.h1,
    .hb-founder-picks__heading.h2 {
      font-size: 2rem;
      line-height: 1.2;
    }
  }

  @media screen and (max-width: 989px) {
    .hb-founder-picks__grid.hb-founder-slider .grid__item {
      padding-left: 0;
    }

    .hb-founder-picks .loox-rating {
      display: flex !important;
      justify-content: flex-start !important;
      align-items: center;
      text-align: left !important;
      margin-left: 0 !important;
    }

    .hb-founder-picks .hb-product-card__rating,
    .hb-founder-picks .hb-product-card__rating-text,
    .hb-founder-picks .hb-product-card__reviews-link {
      justify-content: flex-start;
      text-align: left !important;
    }

    .hb-founder-picks .card__heading {
      font-size: 1.35rem;
      line-height: 1.35;
    }

    .hb-founder-picks .card__heading a {
      overflow-wrap: anywhere;
    }

    .hb-founder-picks .card__information {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem;
    }

    .hb-founder-picks .card__content {
      padding: 0 1rem 1rem;
    }

    .hb-founder-picks .card-information {
      min-width: 0;
    }

    .hb-founder-picks .flexy .button-taj {
      max-width: 100%;
      padding: 0.6rem 1.4rem;
      font-size: 1.3rem;
      white-space: nowrap;
    }

    .hb-founder-picks .hb-product-card__footer {
      flex-direction: column;
      align-items: stretch;
      gap: 0.8rem;
      overflow: visible;
      padding-bottom: 0.4rem;
    }

    .hb-founder-picks .hb-product-card__body {
      padding-bottom: 1.8rem;
    }

    .hb-founder-picks .hb-product-card__button {
      min-width: 0;
      width: 100%;
      min-height: 4.2rem;
      padding-top: 0.9rem;
      padding-bottom: 0.9rem;
      line-height: 1.2;
      border-radius: 999px !important;
    }

    .hb-founder-picks .hb-product-card__button:after,
    .hb-founder-picks .hb-product-card__button:before {
      display: none !important;
    }
  }

  @media screen and (min-width: 750px) {
    .hb-founder-picks__grid:not(.hb-founder-slider) {
      row-gap: 2.4rem;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-founder-slider-viewport {
      overflow: visible;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-founder-picks__header {
      margin-bottom: 2rem;
      text-align: center;
    }

    .hb-founder-picks__heading,
    .hb-founder-picks__heading.h0,
    .hb-founder-picks__heading.h1,
    .hb-founder-picks__heading.h2 {
      font-size: 2.8rem;
      line-height: 1.2;
    }

    .hb-founder-picks__subheading {
      margin: 0 auto;
      font-size: 1.5rem;
    }
  }
/* END_SECTION:hb-founder-picks */

/* START_SECTION:hb-founder-routine (INDEX:32) */
.hb-founder-routine__header {
    margin-bottom: 1.6rem;
    text-align: left;
  }

  .hb-founder-routine__heading,
  .hb-founder-routine__heading.h0,
  .hb-founder-routine__heading.h1,
  .hb-founder-routine__heading.h2 {
    margin: 0 0 0.4rem;
    font-size: 2.2rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
    font-weight: 600;
  }

  .hb-founder-routine__subheading {
    margin: 0;
    max-width: 42rem;
    font-size: 1.4rem;
    line-height: 1.45;
    color: rgba(var(--color-foreground), 0.75);
  }

  .hb-founder-routine__item {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .hb-founder-routine__step,
  .hb-founder-routine__item .hb-routine-step-card__step {
    margin: 0 0 0.8rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
  }

  .hb-founder-routine__grid > .grid__item {
    display: flex;
  }

  .hb-founder-routine__item {
    width: 100%;
  }

  .hb-founder-routine__item .hb-routine-step-card {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    min-width: 0;
  }

  .hb-founder-routine__item .hb-product-card {
    flex: 1;
    width: 100%;
    min-width: 0;
  }

  @media screen and (max-width: 989px) {
    .hb-founder-routine .hb-product-card:hover {
      transform: none;
    }
  }

  @media screen and (max-width: 749px) {
    .hb-founder-routine__heading,
    .hb-founder-routine__heading.h0,
    .hb-founder-routine__heading.h1,
    .hb-founder-routine__heading.h2 {
      font-size: 2rem;
      line-height: 1.2;
    }

    .hb-founder-routine__step,
    .hb-founder-routine__item .hb-routine-step-card__step {
      font-size: 1.4rem;
      font-weight: 500;
    }
  }

  @media screen and (max-width: 989px) {
    .hb-founder-routine__grid.hb-founder-slider .grid__item {
      padding-left: 0;
    }

    .hb-founder-routine .hb-product-card__footer {
      flex-direction: column;
      align-items: stretch;
      gap: 0.8rem;
      overflow: visible;
      padding-bottom: 0.4rem;
    }

    .hb-founder-routine .hb-product-card__body {
      padding-bottom: 1.8rem;
    }

    .hb-founder-routine .hb-product-card__button {
      min-width: 0;
      width: 100%;
      min-height: 4.2rem;
      padding-top: 0.9rem;
      padding-bottom: 0.9rem;
      line-height: 1.2;
      border-radius: 999px !important;
    }

    .hb-founder-routine .hb-product-card__button:after,
    .hb-founder-routine .hb-product-card__button:before {
      display: none !important;
    }
  }

  @media screen and (min-width: 750px) {
    .hb-founder-routine__grid:not(.hb-founder-slider) {
      row-gap: 2.4rem;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-founder-slider-viewport {
      overflow: visible;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-founder-routine__header {
      margin-bottom: 2rem;
      text-align: center;
    }

    .hb-founder-routine__heading,
    .hb-founder-routine__heading.h0,
    .hb-founder-routine__heading.h1,
    .hb-founder-routine__heading.h2 {
      font-size: 2.8rem;
      line-height: 1.2;
    }

    .hb-founder-routine__subheading {
      margin: 0 auto;
      font-size: 1.5rem;
    }

    .hb-founder-routine__step,
    .hb-founder-routine__item .hb-routine-step-card__step {
      margin-bottom: 1rem;
    }
  }
/* END_SECTION:hb-founder-routine */

/* START_SECTION:hb-founder-routines (INDEX:33) */
.hb-founder-routines__header {
    max-width: 72rem;
    margin: 0 auto 3.2rem;
    text-align: center;
  }

  .hb-founder-routines__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.2rem;
    padding: 0.6rem 1.4rem;
    border-radius: 999px;
    font-size: 1.1rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    background: rgba(var(--color-button), 0.12);
    color: rgb(var(--color-button));
  }

  .hb-founder-routines__heading {
    margin: 0;
  }

  .hb-founder-routines__subheading {
    max-width: 56rem;
    margin: 1.2rem auto 0;
    font-size: 1.6rem;
    line-height: 1.6;
    opacity: 0.82;
  }

  .hb-founder-routines__grid {
    display: grid;
    gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hb-founder-routines__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: 1.8rem;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 1.2rem 3.2rem rgba(20, 32, 24, 0.08);
    border: 1px solid rgba(196, 168, 130, 0.22);
  }

  .hb-founder-routines__card--featured {
    border-color: rgba(var(--color-button), 0.34);
    box-shadow: 0 1.8rem 4.4rem rgba(20, 32, 24, 0.12);
  }

  .hb-founder-routines__visual {
    display: flex;
    min-height: 11rem;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(133, 171, 142, 0.18), rgba(255, 255, 255, 0.42));
  }

  .hb-founder-routines__card--featured .hb-founder-routines__visual {
    min-height: 13rem;
  }

  .hb-founder-routines__visual--morning {
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    background: linear-gradient(145deg, rgba(255, 214, 153, 0.34), rgba(255, 255, 255, 0.5));
  }

  .hb-founder-routines__visual--night {
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    background: linear-gradient(145deg, rgba(88, 104, 132, 0.24), rgba(255, 255, 255, 0.42));
  }

  .hb-founder-routines__visual-panel {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 1.6rem;
  }

  .hb-founder-routines__visual-panel--am {
    background: linear-gradient(145deg, rgba(255, 214, 153, 0.34), rgba(255, 255, 255, 0.18));
  }

  .hb-founder-routines__visual-panel--pm {
    background: linear-gradient(145deg, rgba(88, 104, 132, 0.22), rgba(255, 255, 255, 0.18));
  }

  .hb-founder-routines__visual-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.88);
    color: rgb(var(--color-button));
    box-shadow: 0 0.8rem 2rem rgba(20, 32, 24, 0.1);
  }

  .hb-founder-routines__visual-icon svg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .hb-founder-routines__visual-icon--solo {
    width: 4.8rem;
    height: 4.8rem;
  }

  .hb-founder-routines__visual-label {
    font-size: 1.2rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.78;
  }

  .hb-founder-routines__visual-label--solo {
    font-size: 1.3rem;
  }

  .hb-founder-routines__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1.2rem;
    padding: 2rem 2rem 2.4rem;
  }

  .hb-founder-routines__card--featured .hb-founder-routines__content {
    padding: 2.2rem 2.2rem 2.6rem;
  }

  .hb-founder-routines__title {
    margin: 0;
    font-size: 2rem;
    line-height: 1.2;
  }

  .hb-founder-routines__card--featured .hb-founder-routines__title {
    font-size: 2.2rem;
  }

  .hb-founder-routines__description {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.6;
    opacity: 0.82;
  }

  .hb-founder-routines__flow {
    display: grid;
    gap: 1.4rem;
  }

  .hb-founder-routines__flow--split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
  }

  .hb-founder-routines__flow-group {
    min-width: 0;
    padding: 1.2rem;
    border-radius: 1.2rem;
    background: rgba(var(--color-background), 0.72);
  }

  .hb-founder-routines__flow-label {
    margin: 0 0 0.8rem;
    font-size: 1.1rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.72;
  }

  .hb-founder-routines__steps {
    display: grid;
    gap: 0.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hb-founder-routines__step {
    position: relative;
    padding-left: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.5;
    word-break: normal;
    overflow-wrap: normal;
  }

  .hb-founder-routines__step::before {
    content: '';
    position: absolute;
    top: 0.75rem;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: rgb(var(--color-button));
    transform: translateY(-50%);
  }

  .hb-founder-routines__button {
    margin-top: auto;
    width: 100%;
    border-radius: 999px;
  }

  @media screen and (max-width: 749px) {
    .hb-founder-routines__flow--split {
      grid-template-columns: 1fr;
    }
  }

  @media screen and (min-width: 750px) {
    .hb-founder-routines__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hb-founder-routines__card--featured {
      grid-column: 1 / -1;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-founder-routines__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 2.4rem;
      align-items: stretch;
    }

    .hb-founder-routines__card--featured {
      grid-column: auto;
      transform: translateY(-0.8rem);
    }
  }
/* END_SECTION:hb-founder-routines */

/* START_SECTION:hb-home-hero (INDEX:34) */
.hb-home-hero {
    overflow: hidden;
  }

  .hb-home-hero__shell {
    display: block;
  }

  .hb-home-hero__main {
    display: grid;
    gap: 2.4rem;
    align-items: center;
    padding-bottom: 3.2rem;
  }

  .hb-home-hero__content {
    padding-bottom: 0.8rem;
  }

  .hb-home-hero__eyebrow {
    margin: 0 0 1.2rem;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--hb-hero-accent, rgb(var(--color-button)));
  }

  .hb-home-hero__heading {
    margin: 0 0 1.6rem;
    line-height: 1.05;
    max-width: 14ch;
  }

  .hb-home-hero__heading-main {
    display: block;
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    font-size: clamp(3rem, 4.8vw, 4.6rem);
    color: rgb(var(--color-foreground));
  }

  .hb-home-hero__heading-accent {
    display: block;
    margin-top: 0.2rem;
    font-family: 'Great Vibes', 'Segoe Script', 'Brush Script MT', cursive;
    font-size: clamp(3.6rem, 7vw, 5.6rem);
    font-weight: 400;
    line-height: 1;
    color: var(--hb-hero-accent, rgb(var(--color-button)));
  }

  .hb-home-hero__subheading {
    margin: 0 0 2.4rem;
    max-width: 42rem;
    font-size: 1.5rem;
    line-height: 1.65;
    color: rgba(var(--color-foreground), 0.72);
  }

  .hb-home-hero__subheading p {
    margin: 0;
  }

  .hb-home-hero__actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.4rem;
  }

  .hb-home-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-height: 5rem;
    padding: 1.2rem 2.4rem;
    border-radius: 999px;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
  }

  .hb-home-hero__button svg {
    width: 1.6rem;
    height: 1.6rem;
    flex-shrink: 0;
  }

  .hb-home-hero__button--primary {
    background: var(--hb-hero-accent, rgb(var(--color-button)));
    color: rgb(var(--color-button-text));
    box-shadow: 0 1rem 2.4rem var(--hb-hero-accent-soft, rgba(var(--color-button), 0.28));
  }

  .hb-home-hero__button--primary:hover {
    transform: translateY(-0.1rem);
    box-shadow: 0 1.4rem 3rem var(--hb-hero-accent-soft, rgba(var(--color-button), 0.34));
  }

  .hb-home-hero__button--secondary {
    background: transparent;
    color: var(--hb-hero-accent, rgb(var(--color-button)));
    border: 0.2rem solid var(--hb-hero-accent, rgb(var(--color-button)));
  }

  .hb-home-hero__button--secondary:hover {
    background: var(--hb-hero-accent-soft, rgba(var(--color-button), 0.08));
  }

  .hb-home-hero__trust-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.2rem;
    margin: 0;
    padding: 0 0 0.4rem;
    list-style: none;
  }

  .hb-home-hero__trust-item {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    min-width: 0;
  }

  .hb-home-hero__trust-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--hb-hero-accent-soft, rgba(var(--color-button), 0.12));
    color: var(--hb-hero-accent, rgb(var(--color-button)));
  }

  .hb-home-hero__trust-icon .svg-wrapper {
    display: flex;
    width: 1.8rem;
    height: 1.8rem;
  }

  .hb-home-hero__trust-icon .icon {
    width: 100%;
    height: 100%;
  }

  .hb-home-hero__trust-copy {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
  }

  .hb-home-hero__trust-title {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.3;
    text-transform: uppercase;
    color: rgb(var(--color-foreground));
  }

  .hb-home-hero__trust-text {
    font-size: 1.2rem;
    line-height: 1.35;
    color: rgba(var(--color-foreground), 0.68);
  }

  .hb-home-hero__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28rem;
  }

  .hb-home-hero__blob {
    position: absolute;
    z-index: 0;
    width: min(92%, 42rem);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, var(--hb-hero-blob, #fce8ef) 0%, var(--hb-hero-blob, #fce8ef) 55%, transparent 72%);
    opacity: 0.95;
  }

  .hb-home-hero__image-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 52rem;
    margin: 0 auto;
  }

  .hb-home-hero__image,
  .hb-home-hero__placeholder {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .hb-home-hero__deco {
    position: absolute;
    z-index: 2;
    color: var(--hb-hero-accent, rgb(var(--color-button)));
    opacity: 0.85;
    pointer-events: none;
  }

  .hb-home-hero__deco svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .hb-home-hero__deco--heart {
    width: 2.4rem;
    height: 2.4rem;
  }

  .hb-home-hero__deco--star {
    width: 2rem;
    height: 2rem;
  }

  .hb-home-hero__deco--1 {
    top: 8%;
    right: 12%;
  }

  .hb-home-hero__deco--2 {
    top: 18%;
    left: 8%;
  }

  .hb-home-hero__deco--3 {
    bottom: 14%;
    right: 6%;
  }

  .hb-home-hero__stats {
    border-top: 1px solid rgba(var(--color-foreground), 0.08);
    background: rgba(var(--color-foreground), 0.04);
  }

  .hb-home-hero__stats-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hb-home-hero__stat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 7.2rem;
    padding: 1.6rem 1.2rem;
    text-align: left;
  }

  .hb-home-hero__stat:not(:last-child) {
    border-right: 1px solid rgba(var(--color-foreground), 0.1);
  }

  .hb-home-hero__stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--hb-hero-accent-soft, rgba(var(--color-button), 0.12));
    color: var(--hb-hero-accent, rgb(var(--color-button)));
  }

  .hb-home-hero__stat-icon .svg-wrapper {
    display: flex;
    width: 1.8rem;
    height: 1.8rem;
  }

  .hb-home-hero__stat-copy {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
  }

  .hb-home-hero__stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: rgb(var(--color-foreground));
  }

  .hb-home-hero__stat-label {
    font-size: 1.3rem;
    line-height: 1.3;
    color: rgba(var(--color-foreground), 0.68);
  }

  @media screen and (max-width: 989px) {
    .hb-home-hero__media {
      order: -1;
      min-height: 24rem;
    }

    .hb-home-hero__heading {
      max-width: none;
    }

    .hb-home-hero__trust-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.2rem 1rem;
      padding-bottom: 0.8rem;
    }

    .hb-home-hero__trust-title {
      font-size: 1rem;
    }

    .hb-home-hero__trust-text {
      font-size: 1.1rem;
    }

    .hb-home-hero__stat {
      flex-direction: column;
      gap: 0.6rem;
      padding: 1.4rem 0.8rem;
      text-align: center;
    }

    .hb-home-hero__stat-copy {
      align-items: center;
    }
  }

  @media screen and (min-width: 750px) {
    .hb-home-hero__actions {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
    }

    .hb-home-hero__button {
      min-width: 18rem;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-home-hero__main {
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
      gap: 3.2rem 4rem;
      padding-bottom: 4rem;
    }

    .hb-home-hero__media {
      order: 0;
      min-height: 44rem;
    }

    .hb-home-hero__blob {
      width: 88%;
      right: -4%;
    }

    .hb-home-hero__actions .hb-home-hero__button--primary {
      min-width: 20rem;
    }
  }
/* END_SECTION:hb-home-hero */

/* START_SECTION:hb-product-all-about (INDEX:36) */
.hb-all-about__inner {
    max-width: 106.5rem;
  }

  .hb-all-about__heading {
    margin: 0 0 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
  }

  .hb-all-about__heading.h1 {
    font-size: 2rem;
  }

  .hb-all-about__tabs-wrap {
    display: block;
    margin-top: 1.2rem;
  }

  .hb-all-about__tabs {
    display: flex;
    gap: 0.8rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 0.2rem;
  }

  .hb-all-about__tabs::-webkit-scrollbar {
    display: none;
  }

  .hb-all-about__tab {
    flex-shrink: 0;
    margin: 0;
    padding: 0.4rem 1.2rem;
    border: 1px solid var(--hb-all-about-tab-border, #e9e5e5);
    border-radius: 0.8rem;
    background: transparent;
    color: rgb(var(--color-foreground));
    font: inherit;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
  }

  .hb-all-about__tab.is-active {
    border-color: var(--hb-all-about-accent, #ff8c4b);
    color: var(--hb-all-about-accent, #ff8c4b);
  }

  .hb-all-about__tab:focus-visible {
    outline: 2px solid var(--hb-all-about-accent, #ff8c4b);
    outline-offset: 2px;
  }

  .hb-all-about__panels {
    margin-top: 2rem;
  }

  .hb-all-about__panel[hidden] {
    display: none !important;
  }

  .hb-all-about__media {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    aspect-ratio: 390 / 335;
    overflow: hidden;
    background: #fff;
  }

  .hb-all-about__slider {
    display: block;
    height: 100%;
    width: 100%;
  }

  .hb-all-about__slider-stage {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    touch-action: none;
    user-select: none;
  }

  .hb-all-about__slider-layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .hb-all-about__slider-layer--right {
    z-index: 1;
  }

  .hb-all-about__slider-layer--left {
    z-index: 2;
    clip-path: inset(0 calc(100% - var(--split, 50%)) 0 0);
  }

  .hb-all-about__slider-img,
  .hb-all-about__static-img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
  }

  .hb-all-about__slider-img--desktop,
  .hb-all-about__static-img--desktop {
    display: none;
  }

  .hb-all-about__slider-divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--split, 50%);
    z-index: 3;
    width: 1px;
    background: #000;
    transform: translateX(-50%);
    pointer-events: none;
  }

  .hb-all-about__slider-handle {
    position: absolute;
    top: 50%;
    left: var(--split, 50%);
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

  .hb-all-about__slider-handle-bg {
    position: absolute;
    inset: 0;
    display: block;
  }

  .hb-all-about__slider-handle-bg svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .hb-all-about__slider-handle-icon {
    position: relative;
    z-index: 1;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
  }

  .hb-all-about__slider-handle-icon--arrows {
    width: 2.2rem;
    height: 2.2rem;
  }

  .hb-all-about__slider-input {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 5rem;
    margin: 0;
    transform: translateY(-50%);
    cursor: grab;
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
  }

  .hb-all-about__slider-input:active {
    cursor: grabbing;
  }

  .hb-all-about__slider-fallback {
    height: 100%;
    width: 100%;
  }

  .hb-all-about__slider-fallback img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hb-all-about__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-foreground), 0.06);
  }

  .hb-all-about__benefits {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
  }

  .hb-all-about__benefit {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin: 0;
  }

  .hb-all-about__benefit-icon {
    flex-shrink: 0;
    width: 4.8rem;
    height: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hb-all-about__benefit-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .hb-all-about__benefit-text {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    color: rgb(var(--color-foreground));
  }

  @media screen and (min-width: 750px) {
    .hb-all-about__heading {
      margin-bottom: 1.6rem;
      font-size: 2.4rem;
    }

    .hb-all-about__heading.h1 {
      font-size: 3rem;
    }

    .hb-all-about__tabs-wrap {
      margin-top: 2rem;
    }

    .hb-all-about__tabs {
      gap: 2.8rem;
    }

    .hb-all-about__tab {
      padding: 1rem 2rem;
      border-radius: 1.2rem;
      font-size: 2rem;
    }

    .hb-all-about__media {
      width: 100%;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      aspect-ratio: 1065 / 590;
    }

    .hb-all-about__slider-handle {
      width: 10rem;
      height: 10rem;
    }

    .hb-all-about__slider-handle-icon {
      width: 6.5rem;
      height: 6.5rem;
    }

    .hb-all-about__slider-handle-icon--arrows {
      width: 4rem;
      height: 4rem;
    }

    .hb-all-about__slider-input {
      height: 6rem;
    }

    .hb-all-about__slider-img--mobile,
    .hb-all-about__static-img--mobile {
      display: none;
    }

    .hb-all-about__slider-img--desktop,
    .hb-all-about__static-img--desktop {
      display: block;
    }

    .hb-all-about__benefits {
      gap: 3.2rem;
      max-width: 48rem;
    }

    .hb-all-about__benefit-icon {
      width: 5.6rem;
      height: 5.6rem;
    }

    .hb-all-about__benefit-text {
      font-size: 2rem;
    }
  }
/* END_SECTION:hb-product-all-about */

/* START_SECTION:hb-product-details-info (INDEX:37) */
.hb-product-details-info__surface {
    padding: 2.4rem 1.6rem;
    border-radius: 1.2rem;
    background: var(--hb-pdi-surface, #fff);
  }

  .hb-product-details-info__block + .hb-product-details-info__block {
    margin-top: 3.2rem;
  }

  .hb-product-details-info__heading {
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.35;
    color: rgb(var(--color-foreground));
  }

  .hb-product-details-info__sub + .hb-product-details-info__sub {
    margin-top: 1.6rem;
  }

  .hb-product-details-info__label {
    margin: 0 0 0.6rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
  }

  .hb-product-details-info__text {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.65;
    color: rgb(var(--color-foreground));
  }

  .hb-product-details-info__text--ingredients {
    font-size: 1.3rem;
    line-height: 1.7;
  }

  .hb-product-details-info__text p {
    margin: 0 0 0.8rem;
  }

  .hb-product-details-info__text p:last-child {
    margin-bottom: 0;
  }

  .hb-product-details-info__attributes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 2.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hb-product-details-info__attribute {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
  }

  .hb-product-details-info__attribute-icon,
  .hb-product-details-info .hb-how-to-routine__attribute-icon {
    flex-shrink: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hb-product-details-info__attribute-icon img,
  .hb-product-details-info__attribute-icon svg,
  .hb-product-details-info .hb-how-to-routine__attribute-icon img,
  .hb-product-details-info .hb-how-to-routine__attribute-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .hb-product-details-info__attribute-icon--svg,
  .hb-product-details-info .hb-how-to-routine__attribute-icon--svg {
    color: var(--hb-attr-icon-color, var(--hb-pdi-accent, #ff8701));
  }

  .hb-product-details-info__attribute-label {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.3;
    color: rgb(var(--color-foreground));
  }

  @media screen and (min-width: 990px) {
    .hb-product-details-info__surface {
      padding: 3.2rem 4rem;
    }

    .hb-product-details-info__heading {
      font-size: 2.4rem;
      margin-bottom: 2rem;
    }

    .hb-product-details-info__label {
      font-size: 1.8rem;
    }

    .hb-product-details-info__text {
      font-size: 1.6rem;
    }

    .hb-product-details-info__text--ingredients {
      font-size: 1.5rem;
    }

    .hb-product-details-info__attributes {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-template-rows: auto auto;
      gap: 2.4rem 4rem;
    }

    .hb-product-details-info__attribute:nth-child(1) {
      grid-column: 1;
      grid-row: 1;
    }

    .hb-product-details-info__attribute:nth-child(2) {
      grid-column: 2;
      grid-row: 1;
    }

    .hb-product-details-info__attribute:nth-child(3) {
      grid-column: 3;
      grid-row: 1 / span 2;
      align-self: center;
    }

    .hb-product-details-info__attribute:nth-child(4) {
      grid-column: 1;
      grid-row: 2;
    }

    .hb-product-details-info__attribute:nth-child(5) {
      grid-column: 2;
      grid-row: 2;
    }

    .hb-product-details-info__attribute:nth-child(n + 6) {
      grid-column: auto;
      grid-row: auto;
    }

    .hb-product-details-info__attribute-label {
      font-size: 1.8rem;
    }
  }
/* END_SECTION:hb-product-details-info */

/* START_SECTION:hb-product-spotlight (INDEX:38) */
.hb-product-spotlight__inner {
    display: grid;
    gap: 2.4rem;
    align-items: center;
    padding: 2.4rem;
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.72);
  }

  .hb-product-spotlight__heading {
    margin: 0 0 1rem;
    line-height: 1.15;
  }

  .hb-product-spotlight__product-title {
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
    font-weight: 600;
  }

  .hb-product-spotlight__benefits {
    display: grid;
    gap: 0.8rem;
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
  }

  .hb-product-spotlight__benefit {
    position: relative;
    padding-left: 1.8rem;
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .hb-product-spotlight__benefit::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.7rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.7;
  }

  .hb-product-spotlight__button {
    border-radius: 999px;
    min-width: 20rem;
  }

  .hb-product-spotlight__image,
  .hb-product-spotlight__placeholder {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 1.6rem;
  }

  @media screen and (min-width: 990px) {
    .hb-product-spotlight__inner {
      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
      grid-template-rows: auto 1fr;
      gap: 4rem;
      padding: 4rem;
    }

    .hb-product-spotlight__media {
      grid-column: 1;
      grid-row: 1 / -1;
    }

    .hb-product-spotlight__heading {
      grid-column: 2;
      grid-row: 1;
    }

    .hb-product-spotlight__content {
      grid-column: 2;
      grid-row: 2;
    }
  }
/* END_SECTION:hb-product-spotlight */

/* START_SECTION:hb-reviews-proof (INDEX:39) */
.hb-reviews-proof__header {
    margin-bottom: 2.4rem;
    text-align: center;
  }

  .hb-reviews-proof__heading {
    margin: 0 0 0.8rem;
  }

  .hb-reviews-proof__subheading {
    margin: 0 auto;
    max-width: 56rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .hb-reviews-proof__grid {
    display: grid;
    gap: 2.4rem;
    max-width: 76rem;
    margin: 0 auto;
  }

  .hb-reviews-proof__transformations {
    display: grid;
    gap: 1.6rem;
  }

  .hb-reviews-proof__reviews {
    display: grid;
    gap: 1.6rem;
  }

  .hb-reviews-proof__transformation,
  .hb-reviews-proof__review {
    margin: 0;
    padding: 1.4rem;
    border-radius: 1.6rem;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 1.4rem 3.6rem rgba(20, 32, 24, 0.08);
  }

  .hb-reviews-proof__slider {
    display: block;
    margin-bottom: 0;
  }

  .hb-reviews-proof__review .hb-reviews-proof__slider,
  .hb-reviews-proof__review .hb-reviews-proof__slider-fallback {
    margin-bottom: 1.6rem;
  }

  .hb-reviews-proof__comparison-note {
    margin: 0 0 1.2rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
  }

  .hb-reviews-proof__slider-stage {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 10;
    max-height: 32rem;
    border-radius: 1.2rem;
    background: #f5eee1;
    box-shadow: 0 1.2rem 3.2rem rgba(20, 32, 24, 0.12);
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
  }

  .hb-reviews-proof__slider-image,
  .hb-reviews-proof__slider-before {
    position: absolute;
    inset: 0;
  }

  .hb-reviews-proof__slider-image img,
  .hb-reviews-proof__slider-before img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 42%;
    pointer-events: none;
  }

  .hb-reviews-proof__slider-before {
    z-index: 2;
    clip-path: inset(0 calc(100% - var(--split, 50%)) 0 0);
  }

  .hb-reviews-proof__slider-label {
    position: absolute;
    bottom: 0.8rem;
    z-index: 4;
    padding: 0.45rem 0.75rem;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.96);
    color: rgb(var(--color-foreground));
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
    box-shadow: 0 0.6rem 1.6rem rgba(20, 32, 24, 0.12);
  }

  .hb-reviews-proof__slider-label--before {
    left: 0.8rem;
  }

  .hb-reviews-proof__slider-label--after {
    right: 0.8rem;
  }

  .hb-reviews-proof__slider-divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--split, 50%);
    z-index: 3;
    width: 0.2rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0 0.8rem rgba(20, 32, 24, 0.18);
    transform: translateX(-50%);
    pointer-events: none;
  }

  .hb-reviews-proof__slider-handle {
    position: absolute;
    top: 50%;
    left: var(--split, 50%);
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background: #fff;
    color: rgb(var(--color-foreground));
    box-shadow: 0 0.8rem 2.4rem rgba(20, 32, 24, 0.18);
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

  .hb-reviews-proof__slider-handle svg {
    width: 1.6rem;
    height: 1.6rem;
  }

  .hb-reviews-proof__slider-input {
    position: absolute;
    inset: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: ew-resize;
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
  }

  .hb-reviews-proof__slider-hint {
    margin: 1.2rem 0 0;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: center;
    opacity: 0.78;
  }

  .hb-reviews-proof__slider-fallback {
    overflow: hidden;
    margin-bottom: 1.6rem;
    aspect-ratio: 16 / 10;
    max-height: 32rem;
    border-radius: 1.2rem;
    box-shadow: 0 1.2rem 3.2rem rgba(20, 32, 24, 0.12);
  }

  .hb-reviews-proof__slider-fallback img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 42%;
  }

  .hb-reviews-proof__story-block {
    display: grid;
    gap: 0.8rem;
    padding-top: 0.4rem;
  }

  .hb-reviews-proof__customer,
  .hb-reviews-proof__author {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 0;
    font-style: normal;
    font-weight: 600;
  }

  .hb-reviews-proof__verified {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(var(--color-button), 0.14);
    color: rgb(var(--color-button));
  }

  .hb-reviews-proof__verified .svg-wrapper {
    display: flex;
    width: 1.2rem;
    height: 1.2rem;
  }

  .hb-reviews-proof__verified .icon {
    width: 100%;
    height: 100%;
  }

  .hb-reviews-proof__story,
  .hb-reviews-proof__quote {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.65;
  }

  .hb-reviews-proof__story {
    opacity: 0.84;
  }

  .hb-reviews-proof__quote {
    font-style: italic;
  }

  .hb-reviews-proof__rating {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    margin: 0 0 1rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    background: rgba(var(--color-button), 0.1);
    color: rgb(var(--color-foreground));
    font-size: 1.3rem;
    letter-spacing: 0.04em;
  }

  .hb-reviews-proof__rating-value {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }

  .hb-reviews-proof__rating-label {
    opacity: 0.72;
  }

  .hb-reviews-proof__author {
    margin-top: 1.2rem;
  }

  @media screen and (min-width: 750px) {
    .hb-reviews-proof__transformation,
    .hb-reviews-proof__review {
      padding: 1.8rem;
      border-radius: 2rem;
    }

    .hb-reviews-proof__slider-stage,
    .hb-reviews-proof__slider-fallback {
      border-radius: 1.6rem;
      max-height: none;
    }

    .hb-reviews-proof__slider-label {
      bottom: 1.2rem;
      padding: 0.55rem 0.95rem;
      font-size: 1.1rem;
    }

    .hb-reviews-proof__slider-label--before {
      left: 1.2rem;
    }

    .hb-reviews-proof__slider-label--after {
      right: 1.2rem;
    }

    .hb-reviews-proof__slider-handle {
      width: 4.4rem;
      height: 4.4rem;
    }

    .hb-reviews-proof__slider-handle svg {
      width: 2rem;
      height: 2rem;
    }

    .hb-reviews-proof__reviews {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (min-width: 990px) {
    .hb-reviews-proof__transformation {
      padding: 2rem;
    }
  }
/* END_SECTION:hb-reviews-proof */

/* START_SECTION:hb-routine-bundle (INDEX:40) */
.hb-routine-bundle {
    background: #f4f1ea;
  }

  .hb-routine-bundle__surface {
    position: relative;
    overflow: hidden;
    padding: 2.4rem;
    border-radius: 2.4rem;
    border: 1px solid rgba(22, 32, 24, 0.08);
    background:
      radial-gradient(circle at top right, rgba(133, 171, 142, 0.18), transparent 34%),
      linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
    box-shadow: 0 2.4rem 5.6rem rgba(22, 32, 24, 0.1);
    --color-foreground: 22, 32, 24;
    --color-background: 255, 255, 255;
    color: #162018;
  }

  .hb-routine-bundle__surface::before {
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 32rem;
    background: rgba(133, 171, 142, 0.12);
    filter: blur(0.2rem);
    pointer-events: none;
  }

  .hb-routine-bundle__layout {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 2.4rem;
    align-items: center;
  }

  .hb-routine-bundle__intro {
    position: relative;
    z-index: 1;
    margin-bottom: 2.4rem;
    max-width: 72rem;
  }

  .hb-routine-bundle__eyebrow {
    display: inline-flex;
    align-items: center;
    margin: 0 0 1.2rem;
    padding: 0.5rem 1.2rem;
    border-radius: 999px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2f4d37;
    background: rgba(133, 171, 142, 0.18);
  }

  .hb-routine-bundle__surface .hb-routine-bundle__heading.h1,
  .hb-routine-bundle__surface .hb-routine-bundle__heading.h2 {
    margin: 0 0 1.2rem;
    max-width: none;
    line-height: 1.15;
    color: #162018;
  }

  .hb-routine-bundle__surface .hb-routine-bundle__subheading {
    margin: 0;
    max-width: 62rem;
    font-size: 1.6rem;
    line-height: 1.6;
    color: rgba(22, 32, 24, 0.78);
  }

  @media screen and (min-width: 750px) {
    .hb-routine-bundle__surface .hb-routine-bundle__heading.h1 {
      font-size: calc(var(--font-heading-scale) * 3.6rem);
      line-height: 1.12;
    }

    .hb-routine-bundle__surface .hb-routine-bundle__subheading {
      font-size: 1.8rem;
    }
  }

  .hb-routine-bundle__schedule {
    display: grid;
    gap: 1.2rem;
    margin-bottom: 2.4rem;
  }

  .hb-routine-bundle__phase {
    padding: 1.6rem;
    border-radius: 1.6rem;
    border: 1px solid rgba(22, 32, 24, 0.06);
  }

  .hb-routine-bundle__phase--am {
    background: linear-gradient(180deg, rgba(255, 244, 228, 0.95), rgba(255, 255, 255, 0.92));
  }

  .hb-routine-bundle__phase--pm {
    background: linear-gradient(180deg, rgba(232, 244, 236, 0.95), rgba(255, 255, 255, 0.92));
  }

  .hb-routine-bundle__phase-label {
    margin: 0 0 1.2rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(22, 32, 24, 0.58);
  }

  .hb-routine-bundle__phase-items {
    display: grid;
    gap: 1rem;
  }

  .hb-routine-bundle__item {
    padding: 1.4rem 1.6rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(22, 32, 24, 0.06);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 0.8rem 2rem rgba(22, 32, 24, 0.04);
  }

  .hb-routine-bundle__item-label {
    display: inline-flex;
    align-items: center;
    margin: 0 0 0.8rem;
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2f4d37;
    background: rgba(133, 171, 142, 0.18);
  }

  .hb-routine-bundle__phase--pm .hb-routine-bundle__item-label {
    color: #244034;
    background: rgba(47, 77, 55, 0.12);
  }

  .hb-routine-bundle__item-title {
    margin: 0 0 0.4rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.3;
    color: #162018;
  }

  .hb-routine-bundle__item-text {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.5;
    color: rgba(22, 32, 24, 0.72);
  }

  .hb-routine-bundle__offer {
    display: grid;
    gap: 1.2rem;
    padding: 1.8rem;
    border-radius: 1.6rem;
    border: 1px solid rgba(133, 171, 142, 0.22);
    background: linear-gradient(135deg, rgba(133, 171, 142, 0.12), rgba(255, 255, 255, 0.96));
  }

  .hb-routine-bundle__savings {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    color: #244034;
  }

  .hb-routine-bundle__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.8rem;
    margin: 0;
    line-height: 1.1;
  }

  .hb-routine-bundle__compare {
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: line-through;
    color: rgba(22, 32, 24, 0.48);
  }

  .hb-routine-bundle__amount {
    font-size: 2.8rem;
    font-weight: 700;
    color: #162018;
  }

  .hb-routine-bundle__button {
    justify-self: start;
    border-radius: 999px;
    min-width: 22rem;
    min-height: 4.8rem;
    padding: 1.2rem 2.4rem;
  }

  .hb-routine-bundle__media {
    overflow: hidden;
    border-radius: 2rem;
    border: 1px solid rgba(22, 32, 24, 0.08);
    background:
      radial-gradient(circle at top left, rgba(255, 255, 255, 0.92), rgba(133, 171, 142, 0.16)),
      #eef4ef;
    box-shadow: 0 1.8rem 4rem rgba(22, 32, 24, 0.12);
  }

  .hb-routine-bundle__image,
  .hb-routine-bundle__placeholder {
    display: block;
    width: 100%;
    height: auto;
  }

  @media screen and (min-width: 750px) {
    .hb-routine-bundle__schedule {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.6rem;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-routine-bundle__surface {
      padding: 4rem;
    }

    .hb-routine-bundle__layout {
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
      gap: 4rem;
    }
  }
/* END_SECTION:hb-routine-bundle */

/* START_SECTION:hb-seen-trusted-shared (INDEX:41) */
.hb-seen-trusted__header {
    margin-bottom: 1.6rem;
    text-align: left;
  }

  .hb-seen-trusted__heading,
  .hb-seen-trusted__heading.h0,
  .hb-seen-trusted__heading.h1,
  .hb-seen-trusted__heading.h2 {
    margin: 0 0 0.4rem;
    font-size: 2.2rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
    font-weight: 600;
  }

  .hb-seen-trusted__subheading {
    margin: 0;
    max-width: 42rem;
    font-size: 1.4rem;
    line-height: 1.45;
    color: rgba(var(--color-foreground), 0.75);
  }

  .hb-seen-trusted__slider {
    margin: 0;
    --desktop-margin-left-first-item: 0rem;
  }

  .hb-seen-trusted__track {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hb-seen-trusted__track.slider--desktop .slider__slide:first-child {
    margin-left: 0;
    scroll-margin-left: 0;
  }

  .hb-seen-trusted__track.slider--desktop:after {
    padding-left: 1.5rem;
  }

  .hb-video-carousel-card {
    height: 100%;
  }

  .hb-video-carousel-card__trigger {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    border-radius: 1.4rem;
    overflow: hidden;
    box-shadow: 0 1.2rem 3.6rem rgba(var(--color-foreground), 0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }

  .hb-video-carousel-card__trigger--static {
    cursor: default;
  }

  .hb-video-carousel-card__trigger:not(.hb-video-carousel-card__trigger--static):hover,
  .hb-video-carousel-card__trigger:not(.hb-video-carousel-card__trigger--static):focus-visible {
    transform: translateY(-0.3rem);
    box-shadow: 0 1.8rem 4.4rem rgba(var(--color-foreground), 0.16);
  }

  .hb-video-carousel-card__media {
    position: relative;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    background: rgba(var(--color-foreground), 0.06);
  }

  .hb-video-carousel-card__image,
  .hb-video-carousel-card__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .hb-video-carousel-card__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hb-video-carousel-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.08) 0%,
      rgba(0, 0, 0, 0) 35%,
      rgba(0, 0, 0, 0.55) 100%
    );
    pointer-events: none;
  }

  .hb-video-carousel-card__badge {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    z-index: 2;
    padding: 0.4rem 1rem;
    border-radius: 999px;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(var(--color-background));
    background: rgba(var(--color-foreground), 0.82);
    backdrop-filter: blur(6px);
  }

  .hb-video-carousel-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: rgb(var(--color-foreground));
    box-shadow: 0 0.6rem 2rem rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
  }

  .hb-video-carousel-card__trigger:hover .hb-video-carousel-card__play,
  .hb-video-carousel-card__trigger:focus-visible .hb-video-carousel-card__play {
    transform: translate(-50%, -50%) scale(1.06);
  }

  .hb-video-carousel-card__play .svg-wrapper {
    width: 2rem;
    height: 2rem;
    margin-left: 0.2rem;
  }

  .hb-video-carousel-card__caption {
    position: absolute;
    left: 1.2rem;
    right: 1.2rem;
    bottom: 1.2rem;
    z-index: 2;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.35;
    color: #fff;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
  }

  .hb-video-carousel-card__modal-video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #000;
  }

  .hb-seen-trusted__controls {
    margin-top: 2rem;
    justify-content: center;
  }

  @media screen and (max-width: 749px) {
    .hb-seen-trusted__heading,
    .hb-seen-trusted__heading.h0,
    .hb-seen-trusted__heading.h1,
    .hb-seen-trusted__heading.h2 {
      font-size: 2rem;
      line-height: 1.2;
    }

    .hb-seen-trusted__track.slider--tablet.grid--peek {
      padding-bottom: 0.4rem;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-seen-trusted__header {
      margin-bottom: 2rem;
      text-align: center;
    }

    .hb-seen-trusted__heading,
    .hb-seen-trusted__heading.h0,
    .hb-seen-trusted__heading.h1,
    .hb-seen-trusted__heading.h2 {
      font-size: 2.8rem;
      line-height: 1.2;
    }

    .hb-seen-trusted__subheading {
      margin: 0 auto;
      font-size: 1.5rem;
    }

    .hb-seen-trusted__slider.hb-carousel-nav-wrap {
      padding-inline: 0.4rem;
    }

    .hb-seen-trusted__track.slider--desktop {
      scroll-padding-left: 0;
    }
  }
/* END_SECTION:hb-seen-trusted-shared */

/* START_SECTION:hb-social-proof-bar (INDEX:42) */
@keyframes hb-social-proof-marquee {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-50%);
    }
  }

  .hb-social-proof {
    min-height: 7.2rem;
  }

  .hb-social-proof__marquee {
    overflow: hidden;
    width: 100%;
    min-height: 6.2rem;
  }

  .hb-social-proof__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4rem;
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
    animation: hb-social-proof-marquee var(--hb-social-proof-speed, 35s) linear infinite;
  }

  .hb-social-proof__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 0 0 auto;
    width: max-content;
    padding: 1rem 1.6rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.55);
  }

  .hb-social-proof__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgb(var(--color-background));
    color: rgb(var(--color-foreground));
  }

  .hb-social-proof__icon img {
    display: block;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
  }

  .hb-social-proof__icon .svg-wrapper {
    display: flex;
    width: 2rem;
    height: 2rem;
  }

  .hb-social-proof__icon .icon {
    width: 100%;
    height: 100%;
  }

  .hb-social-proof__text {
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.4;
    white-space: nowrap;
  }

  @media screen and (max-width: 749px) {
    .hb-social-proof__track {
      gap: 2.4rem;
    }

    .hb-social-proof__item {
      padding: 0.8rem 1.2rem;
    }

    .hb-social-proof__text {
      font-size: 1.3rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hb-social-proof__track {
      animation: none;
      transform: translateX(0);
    }
  }
/* END_SECTION:hb-social-proof-bar */

/* START_SECTION:hb-tribe-community (INDEX:43) */
.hb-tribe-community__inner {
    max-width: 72rem;
    margin: 0 auto;
  }

  .hb-tribe-community__panel {
    padding: 2.8rem 2rem;
    border-radius: 1.6rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(var(--color-foreground), 0.08);
    box-shadow: 0 1.2rem 3.2rem rgba(var(--color-foreground), 0.06);
  }

  .hb-tribe-community__header {
    margin-bottom: 1.6rem;
  }

  .hb-tribe-community__heading {
    margin: 0 0 0.8rem;
  }

  .hb-tribe-community__subheading {
    margin: 0 auto;
    max-width: 40rem;
    font-size: 1.6rem;
    line-height: 1.45;
    font-weight: 500;
    color: rgba(var(--color-foreground), 0.85);
  }

  .hb-tribe-community__body {
    margin: 0 auto;
    max-width: 52rem;
    font-size: 1.5rem;
    line-height: 1.65;
    color: rgba(var(--color-foreground), 0.78);
  }

  .hb-tribe-community__body p {
    margin: 0;
  }

  .hb-tribe-community__actions {
    margin-top: 2.4rem;
    display: flex;
    justify-content: center;
  }

  .hb-tribe-community__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    border-radius: 999px;
    min-width: min(100%, 32rem);
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: var(--hb-tribe-accent, #25d366);
    border-color: var(--hb-tribe-accent, #25d366);
  }

  .hb-tribe-community__button:hover,
  .hb-tribe-community__button:focus-visible {
    filter: brightness(0.95);
  }

  .hb-tribe-community__button-icon {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
  }

  .hb-tribe-community__button-icon svg {
    width: 100%;
    height: 100%;
  }

  @media screen and (min-width: 750px) {
    .hb-tribe-community__panel {
      padding: 3.6rem 4rem;
    }

    .hb-tribe-community__subheading {
      font-size: 1.8rem;
    }

    .hb-tribe-community__body {
      font-size: 1.6rem;
    }
  }

  @media screen and (min-width: 990px) {
    .hb-tribe-community__header {
      margin-bottom: 2rem;
    }

    .hb-tribe-community__actions {
      margin-top: 2.8rem;
    }
  }
/* END_SECTION:hb-tribe-community */

/* START_SECTION:hb-you-may-also-like (INDEX:44) */
.hb-ymal__heading {
    margin: 0 0 2.4rem;
    text-align: center;
  }

  .hb-ymal__grid {
    row-gap: 2rem;
  }

  @media screen and (max-width: 749px) {
    .hb-you-may-also-like .hb-product-card__footer {
      flex-direction: column;
      align-items: stretch;
      gap: 0.8rem;
    }

    .hb-you-may-also-like .hb-product-card__button {
      width: 100%;
      border-radius: 999px !important;
    }

    .hb-you-may-also-like .hb-product-card__button:after,
    .hb-you-may-also-like .hb-product-card__button:before {
      display: none !important;
    }
  }
/* END_SECTION:hb-you-may-also-like */

/* START_SECTION:hover-list-image (INDEX:46) */
.skincare-section {
      padding: 40px 20px;

    }

    .skincare-container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      max-width: 1200px;
      margin: 0 auto;
      border: 1px solid lightgrey;
      padding: 40px;
      border-radius: 20px;
      box-shadow: 1px 1px 10px #4d4d4d4a;
  }


    .skincare-text {
      flex: 1 1 45%;
      margin-bottom: 20px;
    }

    .skincare-text h2 {
      font-size: 4rem;
      margin-bottom: 20px;
    }

    /* List items styling */
    .skin-issues {
      list-style-type: none;
      padding: 0;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .skin-issues li {
      font-size: 2.5rem;
      font-weight: bold;
      margin-bottom: 10px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      position: relative;
      /* If you want a bit more left space so the line doesn't push text, you can add padding-left here. */
    }

    /* Pseudo-element: hidden by default, expands on hover */
    .skin-issues li::before {
      content: "";
      display: inline-block;
      width: 0;
      height: 4px;        /* Adjust thickness */
      background-color: transparent;
      margin-right: 0;
      transition: width 0.3s ease, margin-right 0.3s ease;
    }

    /* Show the line on hover */
    .skin-issues li:hover::before {
      width: 40px;        /* Adjust length */
      background-color: #000;
      margin-right: 10px; /* Space between line and text */
    }

    .skincare-image {
      flex: 1 1 45%;
      text-align: right;
    }

    .skincare-image img {
      max-width: 350px;
      width:100%;
      height: auto;
      border-radius: 8px;
      transition: opacity 0.5s ease-in-out;
      opacity: 1;

    }
      @media (max-width:768px){
        .skincare-container {
          padding:15px;
        }
        .skincare-text h2 {
      font-size: 2.5rem;
    }
        .skincare-text {
      flex: 1 1 100%;
    }
        .skin-issues li {
      font-size: 2rem;
          font-weight:bold;
    }
        .skincare-image {
      flex: 1 1 100%;
    }
        .skincare-image img {
      width:100%;
    }
      }
/* END_SECTION:hover-list-image */

/* START_SECTION:image-with-text-custom (INDEX:49) */
.two-column-section {
    padding: 40px 20px;
    /* You can adjust background or other styling here */
  }

  .two-column-container {
    display: flex;
    flex-wrap: wrap;
    /* Adjust max-width or margins as needed */
    max-width: 1200px;
    margin: 0 auto;
    gap:10px;
    justify-content:space-between;
  }

  .left-column,
  .right-column {
    flex: 1 1 47%;
    min-height: 400px;
  }

  /* Left Column Image */
  .left-column img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Right Column with a background image */
  .right-column img{
    width: 100%;
    height: auto;
    display: block;
  }

  /* Text overlay on the right side */

    @media (max-width:768px){
      .two-column-container {
        flex-direction: column;
      }
      .left-column,
  .right-column {
    flex: 1 1 100%;
    min-height:fit-content;
  }
    }
/* END_SECTION:image-with-text-custom */

/* START_SECTION:tabs_collection (INDEX:85) */
.shop-by-category{
      max-width:1400px;
      width:100%;
      padding:3rem 0;
    }
          .tabs {
            display: flex;
            gap: 1rem;
            margin-bottom: 3rem;
            flex-wrap: wrap;
            justify-content: center;
          }
          .tabs button {
            padding: 1.3rem 2.5rem;;
            border: 1px solid #000;
            background: none;
            cursor: pointer;
            transition: all 0.3s ease;
            border-radius: 30px;
          }
          .tabs button.active {
            background-color: black;
            color: white;
            border: none;
          }
          .tabcontent {
            display: none;
          }
          .tabcontent.active {
            display: block;
          }
          .view-more-btn {
            margin-top: 2rem;
            display: block;
            background-color: black;
            color: white;
            border: none;
            padding: 0.7rem 1.2rem;
            border-radius: 30px;
            cursor: pointer;
            text-align: center;
            width: 150px;
            margin-left: auto;
            margin-right: auto;
            text-decoration: none;
            transition: opacity 0.3s ease;
          }
          .view-more-btn:hover {
            opacity: 0.9;
          }
  .product-grid {
    display: flex !important;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 0;
    width: 100%; /* allow width to be flexible */
  }

  .product-grid > li {
    flex: 1 1 23%;
    max-width: 23%;
    width: 100%;
    flex-shrink: 0;
  }

  /* Responsive for mobile: 2 items per row */
  @media (max-width: 768px) {
    .product-grid > li {
      flex: 1 1 48%;
      max-width: 48%;
    }
  }
/* END_SECTION:tabs_collection */