/** Shopify CDN: Minification failed

Line 1341:0 Unexpected "}"

**/
.natty-search .field input::placeholder {
  color: #6b6b6b;
  opacity: 1;
  font-size: 0.7vw;
   font-family: 'Inter-Regular';
}
.natty-search .field input[type=email] {
    padding: 0 7.3vw 0 10px !important;
}
#new-collection{
  color:red !important;
}
.container-menu-dm {
    height: 90%;
    width: 100%;
    display: flex;
    background: rgb(206 206 206 / 75%);
    border-radius: 20px;
  padding: 1.5%;
}
.container-menu-d {
      height: 100vh;
    width: 100%;
    position: fixed;
    transition: all 1s;
    bottom: -100vh;
    left: 0;
    width: 100%;
    margin: 0 auto;
    display: flex;
    background: linear-gradient(45deg, rgb(0 0 0 / 35%), transparent);
    z-index: 11;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    overflow: hidden;
    padding: 1%;
    align-items: end;
}
.container-menu-d.e-search{
   bottom: 0;
}
.left-b {
    width: 68%;
    padding: 0 1.5% 0 0;
}
.category {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    margin-top: 0;
    height: auto;
    padding-bottom: 3vh;
    gap: 1.5vw;
    border-bottom: 1px solid #9c9a9a;
}
.natty-search {
    height: 8vh;
    width: 100%;
    position: relative;
}
.natty-search .search-modal {
    background: transparent;
    opacity: 1;
}
.natty-search .parent-search-modal .search-modal__content {
    padding: 0%;
}
.natty-search .search-modal__form {
    max-width: 100%;
}
.natty-search .search-modal__form {
    max-width: 100%;
  height: 100%;
}
.search-modal__content .field {
    --inputs-border-width: 0;
    --inputs-border-opacity: none !important;
      height: 100%;
}
.predictive-search {
    background: #fff !important;
}
.search-modal__content .field .search__input {
    --inputs-border-opacity: none !important;
    --inputs-border-width: 0;
    color: #fff;
    font-family: Inter-Regular;
    transition: box-shadow 5s linear !important;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #000;
    /* border-bottom: 1px solid #000; */
  padding: 1% 2% 0 !important;
  text-transform:uppercase;
}
.natty-search .field .field__input {
padding: 0;
padding-left: 2vw !important;
    font-family: 'Inter-Regular';
    background: #cfcfcf;
    border-radius: 10rem;
    height: 100%;
}
.natty-search .search-modal__content .field .search__input {
       border: none;
    padding: 0.2rem 1.5rem 0rem 2vw !important;
}
.natty-search .search__button {
    border-radius: 3rem;
    width: 17%;
    height: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-8px, -50%);
    background-color: #dedede !important;
        font-family: 'heading-pro-wide-trial-heavy';
    font-size: .9vw;
}
/* --- */
.predictive-search .predictive-search__results-list .predictive-search__list-item{
  border-left: none;

}

p.predictive-search__item-heading.predictive-search__item-query-result.h5{
 display: flex; 
}
/* --- */

.reset__button {
    display: none !important;
}

.image {
    position: relative;
    width: fit-content;
}
.nav-img {
    width: 8vw;
}
.image a {
    position: absolute;
    top: .8vh;
    left: 12%;
    color: #f2f2f2;
    opacity: 1;
    font-size: .8vw;
    text-decoration: none;
        font-family: 'Inter-medium';
}
.imageText {
    position: absolute;
    top: 1vh;
    left: 18%;
    color: #f2f2f2;
    opacity: 1;
}
.nav-arrow {
    rotate: 45deg;
    position: absolute;
    left: 4.9vw;
    width: 3.9vw;
    top: .8vh;
    border-radius: 20px;
}
.arrowCircle {
    position: absolute;
    width: 24%;
    height: 65%;
    border-radius: 50px;
    border: 1px solid white;
    top: 8%;
    left: 73.5%;
}
/* .boxMiddle {
    background: #dcd8d8 0% 0% no-repeat padding-box;
    box-shadow: #32325d40 0 13px 27px -5px, #0000004d 0 8px 16px -8px;
} */

.right-b {
width: 32%;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: start;
    height: 100%;
    overflow: hidden;
    padding: 0;
}
.right-b ul{
  width:100%;
}
.right-b ul li{
width: 32%;
    aspect-ratio: 4.2 / 5;
    border-radius: 8px;
    overflow: hidden;
}
.right-b ul li .card__content{
  display:none;
}
.rightImage {
    border-radius: 35px;
    width: 93%;
    height: 93vh;
    object-fit: cover;
    margin: 0 auto;
}
.rightButtonx {
font-family: 'Inter-medium';
    cursor: pointer;
    position: absolute;
    font-size: 1vw;
    left: 12%;
    bottom: 5%;
    height: 7vh;
    background: transparent;
    list-style: none;
    color: #fff;
    width: 23vw;
    background: #e2d0d045;
    border-radius: 16px;
    box-shadow: 0 4px 30px #0000001a;
    backdrop-filter: blur(4.2px);
    -webkit-backdrop-filter: blur(4.2px);
    border: 1px solid rgba(226, 208, 208, .13);
    display: flex;
    justify-content: center;
    align-items: center;
}



    .mobile-menu {
        height: 100lvh;
        width: 100%;
        background-color: #f6f9fc;
        color: #000;
        position: fixed;
        right: -100%;
        transition: right .5s ease;
        top: 0%;
        padding: 10vh 2vw 0 2vw;
        z-index: -1;
        transition:right 0.5s;
        overflow:hidden;
        /* overflow-y:auto; */
        overflow-y: scroll;
    }

.mobile-menu.open{
  right: 0%;
}
.mobile-menu .mobile-menu-ul {
    display: flex;
    list-style-type: none;
    /* gap: 5vw; */
    justify-content: start;
    flex-direction: column;
    align-items: flex-start;
  /* ----- */
      gap: 3vw;
  overflow-y: scroll;
}
    .mobile-menu .mobile-menu-ul li {
        width: 100%;
        /* height: 10vw; */
            border-bottom: 1px solid #0002;
          display: flex;
    justify-content: center;
    align-items: center;
      position:relative;
      /* ---- */
          height: 7vw;
      padding-left: 10px;
    }

    .mobile-menu .mobile-menu-ul li a {
        color: #000;
        display: block;
        width: 100%;
              font-size: 14px;
    }

li.m-icon.mobile {
    padding: 0;
}

.toggle-container {
     transition: transform .8s;
    position: fixed;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 58.5%;
    height: 7vh;
    width: 7vh;
    background: #000;
    z-index: 9999999;
    bottom: 4.5vh;
    border-radius: 50%;
    transition: bottom .8s;
    cursor: pointer !important;
    padding: 0.5%;
}
.toggle-container.fixed {
    bottom: 4.5vh;
        z-index: 999999;
}
.toggle-container.off-canvas {
    bottom: 4.5vh;
}
.toggle-container.off-canvas.fixed {
    bottom: 4.5vh;
    z-index: 9999999;
}
.toggle-container .switch {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 5%;
}
.toggle-container .switch input {
    opacity: 0;
    position: absolute;
    /* display: none; */
}
.slider1 {
    /* position: absolute; */
    height: 100%;
    width: 100%;
    padding: 2.5%;
    /* border-radius: 50%; */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
      transform: rotateY(190deg);
}

.slider2{
      position: absolute;
   height: 50%;
    width: 60%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}
.slider1,
.slider2 {
  display: none; 
}

[data-theme="light"] .slider1 {
  display: flex; 
}

[data-theme="dark"] .slider2 {
  display: flex; 
}


.header{
  padding:0 !important;
}

.natty-header-container{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
  z-index:9999999;
}
.natty-header{
display: flex;
    align-items: center;
    justify-content: space-between;
    height: 7vh;
  background:#fff;
    /* position: fixed; */
  left:0;
  top:0;
    width: 100%;
    padding: 0;
    z-index: 9999;
  border-bottom: 1px solid #000;
}
.natty-header.off-canvas{
  background:#fff;
}
.natty-header-menu{
    width: inherit;
    height: 100%;
}

.natty-header-menu ul{
    display: flex;
    /* gap: 1.8vw; */
    list-style: none;
      height: 100%;
    align-items: center;
}
.natty-header ul li.free-shipping{
       height: 100%;
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
  align-items: start;
      gap: 0.3vh;
}
.free-shipping a .cart-count-bubble span{
    color:#fff;
}
.natty-header-menu ul li.free-shipping h2{
     font-size: 0.6vw;
    color: #000;
   font-family: 'Inter-Regular';
  color:#fff;
}
.natty-header-menu ul li.free-shipping p{
     font-size: 0.6vw;
    color: #000;
   font-family: 'Inter-Regular';
  color:#fff6;
}
.natty-header-menu ul li{
    display: flex;
      height: 100%;
    align-items: center;
  padding:0 2.5vw;
      border-right: 1px solid #000;
}
.natty-header-menu ul li a{
    font-size: 0.6vw;
    color: #000;
   font-family: 'Inter-Regular';
  position:relative;
}
.natty-header-menu ul li a span {
    position: absolute;
    top: -2vh;
    right: -100%;
    background: #88f59e;
    color: #000;
    width: max-content;
    font-size: .4vw;
  text-transform:uppercase;
    padding: 0vw .3vw;
    font-family: Inter-Regular;
}
.natty-header-logo{
    /* width: 30%; */
    width: 9%;
    display: flex;
    align-items: center;
    justify-content: center;
  
}
 .natty-header-logo svg{
    height: 100%;
    /* width: 60%; */
    width: 100%;
}
.natty-header-logo svg path{
  fill:#000;
  /* fill:#c81818; */
  /* fill: #fff; */
}
.natty-header-logo svg rect{
  fill:#000;
  /* fill:#c81818; */
  /* fill: #fff; */
}
.natty-navigation-menu{
width: inherit;
  height:100%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.natty-navigation-menu ul{
    display: flex;
    list-style: none;
    height: 100%;
    align-items: center;
}
.natty-navigation-menu ul li {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 2.5vw;
    border-left: 1px solid #000;
}
.natty-navigation-menu ul li.free-shipping a {
    color: #fff;
}
.natty-navigation-menu ul li.free-shipping a span {
    /* color: #fff; */
    color: #fff !important;
      font-size: .6vw;
    display: flex;
    align-items: center;
    font-family: 'Inter-Regular';
}
.natty-navigation-menu ul li a{
    font-size: .6vw;
    color: #000;
    display: flex;
    align-items: center;
    font-family: 'Inter-Regular';
  text-transform: uppercase;
}
.natty-navigation-menu ul li span{
    font-size: .6vw;
    color: #000;
    display: flex;
    align-items: center;
    font-family: 'Inter-Regular';
  text-transform: uppercase;
}
.c-link-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;  
}

/* ------- hover menu on shop all--------- */
.hover_main{
  position: relative;
}

.hover_main .c-hover-box{
  position: absolute;
  background: #fff;
  height: 0;
  width: 65vw;
  top:100%;
  left: 0;
  /* display: none; */
  z-index: 50;
  border: 1px solid #000;
   clip-path: inset(0 0 100% 0); 
  -webkit-clip-path: inset(0 0 100% 0);
  transition: height 0.3s ease, clip-path 0.3s ease; 
  /* ---- */
  width: 101lvw;
    left: -14vw;
  
}

.hover_main:hover .c-hover-box{
  display: flex;
    height: 93vh;
 clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
}

.hover_main .c-hover-box .c-hover-left{
  height: 100%;
  border-right: 1px solid #000;
  /* width:40%; */
  /* --- */
      width: 28.8%;
}
.hover_main .c-hover-box .c-hover-right{
  height: 100%;
  /* width:60%; */
/* -- */
      width: 71%;
}

.hover_main .c-hover-box .c-hover-right img{
  height:100%;
  width: 100%;
  object-fit: cover;
}

.hover_main .c-hover-box .c-hover-left ul{
flex-direction: column;
    gap: 1vw;
    padding-top: 15%;
    align-items: flex-start;
    padding-left: 15%;
}
.hover_main .c-hover-box .c-hover-left ul li{
padding: 0;
    border: none !important;
    height: unset;
}

.hover_main .c-hover-box .c-hover-left ul li a{
  font-size: 0.9vw;
  color: #000 !important;
  /* color: #000; */
    font-family: Inter-Regular;
  position: relative;
}

.hover_main .c-hover-box .c-hover-left ul li:hover a{
  color: #000;
}

.hover_main .c-hover-box .c-hover-left ul li a:after{
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0%;
  height: 1px;
  transition: width 0.2s linear;
    color: #000;
}

.hover_main .c-hover-box .c-hover-left ul li a:hover:after{
  border:1px solid #000;
    width: 100%;
}

.hover_main .c-hover-box .c-hover-left ul li a.specialprice-c{
  color: #cf3476 !important;
}
.hover_main .c-hover-box .c-hover-left ul li a.specialprice-c{
  color: #cf3476 !important;
}


/* ------- hover menu on shop all--------- */

/* ================================= MARQUEE ========================================= */

  h1 {
    text-align: center;
    margin-block-end: 2.5rem;
  }

  .natty-marquee {
    display: flex !important;
  }

  .stock-ticker {
    font-size: 10px;
    background: #000;
    /* padding-block: 8px; */
    border-block: 1px solid;
    overflow: hidden;
    user-select: none;
    --gap: 6vw;
    display: flex;
    gap: var(--gap);
  }

  .stock-ticker ul {
    list-style: none;
    flex-shrink: 0;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap);

    animation: scroll 130s linear infinite;
  }

  .stock-ticker:hover ul li span {
    color: #fff;
  }
  
  @keyframes scroll {
    to {
      transform: translateX(calc(-100% - var(--gap)));
    }
  }
  
  .stock-ticker .company,
  .stock-ticker .price {
    color: #fff;
    font-family: Inter-Regular;
    text-transform: uppercase;
  }

  .stock-ticker .price {
    margin-inline: 4px;
  }

  /* ================================= MARQUEE ========================================= */


/* responsive start  */

@media screen and (max-width: 950px){
  li.dr-m-menu .parent-search-modal .field input::placeholder {
  color: #6b6b6b;
  opacity: 1;
  font-size:10px;
}
  .mobile-menu .mobile-menu-ul li{
height: 4vw;
        border-bottom: none;
        width: 48%;
  }
  .mobile-menu .mobile-menu-ul {
        display: flex;
        list-style-type: none;
        justify-content: start;
        flex-direction: column;
        align-items: flex-start;
        gap: 3vw;
        overflow-y: scroll;
        height: 40vh;
        flex-wrap: wrap;
        padding-top: 2vh;
        scrollbar-width: none;
}


  .stock-ticker {
    --gap: 12vw;
  }

  a.love-edit{
    color:red;
  }
  .mobile-menu .mobile-menu-ul li a.love-edit{
    color:red;
  }
   .mobile-menu .mobile-menu-ul li a.love-edit sup{
         color: #fff;
        font-size: 6px;
        background: #000;
        border-radius: 30px;
        padding: 4px 6px;
   }
  li.dr-m-menu{
    height: 5vh;
            margin: 0 0 2vh 0;
    position:relative;
    list-style:none;
}
      .search-modal__content .field .search__input::placeholder {
  color: #6b6b6b;
  opacity: 1;
  font-size:10px;
}
  .natty-header-logo svg {
    height: 100%;
    /* width: 7vh; */
    width: 6.5vh;
}
  .mobile-menu .mobile-menu-ul li a {
    font-size: 12px;
    font-family: 'Inter-medium';
}
    .tshirst-data{
        height: 100%;
        width: 100%;
        transform: translate(-110%);
        transition: transform .5s ease;
        position: absolute;
        top: 0;
        left: 0;
  background-color: #fff;
        z-index: 9999;
    padding-top: 10vh;
  }
  .tshirst-data.show {
    transform: translate(0%);
}

      .aro:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0%;
        transform: translate(-50%, -50%);
        width: 13px;
        height: 13px;
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" fill="gray"><path d="M256 120.768L306.432 64 768 512l-461.568 448L256 903.232 659.072 512z" /></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    }
  
  .tshirst-data p{
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 12px;
   font-family: 'natty-custom-fonts';
    color: var(--custom-text-color);
            padding-right: 20px;
  }

  .tshirst-data ul{
        padding: 20px 10px 0 10px;
  }

 .tshirst-data ul li{
        padding-left: 10px;
   text-transform: uppercase;
   height: 13vw !important;
  }
  .tshirst-data ul li a{
    position: relative;
  }



    .oversize-datam{
        height: 100%;
        width: 100%;
        transform: translate(-110%);
        transition: transform .5s ease;
        position: absolute;
        top: 0;
        left: 0;
   background-color: #fff;
        z-index: 9999;
    padding-top: 10vh;
              flex-direction: column;
  }

   .oversize-datam.show {
    transform: translate(0%);
}

    .oversize-datam p{
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
  font-size: 12px;
   font-family: 'natty-custom-fonts';
    color: var(--custom-text-color);
            padding-right: 20px;
  }
    .oversize-datam ul{
        padding: 20px 10px 0 10px;
  }

 .oversize-datam ul li{
        padding-left: 10px;
   text-transform: uppercase;
   height: 13vw !important;
  }
  .oversize-datam ul li a{
    position: relative;
  }



 .regular-datam{
        height: 100%;
        width: 100%;
        transform: translate(-110%);
        transition: transform .5s ease;
        position: absolute;
        top: 0;
        left: 0;
   background-color: #fff;
         z-index: 9999;
    padding-top: 10vh;
              flex-direction: column;
  }

   .regular-datam.show {
    transform: translate(0%);
}

    .regular-datam p{
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
   font-size: 12px;
     font-family: 'natty-custom-fonts';
    color: var(--custom-text-color);
            padding-right: 20px;
  }
    .regular-datam ul{
        padding: 20px 10px 40px 10px;
  }

  .regular-datam ul p{
    justify-content: start;
        padding-left: 10px;
        font-size: 12px;
        margin-bottom: 15px
    font-family: 'natty-custom-fonts';
  }

 .regular-datam ul li{
        padding-left: 10px;
   text-transform: uppercase;
   height: 13vw !important;
  }
  .regular-datam ul li a{
    position: relative;
    opacity: 80%;
  }



  .cp{
    position: relative;
  }

  .cp.aro{
    right:0;
  }

      .cap-datam{
        height: 100%;
        width: 100%;
        transform: translate(-110%);
        transition: transform .5s ease;
        position: absolute;
        top: 0;
        left: 0;
   background-color: #fff;
        z-index: 9999;
    padding-top: 10vh;
              flex-direction: column;
  }

   .cap-datam.show {
    transform: translate(0%);
}

    .cap-datam p{
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 12px;
      font-family: 'natty-custom-fonts';
    color: var(--custom-text-color);
            padding-right: 20px;
  }
    .cap-datam ul{
        padding: 20px 10px 0 10px;
  }

 .cap-datam ul li{
        padding-left: 10px;
   text-transform: uppercase;
   height: 13vw !important;
  }
  .cap-datam ul li a{
    position: relative;
  }
  
   li.dr-m-menu .parent-search-modal .search-modal {
    background: transparent;
    opacity: 1;
}
   li.dr-m-menu .parent-search-modal .search-modal__content {
    padding: 0%;
        border: 1px solid #000;
}
     li.dr-m-menu .parent-search-modal .search-modal__content .search-modal__form {
    width: 100%;
    height: 100%;
}
  .search-modal__content .field .search__input {
    padding: 0% 2% 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
}
    .search-modal__content .field .field__button{
          border-left: 1px solid #000;
      height: 100%;
    }
  .hamburger-menu{
        font-size: 10px;
    color: #000;
    display: flex;
    align-items: center;
    height: 100%;
    font-family: Inter-Regular;
    text-transform: uppercase;
  }
.natty-header-container{
    position: fixed;
    left: 0;
    top: 1.5%;
  /* padding:0 2%; */
  padding:0 !important;
    width: 100%;
}
.natty-header ul li.free-shipping {
    height: 100%;
    background: transparent;
}
  .natty-navigation-menu ul li.free-shipping a span {
    color: #000 !important;
    font-size:10px;
}
      .natty-navigation-menu{
      width:55%;
    }
    .natty-navigation-menu ul{
      width:100%;
      /* --- */
              align-items: start;
    }
  .natty-navigation-menu ul li {
    height: 100%;
    align-items: center;
    border-left: 1px solid #000;
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .natty-header {
    border: 1px solid #000;
}
  .natty-navigation-menu ul li a, .natty-navigation-menu ul li span {
    font-size: 10px;
    color: #000;
    display: flex;
    align-items: center;
    font-family: Inter-Regular;
}
    .natty-navigation-menu ul li a {
    font-size: 10px;
}

   .natty-header-menu li {
    height: 100%;
}
   .natty-header-menu li a{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .natty-header-menu ul li a svg {
    width: 5.5vw;
    height: 100%;
}
  .natty-header-logo {
    width: 50%;
    justify-content:start;
    padding:0 0 0 3%;
    /* ---- */
            height: 100%;
}


  .natty-header {
    /* height:50px; */
    height: 40px;
    transition:0.5s all linear;
            background: #fff;
            /* background: transparent; */
}
      .natty-header-container {
        position: fixed;
        left: 0;
        /* top: 1.5%; */
        top: 0;
        padding: 0 2%;
        width: 100%;
        transition: top 0.5s linear;
    }
  .natty-header-container.off-canvas{
    top:-9%;
  }
    .natty-header-container.off-canvas.fixed{
    /* top:1.5%; */
    top: 0%;
  }
  .natty-header-menu ul {
    gap: 10px;
        height: 100%;
}

  /* predict search start  */
  .predictive-search #predictive-search-results-products-list li {
    /* min-width: 45%; */
    min-width: 55%;
    height:auto;
}
  
  .predictive-search__item-heading {
    font-size: 8PX;
}
  .predictive-search__result-group .predictive-search__heading {
    font-family: 'natty-custom-fonts';
    font-size: 10px;
}
  .header__search .search-modal .search-modal__content {
   padding:0 0 0 3%;
    
  }
      .natty-navigation-menu ul li a, .natty-navigation-menu ul li span {
        text-transform: uppercase;
    }
  .modal__close-button.link {
    width: 15% !important;
}

.predictive-search__item-query-result mark{
  font-size: 10px;
  font-weight: 900;
  color: #000;
}

 .predictive-search .predictive-search__results-list .predictive-search__list-item{
    min-width: 100%;
  }

  .search-modal__content .field .field__label {
    font-size: 7px;
    top: -1.3vh;
    left: 2vw;
}
  .search-modal__content .field .field__input:focus~.field__label {
display: none;
  }

  
.ss-heading-container{
  padding:6% 1.5% 0;
}
.s5s_productpage_tabs{
  z-index: 1;
    position: relative;
    background: transparent;
}




  
.s5s_productpage_tabs h2{
font-family: "neue-haas-grotesk-text";
    font-weight: 700;
    font-size: 0.9rem;
    padding: 1.2vh 0;
}
  
.s5s-tab-list {
    list-style-type: none;
    display: flex;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 50px;
    padding: 0;
    gap: 0.5vw;
    border: 1px solid # s5sf;
}
.s5s-tab-list li {
color: #000;
  opacity:0.6;
    height: 2.9vh;
    padding: 0 1vw;
    font-family: "neue-haas-grotesk-display";
  transition: background-color 0.3s linear ;
    text-transform: uppercase;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: start;
    cursor: pointer;
}

.s5s-tab-list li.active {
    color: #000;
  opacity:1;
}

.tab-container {
  margin-top: 20px;
}

.tab-content {
  display: none;
}

  .tab-content.active {
  display: block; /* Show only the active tab content */
}


  .tab-content ul{
    flex-wrap: wrap;
    overflow: scroll;
    scrollbar-width: none;
    overflow-y:hidden;
    row-gap:3vh;
}
  .tab-content ul li{
    width:25%;
    max-width:25%;
    aspect-ratio:7/11;
  }
.tab-content ul li .card__inner {
    width: 100%;
    height: 100%;
}


.s5s_related_product_tabs .tab-content ul {
    flex-wrap: nowrap;
    overflow: scroll;
    scrollbar-width: none;
    overflow-y: hidden;
    row-gap: 3vh;
}
.s5s_related_product_tabs{
  padding-top:5vh;
}
}


  @media screen and (max-width: 950px) {
        .s5s_productpage_tabs.s5s_related_product_tabs {
        padding: 0 0 2vh;
    }
    .s5s-tab-list {
    width: 100%;
          gap: 2vw;
}
    .s5s_productpage_tabs .ss-heading-container {
           padding: 2% 1.5% 2%;
        border: 1px solid #898989;
        border-left: 0;
        border-right: 0;
        margin: 2.5vh 0 0;
    }
    .s5s_productpage_tabs h2 {
    font-size: .9rem;
    padding: 0.7vh 0 1vh;
}
    .tab-content ul {
    flex-wrap: nowrap;
}
    .s5s-tab-list li {
                    font-size: 12px;
        font-family: Inter-medium;
        height: 2.5vh;
        padding: 0 3.8vw;
    }
.tab-content ul li{
        aspect-ratio: 9 / 12;
        min-width: 28%;
        width: 28% !important;
}
    .s5s_productpage_tabs {
    padding: 0 0 6vh 0;
}
 .tab-container {
    margin-top: 20px;
    padding: 0 0 0vh 0;
}   
    .discover-more:after {
    height: 7%;
    width: 20%;
}
    .s5s-heading-text.ht {
    padding: 0 4vw 0 0;
}
    .s5s-heading-text {
    padding: 0 0 0 1.5vw;
}
   .tab-content ul li .card-wrapper .card .card__content1{
     position:absolute;
     height:100%;
     width:100%;
     top:0;
     left:0;
     opacity:0;
   }
        .tab-content ul li .card-wrapper .card .card__inner {
        padding: 0 0%;
        background: #f6f6f6;
        height: 100% !important;
    }
     .n-m-menu-a{
    width: fit-content;
    height: 4vh;
    display: flex;
    align-items: center;
    font-family: 'Inter-medium';
    text-transform: uppercase;
    color: #fff;
    background: #000;
    padding: 0 5%;
    font-size: 10px;
}
     .n-m-menu-login{
        width: 100%;
        height: 7vh;
        display: flex;
        align-items: center;
        font-family: Inter-medium;
        text-transform: uppercase;
        color: #000;
        background: #f6f9fc;
        justify-content: space-between;
        padding: 0 3% 0 1%;
        font-size: 12px;
        position: sticky;
        bottom: 0;
        margin: 2vh 0 0;
        border-top: 1px solid #c1c1c1;
        /* ---  */
                /* display: none; */
}
         .n-m-menu-login svg{
    width: 15%;
}
  }


  /* predict search end  */
  

}