/* Add custom CSS styles below */ 

التغليف له معاني اكثر مما تتخيل حيث كل غلاف يحكي قصة من/* البراعة والحب
*/

root { --color-primary: #e1201d; --color-primary-dark: #9b221b; --color-primary-light: #2f788a; --color-primary-reverse: #828588; --bg: #828588; }

a{
  color:black;
  }
  

  .main-nav-container.fixed-header 
.inner{
    backdrop-filter:blur(20px);}
  
.main-nav-container.fixed-pinned .inner{box-shadow:0 0 5px #2f788a;} 

.s-user-menu-trigger {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    border-top-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: transparent;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.sicon-shopping-bag:before,.sicon-user-circle:before{color:black;} 

.sicon-shopping-bag {
    color: #000000;
}

.store-footer a {
    color: white;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.store-footer h3 {
    color: var(--color-primary);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
}

.copyright-text p {
    --tw-text-opacity: 1;
    color: rgb(230 230 230);
    }

body {
    background:white;
    background-position-x: center;
    background-position-y: initial;
    background-size: center;
    background-repeat: no-repeat;
    background-attachement: center;
    background-origin: initial;
    background-clip: initial;
    background-color:white;
    }

.s-comments-product {
    margin-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: transparent;
    background-color: transparent;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.s-product-options-wrapper {
    margin-bottom: 1.25rem;
    display: block;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: transparent;
    background-color: #ffffff;
    padding: 1.25rem;
    backdrop-filter: blur(5px);
    box-shadow: 0 0 4px 2px #d5ccba;
}

.s-product-card-content {
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
}


.s-product-card-content {
        box-shadow: -3px 13px 10px #7774743d;
    }


.s-product-card-image{
  box-shadow: -3px 13px 10px #7774743d;
  }
  
.s-product-card-image img.loaded {
    position: relative;
    opacity: 1;
    transition: 0.3s;
  }

.s-product-card-image img.loaded:hover {
  height:120%;
  width:120%;
  }
  
  .main-menu>li>a[href*=862181435] {
    --tw-text-opacity: 1;
    color: rgb(255 0 0);
}


.bg-white {
    --tw-bg-opacity: 1;
    background-color: transparent;
    background-color: #ffffff;
}

.navbar-brand img{max-height:3.5rem;} 
@media (min-width:640px) 
.navbar-brand img{max-height:7rem;}
.main-nav-container.fixed-pinned .navbar-brand img{
    max-height:59px;}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height:75px;
    padding:5px;}
.s-block__title h2{
    font-size:1.45rem;}
[dir=rtl] 
.s-block__title .right-side{
    padding-left:0rem;
 }
.s-slider-block__title h2{
  font-size:2rem;}
.px-2\.5{
    padding-left:0.25rem;
    padding-right:0.25rem;}
.text-xs{
    line-height:0.25rem;}
.product-entry{
    border:0.2px solid #828588;}
.dmopMx{
    display:none;}

.banner-entry{
  border-radius:1.375rem;
  }
  
  .s-block--slider-with-bg {
    background-color: #453633;
    }
  
.grid-flow-row{grid-template-columns:auto auto auto auto;}
.banner-entry h3{display:none;}
.has-overlay:after{display:none;}
.banner-entry h3{
    line-height:1.5rem;
    font-size:24 px;
    color:var(--color-primary);}
@media only screen and (max-width:768px){
.banner-entry h3{display:none;}
.has-overlay:after{display:none;}
.grid-flow-row{grid-template-columns:auto auto auto auto;}
.banner-entry{max-height:110px;}
.gap-3{gap:0.5rem;}} 
.grid-flow-row{display:grid;} 
.topnav-is-dark 
.top-navbar{--tw-bg-opacity:0;} 
 
.banner-entry{border-radius:.375rem;}
[dir=rtl] 
.s-slider-block__title-right{
    padding-left:0rem;
    padding-top:0.5rem;
}

.s-block--slider-with-bg 
.s-slider-block__title-left{margin-bottom:20px;} 

.s-button-primary{
    border-color:#231f1e;
    background-color:#231f1e;
    color:#fff;} 
.s-button-primary:hover{
    background-color:var(--color-primary);
    border-color:var(--color-primary);} 

.s-button-primary-outline{
    color:white;
    background:var(--color-primary);
    border:2px solid var(--color-primary-dark);} 
.footer-is-light 
.store-footer 
.store-footer__inner{
    background:var(--color-primary);
    color:balck;
    border-radius:18px;} 
div#mainnav{
    background:var(--bg);
    color:white;} 

[dir=rtl] 
.carousel-slider .swiper{padding-left:0rem!important;} salla-slider.photos-slider 
.swiper-slide{
    position:relative;
    margin:0!important;
    padding:0;
    height:auto;
    width:100%;
    overflow:hidden;
    border-radius:0rem;} 
.rounded-md{border-radius:0rem!important;} 
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden{padding:0;} 
section:first-of-type.s-block.s-block--photos-slider{margin:0!important;} 
.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8{
    display:flex;
    flex-wrap:wrap;} 
    
.lazy__bg.lazy.entered.loaded{
  transition:0.3s;
  } 
  
.lazy__bg.lazy.entered.loaded:hover {
  width:103%;
  height:103%;
  }

.banner--fixed img{background:#faebd700;} 
.banner-entry{
    width: 110%;
    height: 300px;
    background: #f9fafb00;
}
@media (max-width:480px)
{.banner-entry{
    width:100%;
    height:130px!important;
   background:#f9fafb00;}} 
   
@media (min-width: 480px) {
    .banner-entry {
        padding: 11rem;
    }
}
@media (min-width: 640px) {
    .sm\:gap-8 {
        gap: 3rem;
    }
}


 .topnav-is-dark .top-navbar .s-search-input {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgb(0 0 0);
}
.topnav-is-dark .top-navbar .btn--circle-gray, .topnav-is-dark .top-navbar .btn--rounded-gray, .topnav-is-dark .top-navbar .s-search-input {
    background-color: rgb(255 255 255);
}
.two-row .banner-entry:first-child h3 {
    font-size: 1.5rem;
    line-height: 3rem;
}
@media (min-width: 480px) {
    .banner-entry h3.text-with-border {
        border-width: 1px;
    }
    
.slide--cat-entry:hover {
    width: 105%;
  }
a.slide--cat-entry:hover {
    color: red;
  }

.form-label{
  color:var(--color-primary);
  }
  
  @media (min-width: 768px) {
    .brand-item {
        height: 17rem;
        padding: 2rem;
    }
}