/** Shopify CDN: Minification failed

Line 57:0 Unexpected "}"

**/
@font-face {
    font-family: 'Condensed-Regular';
    src: url('Archivo-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Condensed-Italic';
    src: url('Archivo-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Condensed-Bold';
    src: url('Archivo_Expanded-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Archive-medium';
    src: url('Archivo_Expanded-Medium.woff2') format('woff2');
    font-weight: medium;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archive-Bold';
    src: url('Archivo-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Archive-Regular';
    src: url('Archivo-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
  font-family: 'Condensed-Regular', Arial, sans-serif !important;
  background-color: #FAF7F2 !important;
}
}

main {
  margin: 15px 40px 40px;
  background-color: #FAF7F2;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Condensed-Bold', Arial, sans-serif !important;
}

@media (max-width: 768px) {
  main {
    margin: 0 20px 0 ;
  }
}

.promo{
  background-color:transparent !important;
  padding-top: 20px;
  padding: 20px 40px 0;
  @media (max-width: 768px) {
    padding: 10px 20px 0;
  }
  .container{
    background-color:#E5CFBC;
    border-radius:10px;
    padding: 5px 15px;
    width: 100%;
    .promo__close{
      display:none;
    }
    .promo__text{
      font-size:12.5px !important;
      font-family: 'Archive-Bold';
      color:#3A2C28 !important;
      text-transform:uppercase;
    }
  }
}
.header--style7 {
  background-color: transparent !important;
  padding:0 40px;
  padding-top:15px;
  .container{
    width:100%;
    padding:20px;
    background-color:#faf7f2!important;
    border-radius:10px;
  }
  .col-md-2,
  .col-md-3{
    width:40px;
  }
  .col-md-7{
    width:calc(100% - 80px);
  }
  #shopify-section-navigation {
    width: 100%;
  } 
  .main-nav{
    width: 100%;
    display:flex;
    align-items:center;
    ul{
      flex:1;
      justify-content: space-around;
      .nav__item{
        padding:10px;
        border: 0;
        .nav__item__link {
          font-size:16px;
          color:#664E47;
          @media (min-width:992px) and (max-width:1100px){
            font-size:13px;
          }
          &:hover{
            color: #B91020!important;
          }
        }
      }
    }
    .middle-logo{
      margin:0 3%;
      line-height: 0;
    }
  }
  .header__cart-link {
    position: relative;
    padding:10px !important;
    span.cart-number {
      position: absolute;
      left: -4px;
      bottom: 5px;
      display:block !important;
    }
  }
}

.use-sticky.active{
  box-shadow:none !important;
  .container{
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    padding:10px 20px;
  }
}
.header-sticker__inner{
  background-color:#faf7f2!important;
}
.header--mobile{
  padding: 10px 25px;
  border-bottom:0 !important;
  @media (max-width: 768px) {
    padding: 10px 5px;
  }
  .nav__item__link:hover{
    color: #B91020!important;
  }
  .header__cart-trigger-mobile {
    padding: 12px;
    .abs-number {
      position: absolute;
      top: auto !important;
      bottom: 6px;
      left: 0px;
      background-color:#000;
    }
  }
  .header__links{
    margin-left:0;
  }
  .mobile-nav-bar {
    padding-right:0 !important;
  }
}
#sidebar-mobile-nav{
  .bt-sidebar__content{
    .currency-switcher-mobile,hr{
      display:none !important;
    }
  }
}
.breadcrumbs{
  display:none;
}

.shopify-section {
  padding: 20px 0 0;

  @media(min-width:768px){
    padding: 30px 40px 0;
  }
}



/* Standardized button styles - applying salmalita-cta-button design to all buttons */
.button--style1,
.button--style3,
.buy-button,
.button-banner-2,
.button-banner-3,
.button-carrousel-3,
.salmalita-cta-button,
.salmalita-by-you-carousel-button,
.hero-slide button,
.search-full__close-js,
.jdgm-paginate__load-more,
.freb__add-btn,
.button--cp,
.button--checkout,
.address-new-toggle,
.address-edit-toggle,
.address-delete,
.salmalita-button-primary,
button[type="submit"]:not(.variant-card__button),
input[type="submit"]:not(.variant-card__button) {
  background-color: #B91020;
  color: white;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: 30px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  transition: background-color 0.3s ease !important;
  display: inline-block !important;
  text-decoration: none !important;
  line-height: normal !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;

  @media(max-width:768px){
    font-size: 12px!important;
  }
}

/* Hover states for standardized buttons */
.salmalita-by-you-carousel-button:hover,
.salmalita-cta-button:hover,
.hero-slide button:hover,
.button-banner-2:hover,
.button-banner-3:hover,
.buy-button:hover,
.button--style1:hover,
.button--style3:hover,
.salmalita-button-primary:hover,
.jdgm-paginate__load-more:hover,r
.button-carrousel-3:hover {
  color: #b91020 !important;
  background-color: #e5cfbc !important;
  border: 1px solid #B91020 !important;
}

.button--style2 {
  color: #b91020!important;
  background-color: #e5cfbc!important;
  border: 1px solid #B91020!important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
}

.button--style2:hover {
  background-color: #B91020!important;
  color: white!important;
  border: 1px solid #B91020!important;
}

.hc__actions .button--style1:hover {
  border: 1px solid #B91020!important;
}



/* Override for specific pagination buttons to maintain circular shape */
.button--circle {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

.product-template-section{
  max-width: 100%;
  width: 100% !important;
  padding: 0 !important;
  .col-md-6{
    &:nth-child(1){
      padding-right:0 !important;
      width:53%;
    }
    &:nth-child(2){
      width:47%;
    }
    @media (max-width:767px){
      width:100% !important;
    }
  }
  .shopify-product-form{
    background-color:#FFFFFF;
    padding:30px;
    border-radius:15px;
    position:relative;
    @media (max-width:767px){
      margin-top:10px;
      padding: 30px 25px;
    }
    h1.product-single__title {
      width: calc(80% - 80px);
      color:#664E47;
      text-transform:capitalize;
      &+span{
        width: calc(100% - 80px);
        color:#664E47;
        text-transform:uppercase;
        font-family: 'Archive-medium';
        padding-bottom: 20px;
        @media(max-width: 676px) {
          width: 100%;
        }
      }

      @media(max-width: 676px) {
        width: 100%;
        font-size: 25px;
      }

    }
    .product-price-wrap{
      flex-direction:column;
      position: absolute;
      right: 30px;
      top: 30px;
      align-items: flex-end;
      span{
        color:#B91020;
        font-family: 'Condensed-Bold';
      }
      .money{
        font-size:34px;

        @media(max-width: 767px) {
          font-size: 30px;
        }
      }
      .metafields_size{
        color:#B91020;
        font-size:16px;
        text-transform:uppercase;
        font-family: 'Archive-medium';

        @media(max-width: 767px) {
          font-size: 13px;
        }
      }

      @media(max-width: 676px) {
        position: initial;
        align-items: baseline;
      }
    }
    .product-single__description{
      *{
        /* font-family: 'Archive-Regular'; */
            font-family: Condensed-Regular, sans-serif !important;
        line-height:1.6;
        font-size:16px;
        font-weight: 400;
      }
    }
    .swatch{
      border-top:1px solid #664E47;
      border-bottom:1px solid #664E47;
      padding: 20px 10px;
      margin: 20px 0;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      .pg__option__label{
        color: #664e47;
        text-transform: capitalize;
        font-size:24px;
        line-height:1.2;
        font-family: 'Condensed-Bold';
        margin-bottom:20px;
        display:block;
      }
      .pg__option__values{
        width:100%;
      }
      a.pg__option__value{
        display: flex;
        flex-direction: column-reverse;
        height: auto;
        padding: 0;
        width:20%;
        min-width:60px;
        max-width: calc(100% / 7 - 10px);
        border:0 !important;
        overflow:visible;
        margin:3px !important;
        &:before,&:after{
          display:none;
        }
        span{
          display:block;
        }
        .swatch__item--bkg-image{
          height:auto;
          padding-top:95%;
          width:100%;
          background-color:#FAF7F2;
          border-radius:10px;
          border:2px solid #fff;
          transition:0s;
          position:relative;
          z-index: 1;
        }
        span:not(.swatch__item--bkg-image){
          height: auto;
          line-height: 1;
          margin-top: 10px;
          color: #664e47;
          text-transform: capitalize;
          font-size:12px;
          line-height:1.2;
          font-family: 'Condensed-Bold';
        }
        &.swatch__item.selected{
          .swatch__item--bkg-image{ 
            border:2px solid #664E47;
          }
        }
      }
    }
    &>div.w100{
      display:flex;
      gap:20px;
      .product-form__item{
        flex:1;
        button{
          font-size: 16px;
          background-color:#3A2C28;
          color:#FAF7F2;
          font-family: 'Archive-Regular';
          border-radius: 50px;
          line-height: 30px;
          min-height: auto;
          padding: 0;
          transform:none;
          border: 1px solid #3A2C28 !important;
          /* height: 40px !important; */
          i{
            display:none;
          }
          span{
            transform:none;
          }
          &:hover{
            color:#B91020 !important;
            background-color:#E5CFBC !important;
            border:1px solid #B91020 !important;
          }
        }
      }
      .shopify-payment-btn-wrap {
        flex:1;
        padding:10px 0;
        button{
          font-size: 16px;
          background-color:#B91020;
          color:#FAF7F2;
          font-family: 'Archive-Regular';
          border-radius: 50px;
          line-height: 30px;
          min-height: auto;
          padding: 0;
          border:1px solid #B91020 !important;
          /* height: 40px !important; */
          &:hover{
            color:#B91020 !important;
            background-color:#E5CFBC !important;
            border:1px solid #B91020 !important;
          }
        }
      }
      @media(max-width: 676px) {
        flex-direction: column;
        gap: 0;

        .shopify-payment-btn-wrap {
          margin-top: 0;
        }
      }
    }
  }
}
.play-btn{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 0;
  transform: translatey(-50%);
  z-index: 99;
  p{
    color:#FAF7F2;
    font-family: 'Archive-Bold';
    font-size:18px;
    padding: 20px 10% 0;
    margin-bottom:0;
    @media (max-width: 768px) {
      font-size:14px;
      padding: 5px 10% 0;
    }
  }
}
.product-video{
  border-radius: 12px;
  overflow: hidden;
  img{
    width:100%;
  }
}

.who-we-are{
  border-radius:20px !important;
  overflow:hidden;
  .banner-item__text {
    left: 5vw !important;
    width: 400px;
    margin: 0 !important;
    justify-content: flex-end !important;
    padding-bottom: 6% !important;
    text-align: left !important;
  }

  .banner-item__text1 h1 {
      font-size: 40px;
      color: #664E47;
      padding-bottom:40px;
  }
  .banner-item__text2 p {
      font-size: 20px;
      line-height: 1.6;
      font-family: 'Archive-Regular';
      color: #3A2C28;
  }
  .banner-item__text__sub{
    padding-right:0;
    padding-left:0;
  }

  @media(max-width: 767px) {
    .banner-item__text__sub-rich_banner_text_EkTmKh-text_1 {
      max-width: 28vw;
      margin: initial;
      padding: 0;
    }

    .custom-text {
      font-size: 1.6vw;
    }

    .banner-item__text {
      top: 7% !important;
      width: 88%;
      bottom: auto ! IMPORTANT;
      text-align: center !important;
      padding: 0;
    }
    .banner-item__text1 h1{
      font-size:28px;
      padding-bottom:20px;
    }
    .banner-item__text2 p{
      font-size:18px;
    }
  }
  @media(max-width: 576px) {
    .banner-item__text2 p{
      font-size:14px;
    }
  }
}

.beauty-from{
  background-color:#E5CFBC;
  border-radius:12px;
  overflow:hidden;
  .banner-item__text {
    max-width:75%;
    margin:auto;
    float:none;
    padding:150px 0px;
  }
  .banner-item__text1 h2 {
      font-size: 34px;
      color: #664E47;
      padding-bottom:40px;
      line-height:1.2;
  }
  .banner-item__text2 p {
      font-size: 16px;
      line-height: 1.6;
      font-family: 'Archive-Regular';
      color: #3A2C28;
  }
  .banner-item__text3 p {
      font-size: 16px;
      line-height: 1.6;
      font-family: 'Condensed-Bold';
      color: #664E47;
      /* max-width: 500px; */
      margin: auto !important;
      margin-top: 25px !important;
  }
  .banner-item__text__sub{
    padding-right:0;
    padding-left:0;
  }
  @media(max-width: 767px) {
    .banner-item__text {
      padding:80px 0px;
      max-width:80%;
    }
    .banner-item__text1 h2 {
      font-size: 28px;
      padding-bottom: 20px;
    }
    .banner-item__text2 p,
    .banner-item__text3 p {
      font-size: 14px;
    }
  }
}
.aFormula{
  border-radius:12px !important;
  overflow:hidden;
}
.omer{
  border-radius:12px !important;
  overflow:hidden;
  .banner-item__text {
    left: 50% !important;
    width: 45%;
    margin: 0 !important;
    justify-content: flex-end !important;
    padding-bottom: 6% !important;
    text-align: left !important;
  }

  .banner-item__text1 h2 {
      font-size: 34px;
      color: #664E47;
      padding-bottom:40px;
      line-height:1.2;
  }
  .banner-item__text2 p {
      font-size: 16px;
      line-height: 1.2;
      font-family: 'Archive-Regular';
      color: #3A2C28;
  }
  .banner-item__text__sub{
    padding-right:0;
    padding-left:0;
  }
  @media(max-width: 767px) {
    .banner-item__text {
      left: 0% !important;
      width: 100%;
      justify-content: flex-start !important;
      padding-top: 6% !important;
      padding-right:5%;
    }
    .banner-item__text1 h2 {
      /* font-size: 22px; */
      font-size: 6vw;
      padding-bottom: 20px;
      text-align: right;
    }
    .banner-item__text2 p {
      font-size: 3.4vw;
      text-align: right;
    }
  }
  /* @media(max-width: 576px) {
    .banner-item__text1 h2 {
      font-size: 6vw;
    }
    .banner-item__text2 p {
      font-size: 3vw;
    }
  }   */
}
.rollie{
  border-radius:12px !important;
  overflow:hidden;
  .banner-item__text {
    left: 5% !important;
    width: 50%;
    margin: 0 !important;
    justify-content: flex-end !important;
    padding-bottom: 6% !important;
    text-align: left !important;
  }

  .banner-item__text1 h2 {
      font-size: 34px;
      color: #664E47;
      padding-bottom:40px;
      line-height:1.2;
  }
  .banner-item__text2 p {
      font-size: 16px;
      line-height: 1.2;
      font-family: 'Archive-Regular';
      color: #3A2C28;
  }
  .banner-item__text__sub{
    padding-right:0;
    padding-left:0;
  }
  @media(max-width: 767px) {
    .banner-item__text {
      left: 0% !important;
      width: 100%;
      justify-content: flex-start !important;
      padding-top: 6% !important;
      padding-left:5%;
    }
    .banner-item__text1 h2 {
      /* font-size: 22px; */
      font-size: 6vw;
      padding-bottom: 20px;
    }
    .banner-item__text2 p {
      font-size: 3.4vw;
    }
  }
  /* @media(max-width: 576px) {
    .banner-item__text1 h2 {
      font-size: 6vw;
    }
    .banner-item__text2 p {
      font-size: 3vw;
    }
  }   */
}


.contact{
  &>div{
    background-color:#E5CFBC;
    border-radius:15px;
  }
  .col-md-4{
    display:none;
  }
  .center-block{
    margin:auto;
    float: none;
    padding-top:100px;
    padding-bottom:100px;
    .form_title {
      font-size: 40px;
      color: #664E47;
      padding-bottom:40px;
      font-family: 'Condensed-Bold';
    }
    .form_desc {
      font-size: 20px;
      line-height: 1.6;
      font-family: 'Archive-Regular';
      color: #3A2C28;
    }
    .form_desc small{
      font-size:15px;
      margin-top:25px;
      display:block;
      margin-bottom:25px;
    }
    input,textarea{
      background-color:#fff;
      border-radius:12px;
    }
    label{
      color: #3a2c28;
      padding-left: 20px;
      margin-bottom: -1px;
    }
    input[type="submit"]{
      background-color: #B91020;
      color: white;
      padding: 1px 32px;
      border-radius: 50px;
      text-decoration: none;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      display: inline-block;
      border: 1px solid #B91020 !important;
      width:100%;
      font-family: 'Archive-Regular';
      margin-top:10px;
      &:hover{
        color: #b91020 !important;
        background-color: #e5cfbc !important;
        border: 1px solid #B91020 !important;
      }
    }
  }
}



.none-of-this{
  border-radius:20px !important;
  overflow:hidden;
  .banner-item__text {
    left: 5vw !important;
    width: 400px;
    margin: 0 !important;
    text-align: left !important;
  }

  .banner-item__text1 h1 {
      font-size: 40px;
      color: #664E47;
      padding-bottom:40px;
  }
  .banner-item__text2 p {
      font-size: 16px;
      line-height: 1.4;
      font-family: 'Condensed-Bold';
      color: #B91020;
  }
  .banner-item__text__sub{
    padding-right:0;
    padding-left:0;
  }

  @media(max-width: 767px) {
    .banner-item__text__sub-rich_banner_text_EkTmKh-text_1 {
      max-width: 28vw;
      margin: initial;
      padding: 0;
    }

    .custom-text {
      font-size: 1.6vw;
    }

    .banner-item__text {
      top: 7% !important;
      left: 10px !important;
      width: 100%;
      justify-content: flex-start !important;
    }
    .banner-item__text1 h1{
      font-size: 28px;
      padding-bottom: 20px;
    }
    .banner-item__text2 p{
      font-size: 12px;
    }
  }
}


/* mobile nav */
[data-block="#sidebar-mobile-nav"]{
  display:none !important;
}
#sidebar-mobile-nav{
  display:none !important;
}
.header--mobile{
  .mobile-header-nav{
    position: absolute;
    top: 50%;
    opacity:0;
    visibility:hidden;
    pointer-events: none;
    z-index: -2;
    transition:.3s;
  }
  .header-mobile__top{
    position:relative;
    padding-left:15px !important;
    padding-right:15px !important;
    transition:.3s;
    .flex-align-ver{
      position:relative;
    }
  }
  .header-mobile__top::before{
    content:'';
    width:100%;
    height:0px;
    display:block;
    position:absolute;
    left:0;
    top:0;
    background-color: #e5cfbc;
    border-radius:20px;
    z-index: -1;
    transition:.5s ease;
  }
  .mobile-nav__item__top-link {
    font-family: 'Condensed-Bold';
  }
  .mobile-nav-bar.bt-sidebar-btn{
    transform:rotate(0deg);
    opacity:1;
    transition:.3s;
    color:#664e47 !important;
  }
  a.bt-sidebar__close {
    position: absolute !important;
    left: 0;
    top:0;
    pointer-events:none;
    transform:rotate(0deg);
    opacity:0;
    transition:.3s;
    i{
      font-size: 32px;
      padding: 1px 0;
    }
    span{
      display:none;
    }
  }
}
/* .right-nav li:last-child{
  pointer-events:none;
  opacity:0;
} */
.open-sidebar-canvas--sidebar-mobile-nav{
  overflow:hidden;
  .header--mobile{
    .mobile-header-nav{
      position: absolute;
      top: 100%;
      opacity:1;
      visibility:visible;
      pointer-events: all;
      z-index: 9;
      width: 100%;
    }
    .header-mobile__top{
      padding-top:20px !important;
      margin-top: 10px;
    }
    .header-mobile__top::before{
      height:110vh; 
    }
    .mobile-nav__list{
      width: calc(100% - 30px);
      padding: 25px 0 !important;
      border-top: 1px solid #664e47;
      border-bottom: 1px solid #664e47;
      margin-top: 10px !important;
    }
    .mobile-nav__top-link-wrap,
    .mobile-nav__item--level1{
      border:0;
      height: 45px;
    }
    .mobile-nav-bar.bt-sidebar-btn{
      transform:rotate(180deg);
      opacity:0;
      pointer-events:none;
    }
    a.bt-sidebar__close {
      transform:rotate(180deg);
      opacity:1;
      pointer-events:all;

    }
  }
}

.product-single__photos {
  @media (max-width: 768px) {
    padding: 0 15px;
  }
  .slick-next {
    right: 20px;
  }

  .slick-prev {
    left: 20px;
  }
}

.variant-showcase-wrapper {
  position: relative;
  width: 100%;
  overflow: visible;
  z-index: 1;
}

.variant-showcase {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
  margin: 0;
}

.variant-showcase.is-carousel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
  margin: 0;
}

.variant-showcase.is-carousel-active {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  user-select: none;
}

.variant-showcase.is-carousel::-webkit-scrollbar {
  display: none;
}

.variant-showcase.is-carousel-active::-webkit-scrollbar {
  display: none;
}

.variant-showcase.is-carousel-active.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.variant-showcase.is-carousel-active .variant-card {
  flex: 0 0 calc(33.333% - 14px);
  min-width: calc(33.333% - 14px);
}

.variant-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 3/4;
  cursor: pointer;
  transition: transform 0.3s ease;
  z-index: 1;
}

.variant-card:hover {
  transform: translateY(-5px);
  z-index: 2;
}

.is-carousel .variant-card:hover {
  transform: scale(1.02);
  z-index: 2;
}

.is-carousel-active .variant-card:hover {
  transform: scale(1.02);
  z-index: 2;
}

.variant-card__background {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: opacity 0.3s ease;
}

.variant-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
}

.variant-card__variant-id {
  position: absolute;
  top: 30px;
  left: 30px;
  color: white;
  font-size: 48px;
  font-weight: 700;
  text-transform: lowercase;
  letter-spacing: -1px;
  opacity: 0.95;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
  font-family: 'Condensed-Bold';
  z-index: 2;
}

.variant-card__badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: white;
  color: black;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: 0.5px;
}

.variant-card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  color: white;
  transition: opacity 0.3s ease;
}

.variant-card__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 14px;
}

.variant-card__stars {
  display: flex;
  gap: 2px;
}

.variant-card__stars svg {
  width: 14px;
  height: 14px;
  fill: white;
}

.variant-card__reviews {
  opacity: 0.9;
}

.variant-card__title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 4px 0;
  letter-spacing: 0.5px;
  font-family: 'Archive-Bold' !important;
}

.variant-card__subtitle {
  font-size: 14px;
  opacity: 0.9;
  margin: 0 0 12px 0;
}

.variant-card__price {
  font-size: 24px;
  font-weight: 700;
}

.variant-card__cta {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.variant-card:hover .variant-card__cta {
  opacity: 1;
}

.variant-card:hover .variant-card__content {
  opacity: 0;
}

.variant-card__button {
  background: #B91020;
  color: white;
  border: none;
  padding: 18px 40px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.3s ease;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 100%;
}

.variant-card__button:hover {
  background: #b91c1c;
}

@media (max-width: 1024px) {
  .variant-showcase.is-carousel:not(.is-carousel-active) {
    grid-template-columns: repeat(2, 1fr);
  }

  .variant-showcase.is-carousel-active .variant-card {
    flex: 0 0 calc(50% - 10px);
    min-width: calc(50% - 10px);
  }
}

@media (max-width: 640px) {
  .variant-showcase.is-carousel:not(.is-carousel-active) {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* En mobile, activar carrusel con 2+ variantes */
  .variant-showcase.is-carousel {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    user-select: none;
    padding: 0;
  }

  .variant-showcase.is-carousel .variant-card {
    flex: 0 0 calc(85% - 10px);
    min-width: calc(85% - 10px);
  }
  
  .variant-card__variant-id {
    font-size: 36px;
  }
}

.template-product .variant-showcase.is-carousel-active {
  padding: 0;
}

@media(min-width: 767px) {
  #shopify-section-template--19067163803798__variant_showcase_bNCYbc {
    .variant-showcase {
      padding-bottom: 0;
    }
  }

  #shopify-section-template--18903507501206__variant_showcase_bNCYbc {
    .variant-showcase {
      padding: 0;
    }
  }

  #shopify-section-template--18903507501206__our_values_section_LwkUfG .our-values-section {
    margin: 40px auto;
  }
}


.all-shades{
  border-radius:15px;
  .banner-item__text {
    bottom: 7% !important;
  }
  .banner-item__text1 h1{
    font-size: 2vw;
    font-weight: 700;
    color:#fff;
    line-height:1;
  }
}

.beauty-from{
  .banner-item__image .img-container{
    min-height:450px;
    img{
      min-height:100%;
      object-fit:cover;
    }
  }
  .banner-item__text{
    @media (min-width:768px){
      padding-bottom:100px;
    }
  }
  .banner-item__text2 {
    /* max-width: 550px; */
    margin: auto;
    p{
      font-family: Condensed-Bold, Arial, sans-serif !important;
      color:#664E47;
    }
  }
}

.skin-text{
  border-radius:12px;
  background-color:#B91020;
  .container{
    max-width:100%;
  }
  .section__heading{
    padding:0;
  }
  .section__title__text{
    padding:0;
    margin:30px 0;
    color:#FAF7F2;
    text-align:center;
    line-height:1.2;
    @media (min-width: 992px) {
      font-size:34px;
    }
  }
}
.all-article{
  background-color:#E5CFBC;
  border-radius:15px;
  padding: 25px 10px;
  .container{
    width:100%;
    a.article__image-container.img-container {
      padding-top: 55.56% !important;
      border-radius:12px;
      img{
        object-fit:cover;
        height:110%;
        width:100%;
      }
    }
    .item__name a{
      font-size:18px;
      font-weight:700;
      color:#664E47;
      text-transform:uppercase;
      font-family: 'Archive-Bold';
    }
    .article__excerpt{
      color:#664E47;
      font-size:15px;
      padding-top: 0;
      padding-bottom: 0;
      line-height: 1.4;
      font-family: 'Archive-Regular';
    }
    .article__addinfo,
    .article__line{
      display:none;
    }
    .grid__item{
      padding-bottom:5px;
    }
  }
}
.single-article{
  .container{
    width:100%;
    padding:0;
  }
  .article-top{
    max-width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: .53fr .47fr;
    gap: 40px;
    align-items: stretch;
    @media (max-width: 768px) {
      flex-direction: column;
      display: flex !important;
    }
    .item__info  {
      background: #E5CFBC;
      padding: 40px 40px 80px;
      border-radius: 12px;
      display:flex;
      flex-direction: column;
      justify-content: flex-end;
      @media (max-width: 768px) {
        padding: 40px 20px 20px;
      }
      .article__title{
        color:#3A2C28;
        font-size: 30px;
        padding-bottom:0;
        margin-bottom: 5px;
        @media (max-width: 768px) {
          font-size:24px;
        }
      }
      .article__excerpt{
        color:#3A2C28;
        padding:0;
        font-family: Condensed-Bold, Arial, sans-serif !important;
        font-weight:700;
        font-size:16px;
        line-height:1.4;
        @media (max-width: 768px) {
          font-size:14px;
        }
      }
    }
    .item__info+.gutter-top {
      padding-top:0;
      .img-container{
        padding-top:123% !important;
        img{
          border-radius: 12px;
          height:100%;
          object-fit:cover;
        }
      }
    }
    &+div{
      .item__info{
        width: 90%;
        margin: auto;
        padding-top: 30px;
        display: block;
        max-width: 1050px;
        @media (max-width: 768px) {
          width:100%;
        }
        *{
          color:#664E47;
        }
        p{
          margin-bottom:30px;
          font-size:17px;
          line-height:1.4;
        }
        h4{
          font-size:14px;
          line-height:1.2;
        }
      }
    }
  }
  .article-bottom{
    display:flex;
    align-items:center;
    hr{
      flex:1;
      border-top:2px solid #664E47;
    }
    .blog-arrows{
      display:flex;
      flex-flow:nowrap;
      padding-left:20px;
      gap: 15px;
    }
    .blog-nav {
      padding:0;
      width: 40px;
      height: 40px;
      border-radius: 40px;
      border: 2px solid #664E47;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 0;
    }
    .blog-nav a{
      line-height: 0;
    }
    .blog-nav__arrow{
      font-size:18px;
      color:#664E47;
    }
  }
}
.hero-slide{
  @media (max-width:1400px) and (min-width:768px){
    .hero-slide__content{
      padding:2vw 60px !important;
      .banner-1-text-main{
        padding:2vw 20px !important;
      }
      h2{
        font-size:3.6vw !important;
      }
      h1{
        font-size:3.5vw !important;
        padding-top:0;
      }
    }
  }
  @media (max-width:500px){
    .hero-slide__text-content{
      padding-left:0;
      padding-right:0;
    }
  }
}
.variant-card__badge {
  display: none!important;
}

.shade-section{
  .salmalita-cta-button{
    max-width:fit-content;
  }
}
.all-shades .img-container {
  border-radius: 14px;
}

.reviews-slider-section {
  padding-bottom: 40px;
  background: #fbf8f3;
  position:relative;
  margin-bottom: 15px;
  &::after{
    content:'';
    width:calc(100% - 100px);
    height:2px;
    position:absolute;
    left:0;
    bottom:0;
    background:#000;
  }
  .slick-next{
    right: 10px !important;
    bottom: -52px !important;
    top: auto !important;
  }
  .slick-prev{
    left: auto !important;
    right: 50px;
    bottom: -52px !important;
    top: auto !important;
  }
}

.reviews-slider-wrapper {
  position: relative;
}

.review-card {
  background-color: #E5CFBC;
  border-radius: 14px;
  padding: 24px;
  margin: 0 12px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  @media(max-width: 768px){
    margin: 0 5px 0 0 ;
  }
}

.review-stars {
  font-size: 18px;
  margin-bottom: 12px;
  color: #3A2C28;
}

.review-author {
  font-size: 14px;
  margin-bottom: 12px;
  font-family: 'Condensed-Bold';

  strong {
    color: #664E47;
  }
}

.review-author .verified {
  font-size: 12px;
  opacity: 0.7;
  margin-left: 6px;
  font-family: 'Condensed-Regular';
}

.review-text {
  font-size: 14px;
  line-height: 1.5;
  color: #664E47;
  font-family: 'Condensed-Regular';
}

/* Arrows */
.reviews-arrows {
  position: absolute;
  right: 0;
  bottom: -60px;
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: center;
}

.reviews-arrows button {
  position: initial;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #664E47;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
  opacity: 1;
}

/* Slick fixes */
.reviews-slider .slick-track {
  display: flex;
}

.reviews-slider .slick-slide {
  height: auto;
}

.reviews-arrows-line {
    height: 2px;
    background-color: #664E47;
    width: 100%;
    display: block;
}

.slick-slide img {
    border-radius: 12px !important;
}

.pg__collapse-tab__title--template--19320824234134__main {
  font-size: 20px !important;
}

.pg__collapse-tab p {
  font-size: 16px;
}

.pg__collapse-tab p strong{
  font-family: Archive-medium;
}

.bottom-mobile-toolbar.bmt {
    display: none !important;
}
@media (min-width: 1201px) and (max-width: 1400px){
  .featured-banner__container{
    padding-bottom:40px !important;
  }
  .featured-banner__custom-zone .banner-2-text {
    padding: 0!important;
  }
}
@media (min-width: 769px) and (max-width: 1200px){
  .featured-banner__container{
    padding-bottom:30px !important;
  }
  .featured-banner__custom-zone .banner-2-text {
    padding: 0!important;
  }
  .featured-banner__custom-zone .banner-2-text p{
    margin-bottom:15px !important;
  }
  .featured-banner__custom-zone .button-banner-2{
    margin-top:0 !important;
  }
}
@media(max-width: 768px){
  .featured-banner__container {
    padding-block: 20px 50px !important;
  }
  .featured-banner__custom-zone .banner-2-text {
    padding: 0!important;
  }

  .featured-banner__custom-zone .banner-2-text p {
    margin-bottom: 15px!important;
    font-size: 16px!important;
    line-height: 1.3;
  }

  .featured-banner__custom-zone .banner-2-text h2 {
    /* margin-bottom: 50vw!important; */
    margin-bottom: calc(68vw - 80px) !important;
    margin-top: calc(20vw - 80px) !important;
  }

  .featured-banner__custom-zone .button-banner-2 {
    margin-top: 0!important;
  }

  .hero-slide__content .carrousel-3-text {
    padding-top: 20px !important;
    justify-content: space-between!important;

    > div {
      align-items: center!important;
    }

    > div p {
      text-align: center !important;
    }

    .button-carrousel-3 {
      margin-bottom: 40px!important;
    }
  }

  .salmalita-approach-section .salmalita-cta-button{
    margin-bottom: 20px!important;
  }
}
@media(max-width: 550px){
  .featured-banner__custom-zone .banner-2-text h2 {
    margin-bottom: calc(65vw - 80px) !important;
    margin-top: calc(23vw - 80px) !important;
  }
}
@media(max-width: 400px){
  .featured-banner__custom-zone .banner-2-text h2 {
    margin-bottom: calc(56vw - 80px) !important;
    margin-top: calc(23vw - 80px) !important;
  }
}

#shopify-section-template--19320824234134__reviews_slider_Gmczgp{
  .reviews-arrows {
    bottom: -40px;
  }
}

@media(min-width: 768px){
  .banner-text-content-slide-2 {
    justify-content: flex-end!important;
    position: relative;
    min-width: 50%;
  }

  .banner-text-content-slide-2 > div:nth-child(1){
      position: absolute;
      width: 100%;
      top: 46%;
      bottom: 50%;
      left: 0;
      right: 0;
      inset: 0;
      display: flex;
      justify-content: center;
      align-items: center;
  }
}

.hc__actions {
  gap: 10px;
}

.bt-sidebar__title,
.bt-sidebar__close span,
.hc__item__name > a,
.hc__total label,
.hc__total__price {
  font-family: 'Condensed-Bold' !important;
}

.author-slider{
  .carrousel-3-text.first-slide p{
    max-width:60%;
  }
  .carrousel-3-text{
    @media (max-width: 768px) {
      p{
        max-width:100% !important;
        font-size: 3vw !important;
        br{
          display:none;
        }
      }
    }
  }
}

.beauty-from.why-egyptian{
  .banner-item__text2 p{
    font-size:19px;
    @media(max-width: 767px) {
      font-size:16px;
    }
    @media(max-width: 576px) {
      font-size:14px;
    }
  }
}

/* judgeme review section */

section#shopify-section-template--20617401696387__17665285465e379a65 {
    padding-top: 25px;
}
.jdgm-sort-dropdown {
    padding: 0px 20px 0px 0 !important;
}

shopify-accelerated-checkout{
  --shopify-accelerated-checkout-button-border-radius:100px;
}
.qty-box--very-small {
    border-radius: 100px;
    overflow: hidden;
}
.hc__item__image img{
  border-radius:10px;
}
.image-custom-section {
  background: #faf6ef;
}

/* GRID */
.image-custom-grid {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: stretch;
  max-height: 900px;
}

/* TOGGLE */

@media(min-width: 768px){
  .image-custom-grid.image-left {
    grid-template-areas: "image content";
  }
  .image-custom-grid.image-right {
    grid-template-areas: "content image";
  }
}

.image-custom-content {
  grid-area: content;
  border-radius: 20px;
  display: flex;
  align-items: flex-end;
}

.image-custom-image {
  grid-area: image;
  border-radius: 20px;
  overflow: hidden;
}

/* CONTENT */
.content-inner {
  padding: 0rem 5rem 8rem;
  width: 100%;

  h3 {
    color: #664e47;
    font-size: 30px;
    text-transform: lowercase;
    margin-bottom: 40px;
  }

  li {
    color: #664e47;
    font-size: 20px;
    line-height: 1.5;
    list-style: disc;
  }

  h6 {
    color: #664e47;
    font-size: 22px;
    text-transform: lowercase;
  }

  p {
    color: #664e47;
    font-size: 20px;
    line-height: 1.5;
  }
}

.content-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 100px;
}

/* IMAGE */
.image-custom-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* MOBILE */
@media (max-width: 768px) {
  .image-custom-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
        "image"  
        "content";
  }

  .content-inner {
    padding: 2rem;

    h3 {
      font-size: 30px;
      margin-bottom: 30px;
    }

    li {
      font-size: 15px;
    }

    h6 {
      font-size: 18px;
    }

    p {
      font-size: 15px;
    }
  }
}


.how-it-works {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.how-it-works-inner {
  margin: 0 auto;
  text-align: center;
}

/* Title */
.how-it-works-title {
  font-size: 40px;
  margin-bottom: 64px;
  color: #664E47;
}

/* Steps grid */
.how-it-works-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
}

/* Step */
.how-it-works-step {
  max-width: 320px;
  margin: 0 auto;
}

.step-icon {
  width: 64px;
  height: 100%;
  margin-bottom: 16px;
  max-height: 64px;
  object-fit: contain;
}

.step-title {
  font-size: 20px;
  color: #b4151b;
  margin-bottom: 8px;

  span {
    display: block;
    color: #664E47;
  }
}

.step-text {
  font-size: 15px;
  line-height: 1.6;
  color: #664E47;
}

/* Link */
.how-it-works-link {
  margin-top: 56px;
  color: #664E47;
  font-family: Condensed-Regular,Arial,sans-serif;
  font-size: 18px;
  line-height: 1.3;
}

.how-it-works-link a {
  text-decoration: underline;
  font-weight: 500;
  display: block;
  color: #664E47;
}

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

  .how-it-works-title {
    font-size: 32px;
    margin-bottom: 40px;
  }

  .how-it-works-steps {
    grid-template-columns: 1fr;
    gap: 32px;
}
.how-it-works-inner {
      padding: 20px;

  }
  .how-it-works-link a {
    font-size: 14px;
  }
}

.faqs-bg-custom {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
}

/* Responsive background image */
.faqs-bg-custom::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url('{{ section.settings.bg_image_desktop | img_url: 'master' }}');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease;
}

.faqs-card {
    position: relative;
z-index: 2;
max-width: 1200px;
margin: 40px auto;
padding: 48px 40px;
}

@media (max-width: 768px) {
  .faqs-card {
    margin: 25px;
    padding: 0;
    border-radius: 18px;
  }
}

/* Typography FAQ */
.faqs-card h2, .faqs-card h1, .faqs-card h3 {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 0;
  color: #664E47;
}

.faqs-card h2 {
  text-transform: lowercase;
  margin-bottom: 40px;
  font-size: 30px;
}
.faqs-card h3 {
  font-size: 20px;
}

.faqs-card strong {
  font-weight: bold;
  font-size: 1.1em;
}

.faqs-card p {
  margin-bottom: 22px;
  font-size: 1.20rem;
  line-height: 1.4;
  color: #664E47;
}

.faqs-card a {
  color: #664E47;
  text-decoration: underline;
  transition: color 0.2s;
}

#featured-banner-template--20744309080195__hero_banner_customizable_VULwWh .featured-banner__subtext {
  max-width: 100% !important;
  margin-inline: initial !important;
}

@media (max-width: 768px) {
    #featured-banner-template--20744309080195__hero_banner_customizable_VULwWh .featured-banner__action{
        padding-inline: 14px !important;
        font-size: 12px !important;
    }
  .faqs-card h3 {
    font-size: 16px;
  }

  .faqs-card p {
    font-size: 14px;
  }
}

.jdgm-ugc-media-title {

  font-size: 48px;
  font-weight: 400;
  margin: 0;
  color: #3A2C28;
  font-family: 'Condensed-Bold' !important;
  letter-spacing: -0.5px;

  @media(max-width: 768px){
    font-size: 36px;
  }

  h3 { 
    display: none;
  }
}

#shopify-section-template--20617400811651__17678079018a7927df {
  background-color: #e5d4c1;
  overflow: hidden;
  border-radius: 20px;
  margin: 15px 0 0;

  @media(min-width: 768px){
    margin: 30px 40px 0;
  }
}

.jdgm-ugc-media__thumbnail {
  border-radius: 30px;
}

.jdgm-ugc-media__thumbnail-link:hover .jdgm-ugc-media__thumbnail-wrapper:before {
  border-radius: 20px;
}

@media(max-width: 768px){
  .jdgm-ugc-media-title {
    padding: 40px 20px 10px;
    font-size: 25px;
  }
}
.author-slider{
  .backed-by .hero-slide__text-content--carousel-3 {
    max-width: 578px;
    margin-left: 0px;
    width:43%;
    @media(max-width: 1200px) and (min-width:768.1px){
      padding-bottom:10px !important;
      .hero-slide__title{
        font-size: 2.4vw !important;
      }
      .hero-slide__description{
        font-size:1.3vw !important;
        margin-bottom:10px;
      }
    }
    @media(max-width: 768px){
      width:100%;
      .hero-slide__title{
        font-size: 4.5vw !important;
        padding-top:6%;
      }
      .hero-slide__description{
        font-size:3.5vw !important;
      }
    }
  }
  .hero-slide__text-content--right{
    @media(max-width: 1200px) and (min-width:768.1px){
      padding-bottom:10px !important;
      .hero-slide__title{
        font-size: 2.4vw !important;
      }
      .hero-slide__description{
        font-size:1.3vw !important;
        margin-bottom:10px;
      }
    }
    @media(max-width: 768px){
      .hero-slide__title{
        font-size: 4.5vw !important;
        padding-top:5%;
      }
      .hero-slide__description{
        font-size:3.5vw !important;
      }
    }
  }
}

.hero-carousel-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
}

.hero-carousel {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  border-radius: 20px;
}

.hero-slide {
  min-width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}

.hero-slide__background {
  position: relative;
  width: 100%;
  z-index: 0;
}

.hero-slide__background img {
  width: 100%;
  height: auto;
  display: block;
}

.hero-slide__content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 40px 70px;
  height: 100%;
  display: flex;
  align-items: center;
}

/* Video Wrapper Styles */
.hero-slide__video-wrapper {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.hero-slide__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-slide__video--desktop {
  display: block;
}

.hero-slide__video--mobile {
  display: none;
}

/* Text Content Styles */
.hero-slide__text-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 0px 20px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  color: #664e47;
}

.hero-slide__text-content--center {
  text-align: center;
  align-items: center;
}

.hero-slide__text-content--left {
  text-align: left;
  align-items: flex-start;
}

.hero-slide__text-content--right {
  text-align: right;
  align-items: flex-end;
}

/* Banner 1 Style (First carousel) */
.hero-slide__text-content--banner-1 .hero-slide__title {
  font-size: 48px;
  line-height: 1;
  margin: 0;
  font-weight: bold;
  color: #664e47;
  padding-top: 2vw;
}

.hero-slide__text-content--banner-1 .hero-slide__description {
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 0;
  color: #664e47;
}

.hero-slide__text-content--banner-1 .hero-slide__button {
  margin-top: 40px;
}

/* Banner 2 Style (Video carousel) */
.hero-slide__text-content--banner-2 .hero-slide__title {
  font-size: 48px;
  line-height: 1;
  margin: 0;
  font-weight: bold;
  color: #664e47;
}

.hero-slide__text-content--banner-2 .hero-slide__description {
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 0;
  color: #664e47;
}

.hero-slide__text-content--banner-2 .hero-slide__button {
  margin-top: 40px;
}

/* Carousel 3 Style (Author carousel) */
.hero-slide__content--carousel-3 {
  justify-content: flex-end !important;
  width: 100%;
}

.hero-slide__text-content--carousel-3 {
  max-width: 1200px;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  color: #664e47;
}

.hero-slide__text-content--carousel-3.hero-slide__text-content--left {
  align-items: flex-start;
}

.hero-slide__text-content--carousel-3.hero-slide__text-content--right {
  align-items: flex-end;
}

.hero-slide__text-content--carousel-3 .hero-slide__title {
  font-size: 40px;
  line-height: 1;
  margin: 0;
  font-weight: bold;
  color: #3A2C28;
}

.hero-slide__text-content--carousel-3.hero-slide__text-content--right .hero-slide__title {
  color: #000000;
}

.hero-slide__text-content--carousel-3 .hero-slide__description {
  font-size: 16px;
  color: #000000;
  margin-bottom: 20px;
  line-height: 1.5;
  margin-top: 10px;
}

.hero-slide__text-content--carousel-3 .hero-slide__button {
  margin-top: 5px;
}

/* Hero Carousel Specific Button Styles */
.hero-carousel__button-primary,
.hero-carousel__button-secondary,
.jdgm-ugc-media__secondary-btn.jdgm-ugc-media__secondary-btn {
  background-color: #B91020;
  color: white;
  border: none;
  padding: 14px 28px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer !important;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
  display: inline-block;
  text-decoration: none;
  line-height: normal;
  margin-bottom: 0;
  box-shadow: none;
  font-size: 12px;

  @media(min-width: 768px){
    font-size: 16px;
  }
}

.hero-carousel__button-primary:hover,
.hero-carousel__button-secondary:hover,
.jdgm-ugc-media__secondary-btn.jdgm-ugc-media__secondary-btn:hover {
  color: #B91020 !important;
  background-color: #e5cfbc !important;
  border: 1px solid #B91020 !important;
}

/* Custom Banner 1 Styles - Main Hero Banner */
.hero-slide__text-content.banner-1-main {
  text-align: center;
  color: #664e47;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.hero-slide__text-content.banner-1-main .hero-slide__title {
  font-size: 48px;
  line-height: 1;
  margin: 0;
  font-weight: bold;
  color: #664e47;
}

/* Custom Banner 2 Video Styles */
.hero-slide__text-content.banner-2-video {
  text-align: center;
  color: #664e47;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.hero-slide__text-content.banner-2-video .hero-slide__title {
  font-size: 48px;
  line-height: 1;
  margin: 0;
  font-weight: bold;
  color: #664e47;
}

/* Custom Carousel 3 First Slide - Expertise */
.hero-slide__text-content.carousel-3-expertise {
  text-align: center;
  color: #664e47;
  max-width: 900px;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  align-items: flex-start;
}

.hero-slide__text-content.carousel-3-expertise .hero-slide__title {
  font-size: 40px;
  line-height: 1;
  margin: 0;
  font-weight: bold;
  color: #3A2C28;
}

.hero-slide__text-content.carousel-3-expertise .hero-slide__description {
  font-size: 16px;
  color: #000000;
  margin-bottom: 20px;
  line-height: 1.5;
  text-align: start;
  margin-top: 10px;
}

.hero-slide__text-content.carousel-3-expertise .hero-slide__button {
  margin-top: 5px;
}

/* Custom Carousel 3 Second Slide - Doctor */
.hero-slide__text-content.carousel-3-doctor {
  text-align: center;
  color: #664e47;
  max-width: 900px;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  align-items: flex-end;
}

.hero-slide__text-content.carousel-3-doctor .hero-slide__title {
  font-size: 40px;
  line-height: 1;
  margin: 0;
  font-weight: bold;
  color: #000000;
}

.hero-slide__text-content.carousel-3-doctor .hero-slide__description {
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  text-align: end;
  margin-top: 10px;
}

.hero-slide__text-content.carousel-3-doctor .hero-slide__button {
  margin-top: 5px;
}

.hero-slide__content--full {
  padding: 0 !important;
  position: relative !important;
}

.hero-slide__content--full > * {
  width: 100%;
  height: auto;
  display: block;
}

.hero-slide__content--full img {
  width: 100%;
  height: auto;
  display: block;
}

.hero-carousel__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.5);
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.hero-carousel__arrow:hover {
  background: rgba(255, 255, 255, 1);
  transform: translateY(-50%) scale(1.1);
}

.hero-carousel__arrow--prev {
  left: 20px;
}

.hero-carousel__arrow--next {
  right: 20px;
}

.hero-carousel__dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 1;
}

.hero-carousel__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.hero-carousel__dot.active {
  background: rgba(255, 255, 255, 1);
  transform: scale(1.2);
}

.hero-carousel__dot:hover {
  background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 768px) {
  .hero-carousel-wrapper {
    margin-top: 0px;
  }
  .hero-carousel__arrow {
    width: 40px;
    height: 40px;
  }

  .hero-carousel__arrow--prev {
    left: 10px;
  }

  .hero-carousel__arrow--next {
    right: 10px;
  }
  
  .hero-slide__content {
    padding: 20px !important;
  }
  
  .hero-slide__video--desktop {
    display: none;
  }
  
  .hero-slide__video--mobile {
    display: block;
  }
  
  /* Banner 1 & 2 Mobile Styles */
  .hero-slide__text-content--banner-1 .hero-slide__title,
  .hero-slide__text-content--banner-2 .hero-slide__title,
  .hero-slide__text-content.banner-1-main .hero-slide__title {
    font-size: 6vw !important;
  }
  
  .hero-slide__text-content--banner-2 .hero-slide__title,
  .hero-slide__text-content.banner-2-video .hero-slide__title {
    font-size: 20px !important;
  }
  
  /* Carousel 3 Mobile Styles */
  .hero-slide__text-content--carousel-3,
  .hero-slide__text-content.carousel-3-expertise,
  .hero-slide__text-content.carousel-3-doctor {
    padding: 0px !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }
  
  .hero-slide__text-content--carousel-3 .hero-slide__title,
  .hero-slide__text-content.carousel-3-expertise .hero-slide__title,
  .hero-slide__text-content.carousel-3-doctor .hero-slide__title {
    font-size: 22px !important;
  }
  
  .hero-slide__text-content--carousel-3 .hero-slide__description,
  .hero-slide__text-content.carousel-3-expertise .hero-slide__description,
  .hero-slide__text-content.carousel-3-doctor .hero-slide__description {
    font-size: 14px !important;
    line-height: 1.3;
  }
}

@media(min-width: 768px){
  .home-page-banner-slider-2 {
    position: relative;
    min-width: 800px;
    justify-content: flex-end;

    .hero-slide__title {
      position: absolute;
      inset: 0;
      display: grid;
      place-content: center;
      width: 100%;
      z-index: -1;
    }
  }
}

@media(max-width: 768px){
  .mobile-btn-down{
    .hero-slide__button {
      position: absolute;
      bottom: 50px;
    }
  }
  .hero-slide__description  {
    text-align: center;

    br {
      display: none;
    }
  }
} 

.featured-banner__custom-zone{
  .banner-2-text{
    text-align: center;
    color: #664e47;
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    @media (max-width: 768px) {
      border-radius: 15px !important;
    }
    h2{
      font-size: 48px;
      line-height: 1;
      margin: 0;
      font-weight: bold;
      color: #3a2c28;
      @media (max-width: 1200px) {
        font-size: 4.2vw;
      }
      @media (max-width: 768px) {
        font-size: 4.5vw;
        margin-bottom:15px !important;
        padding-bottom:40vw !important;
      }
    }
    p{
      color: #000000; 
      margin-bottom:30px; 
      margin-top: 10px; 
      font-size: 16px;
      @media (max-width: 1200px) {
        font-size: 1.5vw;
        line-height:1.3;
      }
      @media (max-width: 768px) {
        
        font-size: 3.5vw !important;
      }
    }
    .button-banner-2{
      margin-top: 20px;
    }
  }
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-slide__text-content--carousel-3.hero-slide__text-content--right {
    width: 50%;
    margin-right: 6%;
    align-items: flex-end;
  }
}

@media (min-width: 1024px) {
  .hero-slide__text-content--carousel-3.hero-slide__text-content--right {
    align-items: flex-end;
    width: 40%;
    margin-right: 2%;
}
}