/* Add custom CSS styles below */
/* =========================================================
      FONT
   ========================================================= */
/* rb font */
@font-face {
    font-family: rb-font;
    src: url(https://sanint.sirv.com/zyros_natinonal_day_font/RB%20Font.ttf);
    font-weight: normal;
    font-style: normal;
}
:root {
    --color-primary:#000;
    --color-primary-reverse: #fff;
    --font-main: rb-font;
    --swal2-border-radius: 0;
   
}
.text-red-600{
  color: #f96b71;
}

/* =========================================================      
        GENERAL PADDING & MARGIN
   ========================================================= */
.s-block, .s-block--special-products-slider {
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.s-block--special-products-slider .slider-wrap,
.fixed-products .s-products-list-wrapper{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important
}
.advanced-slider{
  margin-bottom: 0rem !important;
}
.fixed-banner--3,
.fixed-banner--9{
  margin-bottom: 0.5rem !important;
}
.s-block--special-products-slider--8 .slider-wrap,
.square-links-11 ul{
  margin-top: 0.5rem !important;
}
@media (min-width: 768px) {
  .app-inner > section:not(.advanced-slider) {
    padding-left: clamp(42px, 10vw, 124px);
    padding-right: clamp(42px, 10vw, 124px);
  }
}

@media (max-width: 767px){
  .app-inner > section:not(.advanced-slider) {
    padding-left: 10px;
    padding-right: 10px;
}
 
}
.s-block--fixed-banner .container{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/** remove border radius **/
.s-block--fixed-banner img, .s-button-btn{
  border-radius: 0 !important;
}

/* =========================================================      
        MAIN NAV
   ========================================================= */
/* ================================================= */
/* NON-sticky header → EN WHITE logo (EN + AR)       */
/* ================================================= */

.index
.store-header:not(.navbar-sticky)
.navbar-brand {
  display: block;
  width: 180px;
  height: 24px;

  background-image: url("https://sanint.sirv.com/Salla%20Sites/Logo%20icons/Elvvi-english-Black.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* Hide <img> when NON-sticky (EN + AR) */
.index
.store-header:not(.navbar-sticky)
.navbar-brand img {
  opacity: 0;
}
.index
.store-header.navbar-sticky
.navbar-brand {
  display: block;
  width: 180px;
  height: 24px;

  background-image: url("https://cdn.files.salla.network/homepage/832977478/46bdbebd-b60c-4666-aba2-1bb8c3f40128.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* Hide <img> when NON-sticky (EN + AR) */
.index
.store-header.navbar-sticky
.navbar-brand img {
  opacity: 100;
}

/* ======================================= */
/* Sticky header → EN → BLACK logo          */
/* ======================================= */

html:lang(en)
.index
.store-header.navbar-sticky
.navbar-brand {
  background-image: url("https://sanint.sirv.com/Salla%20Sites/Logo%20icons/Elvvi-english-Black.webp");
}

/* Hide <img> ONLY for EN sticky */
html:lang(en)
.index
.store-header.navbar-sticky
.navbar-brand img {
  opacity: 0;
}

/* ======================================= */
/* Sticky header → AR → AR logo (NO change) */
/* ======================================= */

html:lang(ar) .index .store-header.navbar-sticky .navbar-brand {
  background-image: none; /* let <img> show */
}

/* Ensure AR sticky image is visible */
html:lang(ar)
.index
.store-header.navbar-sticky
.navbar-brand img {
  opacity: 1;
}

/* ======================================= */
/* Sticky header → EN → BLACK logo (smaller) */
/* ======================================= */
.index
.store-header.navbar-sticky
.navbar-brand {
  height: 42.56px;
}
html:lang(en)
.index
.store-header.navbar-sticky
.navbar-brand {
    width: 150px;      /* ↓ smaller */
  background-image: url("https://sanint.sirv.com/Salla%20Sites/Logo%20icons/Elvvi-english-Black.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* =========================================================      
        NAVBAR LINKS
   ========================================================= */
li#\"1603772014\",

#\31 603772014,
#\31 82471453,
li#\"182471453\"{

color: rgb(249,107,113) !important;

}
li#\"120380328\",
#\31 20380328{
  display: none !important;
}
/* =========================================================      
        MAIN BANNER
   ========================================================= */

/**** main banne ****/
/** scale height down **/

/** hide img on mobile & vid on desktop **/
@media (max-width: 767px) {
  .advanced-slider--1 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .advanced-slider--2 {
    display: none !important;
  }
}
/** place the btn down **/
.advanced-slider .advanced-slider__caption .container {
  position: relative;
  top: 30%;
}
/** btn text color **/
.advanced-slider .advanced-slider__caption__inner__content__button span{
 color: #000 !important;  
}

/**** 1st fixed producs ****/
.fixed-products--4 .home-block-title,
.fixed-products--10 .home-block-title{
  display: none !important;
}
/* =========================================================      
        PRODUCTS TABS
   ========================================================= */
/**** products tabs ****/
/** remove border **/
.s-block--product-tabs .enhanced-title-border{
  display: none !important;
}
/** remove border radius (square look) **/
.s-block--product-tabs .product-tab{
  border-radius: 0 !important;
}
/** color active/inactive tab **/
.s-block--product-tabs .product-tab:not(.active){
  color: #000;
  background-color: #fff;
}
.s-block--product-tabs .product-tab.active{
  background-color: #000;
  color: #fff;
}
/**** slider with bg (partial banner) ****/
.s-block--slider-with-bg .container.-mt-62{
  margin-top: -50px !important;
}
.s-block--slider-with-bg .slider-bg::before{
  background-color: transparent !important;
}
.s-block--slider-with-bg .s-slider-block__title{
  display: none !important;
}


/**** product with banner ****/
.s-block--special-products-slider--8 .s-slider-block__title-nav{
  display: none !important;
}
@media(max-width:767px){
  .s-block--special-products-slider--8 .bg-cover{
        max-height: none !important;
       
  }
   .s-block--special-products-slider--8 .bg-cover img{
        inset: 0;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover;
  }
}



/**** square links ****/
.square-links-11 h2{
  font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 24px;
}
.square-links-11 p, .square-links-11 span{
  display: none !important;
}
.square-links-11 div{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.square-links-11 ul.auto-fit-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    row-gap: 1rem !important;
    column-gap: 1rem !important;
}
/* =========================================================      
        PRODUCT CARD
   ========================================================= */
 .product-card:hover {
transform: none !important;
}
/*unify product card margin*/
.product-card {
    margin-bottom: 10px;
  height: auto !important;
}

.product-card.out-of-stock{display:none}

.product-card .product-card__content{
  padding: 0 !important;
}
.product-card .product-card__content-wrapper{
  padding: 12px 14px !important;

}
  /* subtitle */
.product-card .product-card__content .product-card__subtitle {
    width: 100%;
    flex-grow: 1;
    margin-top: auto;
    margin-bottom: auto;
    display: none;
}
/* options (fit 4 options)*/
.product-card .product-card .s-product-options-thumbnails-wrapper{
  flex-wrap: nowrap !important;
}
@media only screen and (max-width: 768px) {



    /* title */
    .product-card .product-card__content .product-card__title a {
        font-size: 10px !important;
        line-height: 0.875rem;
    }

    /* price before*/
    .product-card .product-card__content .product-card__price span {
        font-size: 10px;
    }

    /* price after */
    .product-card .product-card__content .product-card__price h4,
    .product-card .product-card__content .product-card__price {
        font-size: 14px;
        line-height: 0.5rem;
        font-weight: 700 !important;
     
    }

    /* add to cart */
    .product-card .product-card__content .product-card__enhanced-mini-cart-divider {
        border-top: 1px solid #fff;
    }

    .product-card__content .product-card__enhnaced-mini-cart__btn button .enhanced-label:after {
        font-size: 0.875 rem;
    }
    
 
}

@media only screen and (min-width: 640px) {
    .product-card__normal-cart__btn .s-button-element span:after {
        font-size: 1rem;
    }
}

/*desc container */
.product-card .product-card__content .product-card__content-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-content: space-between;
    justify-content: center;
}

/* title */
.product-card .product-card__content .product-card__title {
    width: 100%;
}

/* subtitle */
.product-card .product-card__content .product-card__subtitle {
    width: 100%;
    flex-grow: 1;
    margin-top: auto;
    margin-bottom: auto;
}

/* prices container */
.product-card .product-card__content .product-card__price {
    width: 100%;
}

/* add to cart */
/* hide the shopping icon */
.product-card .sicon-shopping{
  display: none;
}
/* Add to cart (desktop) */
.product-card .product-card__normal-cart__btn .s-button-btn{
    background-color: #000;
    color: #fff !important;
}
.product-card .product-card__normal-cart__btn .s-button-btn i::before{
    background-color: transparent!important;
    color: #fff !important;
}
.product-card .product-card__normal-cart__btn .s-button-btn:hover {
    border: 1px #000 solid !important;
    background-color: #fff;
    color: #000 !important;
} 
 .product-card .product-card__normal-cart__btn .s-button-btn:hover i::before{
    color: #000 !important;
}
 /*hide promo title*/
.product-card__image .product-card__promotion{
 background-color: #fff !important;
  color: #f96b71;
}


/******hide preview & wishlist btns*******/
.btn--wishlist{
display:none;}
/* style it via CSS */
.quickview-btn {
  display:none;
}