/** Shopify CDN: Minification failed

Line 1289:18 Expected identifier but found "!"
Line 1667:1 Expected "}" to go with "{"

**/
h1,h2,h3,h4,h5,h6,p,div,a,span,strong{
  
}

.navigation-main .custom_header .menu-item > a {
    font-weight: 800 !important;
    font-size: 10px !important;
}

.menu-trigger {
    height: 30px;
}
.menu-trigger.active {
    transform: rotate(45deg) scale(1.2);
    transition: all .5s .3s;
}
.header-nav-desktop {
    display: none;
}
.header-nav-mobile {
    display: block;
}
.custom_header .swiper-wrapper{
  max-width: 1200px;
        margin: 0 auto;
}
.product-variant-selector .main-product__dropdown label{
  display: none;
}
.product-variant-selector{
  display: block;
  width: 100%;
  min-height: 50px;
}
@media screen and (min-width:991px) {
    .header-nav-desktop {
        display: block;
    }
    .header-nav-mobile {
        display: none;
    }
    
    .custom_header__menu___parent {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex: 1;
    }
    .custom_header .menuToggle {
        display: none;
    }
    .custom_header .header-fix-cont {
        position: unset;
    }
    .custom_header .custom_header___wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 10px 0;
    }
    .custom_header .custom_header___wrapper .logo {
        max-width: fit-content;
        float: unset;
        width: fit-content;
        margin: 0px;
    }
    .custom_header .row::before, .custom_header .row::after {
        display: none;
    }
    .custom_header .header-nav-desktop .menu {
        min-height: 40%;
        padding-bottom: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0px;
        margin: 0 -10px;
        flex-wrap: wrap;
        flex: 1;
    }
    .custom_header .menu-item {
        font-size: 14px;
        line-height: 1.5;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding:0 10px;
        cursor: pointer;
        margin: 0px;
    }  
    .custom_header .custom_header__menu___parent svg {
        display: none;
        width: 100%;
        height: 100%;
    }
    .custom_header .custom_header__menu___parent img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .custom_header .toggle-submenu {
        width: 12px;
        height: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .custom_header .menu-item .custom_megamenu {
        position: absolute;
        top: 93%;
        left: 0%;
        z-index: 2;
        right: unset;
        width: 100%;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        pointer-events: auto;
        transition: 0s all ease-in-out;
    }
    .custom_header .menu-item:hover .custom_megamenu {
        visibility: visible;
        opacity: 1;
    }
    .custom_header .menu-item .custom_megamenu img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }
    .custom_header .menu-item .custom_megamenu .custom_menu-product--image img {
        object-fit: cover;
        width: 100%;
        height: 260px;
        object-position: top;
    }
  .custom_header .menu-item .custom_megamenu .custom_menu-product--image.custom_menu-product--image-potrait img{
    
        height: 260px;
  }
  .custom_header .menu-item .custom_megamenu .custom_menu-product--image.custom_menu-product--image-square img {
       
        height: 225px;
  }
  .custom_header .menu-item .custom_megamenu .custom_menu-product--image.custom_menu-product--image-landscape img {      
        height: 150px;
  }
  /* FIX: the swiper wrapper stretches every card to the tallest one, but a
     "natural" image keeps its own aspect height. Shorter images therefore
     left empty space at the bottom of the card, and the bottom-anchored
     caption dropped into that gap instead of overlaying the image. Make the
     image fill the card so the overlay sits on the photo on every card. */
  .custom_header .menu-item .custom_megamenu .custom_menu-product--image.custom_menu-product--image-natural {
        height: 100%;
  }
  .custom_header .menu-item .custom_megamenu .custom_menu-product--image.custom_menu-product--image-natural img {
        height: 100%;
        object-fit: cover;
  }
    .custom_header .menu-item .toggle-submenu {
        transition: 0.2s all ease-in-out;
    }
    .custom_header .menu-item:hover .toggle-submenu {
        transform: scale(-1);
    }
    .custom_header--menu--parent {
        flex: 1;
    }
    .custom_menu-product-grid {
        overflow: hidden;
        padding: 0;
        position: relative;
    }
    .custom_header .megamenu-inner {
        padding: 40px 0;
    }
    .custom_header .custom_menu-product {
        height: unset;
        display: block;
        position: relative;
              width: calc(20% - 17px);
    }
  .custom_header .has-mega-text .custom_menu-product{
     width: calc(33.3% - 17px);
  }
    .custom_header .custom_menu-product--title {
        position: absolute;
        bottom: 0px;
        padding: 8px;
        text-align: center;
        /* FIX: this caption was always meant to be a translucent overlay
           sitting on the bottom of the product image (the blur below only
           makes sense over something). It had been set to a fully opaque
           #ffffff, which hid the image completely and read as a solid white
           text block under the photo. Restored to a semi-transparent brand
           tint so the image stays visible behind it. */
        background: rgba(245, 249, 251, 0.66);
        color: var(--color-text);
        opacity: 1;
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        font-size: 14px;
        font-weight: 500;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        min-height: 60px;
        align-content: center;
        text-wrap: balance;
    }
  .custom_header .custom_menu-product--title p{
    font-size:16px;
    font-weight: 700;
    line-height: 120%;
  }
  .custom_header .custom_menu-product--title.text-center,
  .text-center,
  .custom_menu-product--content .text-center{
    text-align:center;
  }
  .custom_header .custom_menu-product--title.text-left,
  .text-left,
  .custom_menu-product--content  .text-left{
    text-align:left;
  }
  .custom_header .custom_menu-product--title.text-right,
  .text-right,
  .custom_menu-product--content .text-right{
    text-align:right;
  }
    .custom_header .custom_menu-product--image {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #eee;
    }
    .custom_header .swiper-wrapper.has-less-items {
        justify-content: center;
    }
    .custom_header .swiper-pagination-progressbar {
        border-radius: 80px;
        overflow: hidden;
        top: unset !important;
        left: 0 !important;
        bottom: 0;
    }
    .custom_header .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        border-radius: 80px;
        overflow: hidden;
        background: #303E49;
        padding: 0px;
    }
    .custom_header .custom_inner-menu-grid {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        height: auto;
        gap: 32px;
              width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .custom_header .custom_inner-menu--alpha {
        max-width: 22%;
        flex: 22%;
        padding: 32px 0 0;
        text-align: left;
    }
    .custom_header .custom_inner-menu--alpha-image {
        aspect-ratio: 1/1.2;
        margin: 0 0 14px;
    }
    .custom_inner-menu--beta {
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .custom_megamenu .container {
        display: flex;
        flex-direction: column;
    }
    .custom_header .custom_inner-menu__parent {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    
    .custom_inner_menu-link {
        display: block;
        border-bottom: 1px solid #303E49;
        font-size: 17px;
        font-weight: 400 !important;
        margin-bottom: 15px;
        opacity: 1;
        text-align: right;    
        color: currentColor;
        line-height: 120%;
    }
    .custom_inner-menu--beta-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--btn-radius);
        border: var(--btn-border-width) solid var(--btn-dark-border);
        background-color: var(--btn-dark-bg);
        color: var(--btn-dark-text);
        transition: var(--btn-transition);
        padding: 10px 20px;
        text-transform: capitalize;
        width: fit-content;
        margin: 50px auto 0;
        text-decoration: none;
        font-size: 16px;
        min-width: 250px;
      transition: all 0.3s ease-in-out;
    }
   .custom_inner-menu--beta-btn:hover{
     color: white !important;
     background: #303E49;
   }
    .custom_inner_menu-item {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 0px;
        text-transform: capitalize;
        margin: 0 0 12px;
        text-align: right !important;
       
        
    }
    .custom_inner_menu-item:last-child {
        margin: 0;
    }
    .custom_inner_menu-item a {
        display: block;
        color: currentColor;
      font-size: 17px;
        line-height: 120%;
    }
    .custom__inner-menu-alpha-title {
        line-height: 1.2;
        margin: 0 0 4px;
        letter-spacing: 0px;
        padding: 0px;
        font-size: 22px;
    }
  .custom_inner_menu-link.text-bold,
  .custom_inner_child_menu-link.text-bold{
    font-weight: bold;
    font-size: 18px;
    text-align: right;
  }
    .custom__inner-menu_alpha-link {
        text-decoration: underline;
        text-transform: capitalize;
        text-align: right;
    }
    .custom_header .menu-item > a {
        line-height: 1.2;
        text-transform: uppercase;
        letter-spacing: 0px;
        font-size: 16px;
    }
    /* menu article */
    .custom_header .custom_menu-article {
        height: unset;
        display: block;
        position: relative;
        aspect-ratio: 1 / 1.2;
    }
    .custom_menu-article--title {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 10px;
        text-align: right;
        background: #ffefef4d;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        font-size: 16px;
        min-height: 60px;
        align-content: center;
        backdrop-filter: blur(10px);
        text-wrap: balance;
    }
    .custom_menu-article--image {
        height: 100%;
    }
    .custom_header .custom_menu-article-grid {
        padding-bottom: 40px
    }
    .custom_header.site-header.header--has-scrolled {
        height: 100px;
    }
    .custom_header .custom_megamenu .container {
        padding: 0 30px;
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
        grid-gap: 30px;
        flex-direction: row;
        justify-content: center;
    }
  .custom_header .custom_megamenu .container.mega-text-container{
    max-width: 1200px;
    direction: rtl;
  }
    .custom_header .custom_menu__product--parent.has-mega-text {
        width: 70%;
    }
    .custom_header .custom_menu__product--parent:not(.has-mega-text) {
        min-width: 100%;
    }
    .custom_header .swiper-wrapper {
        grid-gap: 12px;
        justify-content: center;
    }
    .custom_header .swiper-slide {
    }
    .custom_menu__article--parent {
        overflow: hidden;
        width: 100%;
    }
    .custom_header {
        position: relative;
        overflow-x: clip;
    }
    .custom_header.header>.container {
        position: unset;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
    }
    .custom_header .mega__text {
        font-size: 17px;
      line-height: 120%;
        max-width: 30%;
    }
  .custom_header .mega__text a{
        border: unset;
  }
  .custom_header .mega__text p{
      margin-bottom: 4px;
  }
    .custom_header .menu-item .custom_menu__product--parent.has-mega-text img {
      height: 236px;
    }

  /* ------------------------------menu stories --------------------- */
.custom_header .custom_menu__product--parent-stories .custom_menu-product--title{
  position:unset;
  padding:0;
  text-align:inherit;
  min-height: unset;
}
  .custom_menu-product--h3 {
    line-height: 120%;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
  .custom_menu-product--content {
    padding: 10px 0;
}
  .custom_menu-product--content span {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
            margin-top: 20px;
        display: block;
}

  /* ============================================================
     HOVER STATES — desktop mega menu (min-width: 991px block)
     ============================================================ */

  /* Top-level nav link: animated underline + color shift */
  .custom_header .menu-item > a {
      position: relative;
      transition: color 0.18s ease-out;
      text-decoration: none;
      display: inline-block;
  }
  .custom_header .menu-item > a::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 2px;
      background: #6FA9C2;
      border-radius: 1px;
      transition: width 0.18s ease-out;
  }
  .custom_header .menu-item:hover > a {
      color: #4a8aa8;
  }
  .custom_header .menu-item:hover > a::after {
      width: 100%;
  }

  /* Toggle chevron: already has transform: scale(-1) on hover — add color */
  .custom_header .menu-item:hover .toggle-submenu svg path,
  .custom_header .menu-item:hover .toggle-submenu svg polyline,
  .custom_header .menu-item:hover .toggle-submenu svg line {
      stroke: #4a8aa8;
  }

  /* Submenu text links inside inner menu — underline slide-in on hover */
  .custom_inner_menu-item a {
      position: relative;
      transition: color 0.18s ease-out;
      text-decoration: none;
  }
  .custom_inner_menu-item a::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 1.5px;
      background: #6FA9C2;
      border-radius: 2px;
      transition: width 0.18s ease-out;
  }
  .custom_inner_menu-item a:hover {
      color: #4a8aa8;
  }
  .custom_inner_menu-item a:hover::after {
      width: 100%;
  }

  /* Section headings (custom_inner_menu-link):
     no hover effect when it's a non-clickable title element;
     underline animation only when it's an actual <a> tag */
  .custom_inner_
  -link:not(a) {
      transition: none;
      pointer-events: none;
  }
  a.custom_inner_menu-link {
      position: relative;
      transition: color 0.18s ease-out;
      text-decoration: rtl;
      display: inline-block;
  }
  a.custom_inner_menu-link::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 1.5px;
      background: #6FA9C2;
      border-radius: 2px;
      transition: width 0.18s ease-out;
  }
  a.custom_inner_menu-link:hover {
      color: #4a8aa8;
  }
  a.custom_inner_menu-link:hover::after {
      width: 100%;
  }

  /* Product card image: zoom + slight brightness on hover */
  .custom_header .custom_menu-product--image {
      overflow: hidden;
  }
  .custom_header .custom_menu-product--image img {
      transition: transform 0.32s ease-out, filter 0.32s ease-out;
  }
  .custom_header .custom_menu-product:hover .custom_menu-product--image img {
      transform: scale(1.05);
      filter: brightness(1.04);
  }

  /* Product card title caption: fade up slightly */
  .custom_header .custom_menu-product--title {
      transition: opacity 0.18s ease-out;
  }
  .custom_header .custom_menu-product:hover .custom_menu-product--title {
      opacity: 1;
  }

  /* Whole product card: subtle lift */
  .custom_header .custom_menu-product {
      transition: transform 0.2s ease-out;
  }
  .custom_header .custom_menu-product:hover {
      transform: translateY(-2px);
  }

  /* Article cards (stories) — same treatment */
  .custom_header .custom_menu-article--image {
      overflow: hidden;
  }
  .custom_header .custom_menu-article--image img {
      transition: transform 0.32s ease-out, filter 0.32s ease-out;
  }
  .custom_header .custom_menu-article:hover .custom_menu-article--image img {
      transform: scale(1.05);
      filter: brightness(1.04);
  }
  .custom_header .custom_menu-article {
      transition: transform 0.2s ease-out;
  }
  .custom_header .custom_menu-article:hover {
      transform: translateY(-2px);
  }

  /* "Read Now" / story span links */
  .custom_menu-product--content span {
      transition: color 0.18s ease-out;
  }
  .custom_menu-product--content span:hover {
      color: #4a8aa8;
  }

  /* Alpha side image in inner menu */
  .custom_header .custom_inner-menu--alpha-image {
      overflow: hidden;
  }
  .custom_header .custom_inner-menu--alpha-image img {
      transition: transform 0.32s ease-out;
  }
  .custom_header .custom_inner-menu--alpha:hover .custom_inner-menu--alpha-image img {
      transform: scale(1.04);
  }

  /* mega__text links — color shift + underline slide-in on hover */
  .custom_header .mega__text a {
      position: relative;
      transition: color 0.18s ease-out;
      text-decoration: none;
      display: inline-block;

  }
  .custom_header .mega__text a::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 1.5px;
      background: #6FA9C2;
      border-radius: 2px;
      transition: width 0.18s ease-out;
  }
  .custom_header .mega__text a:hover {
      color: #4a8aa8;
  }
  .custom_header .mega__text a:hover::after {
      width: 100%;
  }

}
/* end min-width:991px */

@media screen and (min-width: 1260px) {
  .custom_header .swiper-wrapper {
      grid-gap: 20px;
  }
}
@media screen and (min-width:1200px)  {
    .custom_header .custom_inner-menu__parent {
        grid-template-columns: repeat(4,1fr);
    }
}
@media screen and (max-width:1024px)  {
 .custom_header .nav--mobile{
    padding:0;
   top:0 !important;
   max-height:100% !important;
   height:100%;
   left: -420px;
       transition: transform 0.25s cubic-bezier(0.43, 0.01, 0.44, 1);
  }
  .custom_header .nav--mobile.nav--open{
      transform: translateX(420px);
  }
 .custom_header .nav .container{
    width:420px;
           margin-left: 0;
   max-width: 100%;
        height: 100%;
        border-radius: 0;
   display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .nav--mobile--logo img {
    max-width: 120px;
    margin: 0 auto;
    object-fit: contain;
}
  .nav--mobile--logo {
    display: none;
    align-items: center;
    width: 100%;
    padding: 0 15px 15px 15px;
    border-bottom: 1px solid #6FA9C2;
}
.nav--mobile--logo-btn{
  width: 50px;
    height: 50px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
  cursor: pointer;
  margin-top: 5px;
}
 .custom_header .nav .nav__mobile-accordion-opener{
    font-size:13x;
    font-weight: 700;
    border: unset;
    border-bottom: 1px solid #e5e7eb; 
  }
  .custom_header .nav .nav__content {
        width: 100%;
            background: unset !important;
  }
  .custom_header .nav__main-menu {
    width: 100%;
}
  .custom_header .nav .nav__main-menu-link, .custom_header .nav .nav__main-menu-link--basic{
        background: unset;
    padding: 10px 50px !important;
    padding-right: 10px !important;
    height:unset;
        border-bottom: 1px solid #f4f3f1;
  }
  .child-nav-ul {
    padding-left: 30px;
    display: none;
}
  .nav__main-icons {
    height: 20px;
    width: 20px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    line-height: 100%;
    border-radius: 50%;
}
   .nav__main-icon-minus{
     display:none;
   }
  .nav__main-menu-li.active  .nav__main-icon-minus{
     display:flex;
   }
   .nav__main-menu-li.active  .nav__main-icon-plus{
     display:none;
   }
  
.nav--mobile__footer-links a {
    display: none;
    align-items: center;
      font-size: 16px;
    color: white;
    margin-bottom: 12px;
}
  .nav--mobile__footer-links img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin-right: 12px;
}
  .nav--mobile__footer {
    padding: 20px 30px;
}
.custom_header .nav .container .nav--mobile__inner-container{
  overflow-y: scroll;
  padding-bottom: 30px;
}


  /* ============================================================
     HOVER STATES — mobile nav panel (max-width: 1024px block)
     ============================================================ */

  /* Mobile accordion nav links */
  .custom_header .nav .nav__main-menu-link,
  .custom_header .nav .nav__main-menu-link--basic {
      transition: background-color 0.18s ease-out, color 0.18s ease-out, padding-left 0.18s ease-out;
  }
  .custom_header .nav .nav__main-menu-link:hover,
  .custom_header .nav .nav__main-menu-link--basic:hover {
      background-color: rgba(111, 169, 194, 0.08) !important;
      color: #4a8aa8;
  }

  /* Child (sub) links */
  .child-nav-ul a {
      display: block;
      transition: color 0.18s ease-out, padding-left 0.18s ease-out;
      text-decoration: none;
  }
  .child-nav-ul a:hover {
      color: #4a8aa8;
      padding-left: 6px;
  }

  /* Mobile footer links */
  .nav--mobile__footer-links a {
      transition: opacity 0.18s ease-out, transform 0.18s ease-out;
      
  }
  .nav--mobile__footer-links a:hover {
      opacity: 0.8;
      transform: translateX(3px);
  }
  .nav--mobile__footer-links img {
      transition: transform 0.18s ease-out;
  }
  .nav--mobile__footer-links a:hover img {
      transform: scale(1.08);
  }

  /* Back button */
  .nav--mobile--logo-btn {
      transition: background-color 0.18s ease-out, transform 0.18s ease-out;
  }
  .nav--mobile--logo-btn:hover {
      background-color: rgba(111, 169, 194, 0.1);
      transform: translateX(-2px);
  }

}
/* end max-width:1024px */

/* ---------------------RTL Settings ------------------ */

.custom_header .custom_megamenu .container.mega-text-container .mega__text.text-left{
      direction: rtl;
    text-align: right;
}
.custom_header .custom_inner-menu__parent .custom_inner_menu-item a {
        direction: rtl;
        text-align: right;
    }

/* --------------------Collection page css -------------------- */

.shopify-section.banner .container{
  max-width: 100%;
    width: 100%;
    border-radius: 0;
}
.shopify-section.banner .container .banner__background{
      border-radius: 0;
      position: unset;
    height: 200px;
}
.shopify-section.banner .container .banner__wrapper {
    flex-direction: column;
    justify-content: center !important;
}
.banner.shopify-section .banner__wrapper>div {
        max-width: 100%;
        width: 100%;
        text-align: center;
        max-width: 1130px;
        margin: 0 auto;
    }
.shopify-section.collection .grid-archive__main-container{
  max-width: 1175px;
}
.shopify-section.collection .grid-archive__main-container .grid-archive__content {
        grid-gap: 3.5rem 2rem;
    }
.shopify-section.collection .grid-archive__main-container .card,
.grid-content__column .card{
  overflow: visible;
}
 .grid-archive__main-container .card__badge ,
 .grid-content__column .card__badge{
    left: 50%;
    right: unset;
    transform: translateX(-50%);
    top: -20px;
    background: #E3F0F8;
      font-size: 16px;
    font-weight: 400;
      border-radius: 5px;
      color: var(--color-text);
  min-width: max-content;
    text-align: center;
}
 .grid-archive__main-container .card .card__title,
.grid-content__column  .card .card__title{
      font-size: 16px;
    line-height: 110%;
    font-weight:600;
        margin: 8px 0;
}
.grid-content__column .card figure.card__images {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.card{
  height: 100%;
}
.card__ratings {
    padding: 0 15px;
    font-size: 14px;
}
.card__content {
    padding-bottom: 7px !important;
}
.card__collection-title{
      line-height: 105%;
      margin-bottom: 3px;
    font-weight: 700;
    font-size: 16px;
}
.card__collection-name {
    margin: 0;
    font-weight: 700;
    margin: 0px 0;
    font-size: 16px;
}
.card .card__bottom .price__regular {
    font-size: 20px;
    line-height: 120%;
}
.jdgm-preview-badge .jdgm-prev-badge__stars span {
    font-size: 12px;
    letter-spacing: 0;
     padding: 0 !important;
}
.jdgm-prev-badge {
    padding: 0 15px;
}
.product_size_to_100ml {
    opacity: 0.6;
  font-size: 14px;
}
.card .card__bottom {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
}
.card .card__bottom form{
  width: 100%;
}
.card .card__bottom .button {
    padding: 1rem 1.2rem;
    width: 100%;
    border-radius: var(--btn-radius);
    font-size: 16px;
    font-weight: 500;
}
.card__images-hover .img-absolute-2{
  opacity: 0 !important;
  transition: all 0.3s ease-in-out;
}
.card__images-hover .img-absolute-2:hover{
  opacity: 1 !important;
}
.card figure.card__images {
    border-radius: 0;
    margin: 0;
}
.main-product__add-to-cart .product-variant-selector{
  display: none !important;
}


/* -----------------------FAQ Section css --------------------------- */
.faq-section-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    background: #FFFFF;
    justify-content: center;
    flex-wrap: wrap;
  padding:  40px;
  max-width: 1175px;
  margin: 0 auto;
}
.faq-section-content {
    width: 55%;
}
.faq-section-image {
    width: 45%;
}
.faq-section-content .section-header__title {
    color: #16263D;
    text-align: left;
}
.faq-section-content-inner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-right: 0;
    padding: 0px;
}
.faq-section-question {
        color: var(--color-text);
        padding: 5px 15px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
        font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0px;
    line-height: 120%;
}
.faq-section-content-text {
    display: none;
        background: #fff;
    padding: 10px 15px;
}
.faq-section-answer p {
   margin: 0;
      color: var(--color-text);
    font-size: 14px;
    line-height: 120%;
}
.faq-section-content-text a span{
  text-decoration: unset !important;
}
.faq-section-buttons a svg circle{
  stroke:#16263d;
}
.faq-section-content-item {
    background: white;
    border-radius: 0px;
    overflow: hidden;
       margin-bottom: 0;
    border-top: 1px solid #d9d9d9;
}
.faq-section-question svg path{
      stroke: #000000;
}
.faq-minus,
.faq-section-content-item.active .faq-plus{
  display:none;
}
.faq-section-content-item.active .faq-minus{
  display:block;
}
.faq-section-content-item.active {
    width: 100%;
    z-index: 1;
    position: relative;
}
.faq-section-buttons a {
    display: flex;
    align-items: center;
    gap: 10px;
    color:#16263d;
    margin-top: 30px;
}
.faq-section-images {
    display: flex;
    width: 100%;
    height: 100%;
}
.faq-section-images img{
    width: 100%;
    height: 100%;
  object-fit:cover;
}
#shopify-section-template--24605936091400__faqs_Yx4dhP{
  margin-bottom:0;
}
   .faq-section-content-inner .h1 {
        margin-top: 0px;
     text-align: center;
     font-weight: 600;
    }
 .faq-section-content-inner {
   padding-top:40px;
 }
.hide{
  display: none !important;
}
@media screen and (max-width:1200px) {
  .shopify-section.collection .grid-archive__main-container{
    max-width: 100%;
  }
}
@media screen and (max-width:589px) {
  .faq-section-wrapper {
  padding:40px  20px;
  }
  .shopify-section.collection .grid-archive__main-container .grid-archive__content {
    grid-gap: 30px 15px;
}
.shopify-section.collection   .grid-archive__products-grid-container {
    padding: 0 15px;
}
    .shopify-section.collection   .grid-archive__products-grid-container  .button--card span:not(.cart-icon) {
        display:block;
    }
  .faq-section-content-text {
    padding: 10px 0px;
}
.faq-section-question {
    color: var(--color-text);
      font-size: 16px;
    padding: 5px 0px;
}

}


/* ----------------FAQ Section css Ends ---------------------- */

/* ---------------Collection page css ends -------------------------- */
.grid-archive__products-grid-container-new-layout .grid-archive__content .banner.banner--small.banner--small-2 {
    grid-column: span 1;
    grid-column-end: -4;
    grid-row: 3;
}
.grid-archive__products-grid-container-new-layout .grid-archive__content .banner.banner--small.banner--small-1{
  grid-row: 1;
    grid-column-end: -1;

}

/* ---------------- Product Page css ---------- */
.main-product__blocks{
  text-align: right;
}
.main-product__blocks .main-product__title {
    justify-content: flex-start;
}
.main-product__blocks .heading__section {
    margin: 0;
}

.main-product__blocks .grid-content__header {
    margin: 10px 0;
}
.main-product__blocks .heading__section h2{
      font-size: 28px;
    font-weight: 700;
    line-height: 120%;
}
.main-product__blocks .heading__section p,
.main-product__blocks .main-product__title h1{
      font-size: 22px;
    font-weight: 400;
    line-height: 120%;
}
.main-product__blocks .price__regular {
    margin-top: 10px;
}
.main-product__blocks .price--on-sale .price__sale {
    display: flex;
    flex-direction: column;
    flex-direction: row-reverse;
    gap: 10px;
    align-items: center;
        justify-content: flex-end;
}
.card__bottom .price--on-sale .price__sale {
    flex-direction: row-reverse;
    gap: 7px;
}
.main-product__blocks .price .price-item{
      color: #b00000;
    font-size: 28px;
    font-weight: 800;
    line-height: 150%;
}

.main-product__blocks .price .price-item.price-item--regular{
      color: var(--color-text);
  opacity: 0.5;   
}
.main-product__blocks .main-product__title+.main-product__price {
        margin-top: 10px;
    }
.breadcrumbs nav ol {
    direction: rtl;
}
.main-product__blocks .accordion .content p {
    margin-bottom: 10px;
}
.main-product__blocks .accordion .content ul li{
  padding: 0;
    padding-right: 25px;
}
.main-product__blocks .accordion .content ul li:before{
      float: right;
    margin: 0 -2.5rem 0 0rem;
}
.footer .container .footer__content--fill{
  padding-left:40px;
}
@media screen and (max-width:768px) {
  .main-product__wrapper.slider-enabled .main-product__gallery-controls .swiper-button-next, .main-product__wrapper.slider-enabled .main-product__gallery-controls .swiper-button-prev {
    padding: 0;
    rotate: 180deg;
    font-size: 50px;
}
 .main-product__wrapper.slider-enabled .swiper-button-prev:after,.main-product__wrapper.slider-enabled .swiper-rtl .swiper-button-next:after {
    content: 'prev';
   display: none;
}
.footer .container .footer__content--fill{
  padding-left:0px;
}
}
@media screen and (min-width:1200px) {
  .footer .container{
    flex-wrap:nowrap;
  }
}
.footer .container{
          margin: 0 auto;
}
.custom_menu-product--content{
  text-align:right;
}
.social-accounts ul {
    flex-direction: row-reverse;
    justify-content: flex-end;
}  

/*---------------------------- New Changes  -----------------*/
.top-menu__left {
    width: 100%;
    text-align: center;
        direction: rtl;

}
.top-menu__left .owl-nav{
  display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    padding: 0 20px;
}
.top-menu__left .owl-nav span{
      color: white;
    font-size: 32px;
    line-height: 100%;
}
.predictive-search-wrapper #Search--header{
  padding:0;
      outline: unset !important;
}
.predictive-search-wrapper .form__input-wrapper{
  border:unset;
  border-radius:0;
  border-bottom:1px solid black;
  padding-right: 30px;
      max-width: 120px;
}
.predictive-search-wrapper .search-input{
    background: unset;
    border: unset;
    padding: 0;
        margin-right: 7px;
}

.predictive-search-wrapper .form__input-wrapper .icon.loaded{
  display: none;
}
.predictive-search-wrapper .search-input span{
      color: var(--color-text);
    margin: 0;
    display:none; !important;
}
.header>.container.search-layout--small {
    grid-gap: 0rem 1.2rem;
}
.header.custom_header .menu-item{
  padding-bottom:0;
}
.custom_header .custom_header__menu___parent {
        align-items: flex-end;
        justify-content:flex-end;
        padding-top:0;
}
#main-content {
    margin-top: 0 !important;
}
.predictive-search{
  display:none !important;
}
.jdgm-carousel-wrapper .jdgm-carousel-item__product,
.jdgm-carousel-wrapper .jdgm-carousel-item__review {
    height: fit-content !important;
}
.jdgm-carousel-wrapper .jdgm-carousel__item-wrapper {
    height: 100% !important;
}
 .header__icons a {
    line-height: 100%;
    font-size: 14px;
}
.icon.icon-shopping_cart.loaded {
    height: 20px;
    width: 20px;
}
.header__search .predictive-search-wrapper{
  display:block !important;
}
 .main-banner__wrapper-image{
  padding: 0 !important;
    grid-gap: 0 !important;
}
.section__wrapper-main-banner .main-banner__wrapper-image {
    padding: 0 !important;
    max-width: 100% !important;
    gap: 0 !important;
    position: relative;
}
.section__wrapper-main-banner .main-banner__wrapper-image h1{
      position: absolute;
    top: 50%;
       left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    color: var(--color-text);

}
.medium-up--hide{
  display:none !important;
}
.images-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    gap:10px;
}
.images-grid-item {
    width: calc(16.7% - 10px);
}
.images-grid-item a{
  display: block;
  width:100%;
  position:relative;
}
.images-grid-image {
    height: 200px;
    display: flex;
}
.images-grid-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.images-grid-content {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}
.images-grid-content span{
  line-height:120%;
}
.images-text-section .images-grid-item {
    width: calc(25% - 8px);
}
.images-text-section .images-grid-image {
    height: 180px;

}
.ux-cart.button--card span.cart-icon{
font-size:14px !important;
    color: white;
    width: fit-content;
    height:fit-content;
    display:block !important;
}
.ux-cart.button--card .hide-mobilee,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
  display:none !important;
}


@media screen and (min-width:991px) {
  .header__hide-mobile #cart-open-block{
        right: 10px;
  }
}
@media screen and (max-width:1024px) {
     .cs-mobile-menu-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px;
    }
.cs-mobile-header{
      display: flex !important;
    flex-direction: column-reverse;
            max-width: 100% !important;
}
.cs-mobile-header .left{
      /* padding: 5px; */
}
.left{
       /* border-bottom: 1px solid #6fa9c2; */
}
.cs-mobile-header .header__search{
      width: 100%;
    height: 100%;
    position: relative;
}
.custom_header .cs-center-menu .custom_header__menu___parent{
      display: flex;
    align-items: center;
    gap: 25px;
    padding: 0;
}
    .header {
        padding: 0 !important;
    }
 .header__logo--mobile img{
      width: 120px;
    
}
.cs-mobile-top-row .cs-mobile-navbar.left{
    padding-bottom: 0px;
}

@media screen and (max-width:767px) {
  .predictive-search-wrapper .form__input-wrapper {
      max-width: 100px;
  }
   .small--hide{
      display:none !important;
    }
    .medium-up--hide{
      display:block !important;
    }
    .header__logo--mobile img{
      max-width: 120px;
    }
    .images-grid-item {
    width: calc(33.3% - 10px);
}
   .images-text-section .images-grid-item {
        width: calc(50% - 10px);
    }
.images-text-section .images-grid-content {
    margin-top: 0;
    position: absolute;
    top: 50%;
        z-index: 2;

    left: 50%;
    transform: translate(-50%, -50%);
}
.images-text-section .images-grid-item a:after {
    opacity: 0.3;
    content: "";
    width: 100%;
    display: block;
    background: #ffffff;
    height: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
}
}
@media screen and (max-width:589px) {
  .grid-archive__content .banner .banner__wrapper {
    height:550px;
}
.grid-archive__content .banner{
  aspect-ratio:unset;
}
.grid-archive__products-grid-container-new-layout .grid-archive__content .banner.banner--small.banner--small-2 {
    grid-row: 8;
}

.shopify-section.banner .container .banner__background{
  height:170px;
}
.menu{
    font-size: 14px;
        font-weight: 800;
}
.custom_header .cs-center-menu .custom_header__menu___parent a{
        font-size: 10px;
        font-weight: 500;
}
    .custom_header .cs-center-menu .custom_header__menu___parent {
        gap: 10px;
    }
    .images-grid-image {
    height: 100px;
    }
    .images-grid-content {
    font-size: 14px;
    }
    .images-grid-wrapper {
    gap: 10px 5px;
}
.images-grid-item {
    width: calc(33.3% - 4px);
}
h1{
      font-size: 24px;
    line-height: 120%;
}
.images-text-section .images-grid-image {
    height: 100px;
}


}

@media screen and (max-width: 768px) {
    .cs-mobile-search-row {
        padding-top: 5px !important;
    }
}

/* ============================================================
   HOVER STATES — header utility icons (cart, account, search)
   ============================================================ */

/* Cart icon SVG path color transition */
#shopify-section-navigation-main .header__icons svg path {
    transition: fill 0.18s ease-out;
}
#shopify-section-navigation-main .header__icons--cart-open:hover svg path,
#shopify-section-navigation-main #cart-open:hover svg path {
    fill: #4a8aa8;
}

/* Cart count badge subtle scale */
#shopify-section-navigation-main .cart-count {
    transition: transform 0.18s ease-out;
    display: inline-block;
}
#shopify-section-navigation-main .header__icons--cart-open:hover .cart-count,
#shopify-section-navigation-main #cart-open:hover .cart-count {
    transform: scale(1.2);
}

/* Account text link */
#shopify-section-navigation-main .header__icons a {
    transition: color 0.18s ease-out;
}
#shopify-section-navigation-main .header__icons a:hover {
    color: #4a8aa8;
}

/* Search trigger icon */
#shopify-section-navigation-main .search-trigger .icon {
    transition: transform 0.18s ease-out, color 0.18s ease-out;
}
#shopify-section-navigation-main .search-trigger:hover .icon {
    transform: scale(1.15);
    color: #4a8aa8;
}

/* Logo — subtle lift */
#shopify-section-navigation-main .header__logo a,
#shopify-section-navigation-main .header__logo--mobile a {
    display: inline-block;
    transition: opacity 0.18s ease-out, transform 0.18s ease-out;
}
#shopify-section-navigation-main .header__logo a:hover,
#shopify-section-navigation-main .header__logo--mobile a:hover {
    opacity: 0.82;
    transform: translateY(-1px);
}

/* Mobile top bar short nav links (cs-center-menu) */
.custom_header .cs-center-menu .menu-item a {
    position: relative;
    transition: color 0.18s ease-out;
    text-decoration: none;
    display: inline-block;
}
.custom_header .cs-center-menu .menu-item a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1.5px;
    background: #6FA9C2;
    border-radius: 2px;
    transition: width 0.18s ease-out;
}
.custom_header .cs-center-menu .menu-item a:hover {
    color: #4a8aa8;
}
.custom_header .cs-center-menu .menu-item a:hover::after {
    width: 100%;
}

#shopify-section-navigation-main .cs-mobile-menu-wrapper {
     gap: 0px !important; 
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .custom_header *,
  .custom_header *::before,
  .custom_header *::after,
  #shopify-section-navigation-main *,
  #shopify-section-navigation-main *::before,
  #shopify-section-navigation-main *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* .header .display-centered--true {
    border-bottom: 1px solid #6fa9c2;

} */

.cs-center-menu ul.menu {
    display: flex;
    padding-bottom: 5px;
    gap: 20px;
}
/* Search bar */
@media screen and (max-width: 768px){
#Search--header {
  background: #f4f3f1 !important;
  padding: 0px 30px 2px 20px !important;
}

.headersearch .predictive-search-wrapper {
  display: block !important;
}
.forminput-wrapper {
  max-width: 100% !important;
  background: #f4f3f1 !important;
  padding: 20px 0 !important;
}
.image-slideshow {
  padding-top: 36px !important;
  padding-bottom: 0px !important;
}
.cs-mobile-search-row {
  padding-top: 5px !important;
}
}