/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 

/*header -------------*/
:root{
color-primary-reverse: #5e2751 !important
}
.prestige-header img {
    max-width: 80px;
}

.prestige-header{
height: 7rem!important ;
}

@media(max-width:768px){

.prestige-header img {
    max-width: 40px;
}

.prestige-header{
height: 4rem!important ;
}
    
}



/*frist banner -------------*/


.prestige-enhanced-slider-text {
    width: 100% !important;
}

@media(max-width:768px){
.prestige-enhanced-slider-text { 
   
    background-color: #ffffff82;
    padding: 10px;
    border-radius: 20px;
}


}
/*grid -------------*/

 .prestige-banner-2 div.aspect-square:nth-of-type(3) {
   display:none!important;
}
.prestige-banner-2 .md\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.prestige-banner-2 .aspect-square{height: 470px!important;}


.prestige-banner-2-1 h3, .prestige-banner-2-1 span {
   line-height: 3rem;
}


  .prestige-banner-2-1 h3{
      color:#ffffff;
      font-size: 29px;
      
    }
    
      .prestige-banner-2-1 span{
      color:#ffffff;
      font-size: 23px;
      
    }
    
    @media(max-width:768px){
    .prestige-banner-2-1 h3, .prestige-banner-2-1 span {
   line-height: 1rem;
}



    
    }
    
    

@media(max-width:768px){
.prestige-banner-2 .aspect-square{height: 170px!important;}
.prestige-banner-2-1 h3, .prestige-banner-2-1 span {
    color: #ffffff;
    font-size: 16px !important;
}
}

   .prestige-banner-1 h3, .prestige-banner-1 span{
       line-height: 3.5rem;
      }


   .prestige-banner-1 h3{
        color:#ffffff;
        font-size: 43px;
      }
    .prestige-banner-1 span{
        color:#ffffff;
        font-size: 35px;
      }



@media(max-width:768px){
   .prestige-banner-1 h3, .prestige-banner-1 span{
       line-height: 1rem;
      }


   .prestige-banner-1 h3{
        color:#ffffff;
        font-size: 27px;
      }
    .prestige-banner-1 span{
        color:#ffffff;
        font-size: 20px;
      }

}

 .prestige-button {
        border-color: #ffffff;
        font-size: 20px;
      }
      
      
      
      
      
.s-block.s-block--fixed-banner > .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 640px) {
    .s-block {
        margin-top: 0rem
;
    }
}
@media (max-width: 640px) {
    .s-block {
        margin-top: 0rem
;
    }
}
.prestige-banner-1 .prestige-button {
    display: none;
    border-color: #231f1e;
}
.prestige-banner-1 span {
    display: none;
    color: #ffffff;
    font-size: 35px;
}
.prestige-banner-1 h3 {
    display: none;
    color: #ffffff;
    font-size: 43px;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #5e2751;
}
.total-price, .s-product-card-price, .s-product-card-sale-price h4, .s-product-card-starting-price h4 {
    color: #5e2751;
}
.total-price, .s-product-card-price, .s-product-card-sale-price h4, .s-product-card-starting-price h4 {
    color: #5e2751;
}
span {
    color: black;
}
b, strong {
    font-weight: bolder;
    color: black;
}
@media (min-width: 1024px) {
    .lg\:grid-cols-3 {
        color: #5e2751;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .s-quantity-input-input, #product-filter {
    color: #ff6767;
    color: #5e2751;
}

.s-button-text {
    color: white;
    pointer-events: none;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
/*footer end*/