div#static-salla-filters {
    padding: 2px !important;
    max-width: 1266px;
    margin: 21px auto;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--circle-links.s-block--animate.circle-links-4 > div > ul > li> a > h3{
color: var(--store-text-primary);
    border-width: 1px;
    border-color: #0f121f;
    
    background-color: #0f121f;
    color: #ddbf89;
    
    border-radius: 6px;}
}
 
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--square-links.square-links-2.s-block--animate > div > div.lg\:mx-0.text-center.home-block-title > h2{
 color: var(--store-text-primary);
    border-width: 1px;
    border-color: #414042;
    border-color: var(--color-primary);
    background-color: #414042;
    background-color: var(--color-primary);
    color: #ff6767;
    color: var(--color-primary-reverse);
    border-radius: 6px;}




#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--square-links.square-links-2.s-block--animate > div > div.lg\:mx-0.text-center.home-block-title > h2{
 color: var(--store-text-primary);
    border-width: 1px;
    border-color: #414042;
    border-color: var(--color-primary);
    background-color: #414042;
    background-color: var(--color-primary);
    color: #ff6767;
    color: var(--color-primary-reverse);
    border-radius: 6px;}




#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--circle-links.s-block--animate.circle-links-3 > div > div > h2{
 color: var(--store-text-primary);
    border-width: 1px;
    border-color: #414042;
    border-color: var(--color-primary);
    background-color: #414042;
    background-color: var(--color-primary);
    color: #ff6767;
    color: var(--color-primary-reverse);
    border-radius: 6px;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--circle-links.s-block--animate.circle-links-3 > div > ul > li> a > h3{color: var(--store-text-primary);
    border-width: 1px;
    border-color: #414042;
    border-color: var(--color-primary);
    background-color: #414042;
    background-color: var(--color-primary);
    color: #ff6767;
    color: var(--color-primary-reverse);
    border-radius: 6px;
}
 






#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--circle-links.s-block--animate.circle-links-4 > div > div > h2{
 
  border-width: 1px;
    border-color: #000000;
    background-color: #000000;
   color: #ddbf89;
    border-radius: 6px;
}






#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--circle-links.s-block--animate.circle-links-5 > div > ul > li> a > h3{
  border-width: 1px;
    border-color: #000000;
    background-color: #000000;
    color: #fff;
    border-radius: 6px;
     
}


#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--circle-links.s-block--animate.circle-links-5 > div > div > h2
{ border-width: 1px;
    border-color: #2b2d34;
    background-color: #2b2d34;
     color: #fff;
    border-radius: 6px;
}



#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--circle-links.s-block--animate.circle-links-6 > div > div > h2
{ border-width: 1px;
    border-color: #000000;
    background-color: #000000;
    color: #e71e2a;
    border-radius: 6px;}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--circle-links.s-block--animate.circle-links-6 > div > ul > li> a > h3{ border-width: 1px;
    border-color: #000000;
    background-color: #000000;
    color: #e71e2a;
    border-radius: 6px;}
@media (min-width: 1280px) {
    .xl\:grid-cols-6 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

ul>li>a>.rounded-full{
    border-radius: 2px;
    }
    
    
#square-links-slider-2>div>div>div>a{

 height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    text-align: center;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    display: flex
;
    align-items: center;
    justify-content: center;
 }








  section>.mx-auto>ul>li {
height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    text-align: center;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    display: flex
;
    align-items: center;
    justify-content: center;
    }












 #square-links-slider-2>div>div>div>a>div>img{
 height: 100%;
 }
   @media (min-width: 768px) {
    salla-slider .slide--one-sixth {
        width: 20%;
    }
}
.advanced-slider .swiper .swiper-slide-active p {
   
    color: #fff;
}
.advanced-slider .swiper .swiper-slide-active h2 {
  
    color: #fff;
}


s-app-install-alert-wrapper.open[position=bottom] {
    animation: slideUpFromBottom .6s linear;
}
.s-app-install-alert-wrapper.open[position=bottom] {
    display: flex;
}
.s-block {
    padding-bottom: .75rem;
    padding-top: .25rem;
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
}
/* Add custom CSS styles below */
.s-app-install-alert-wrapper {
    display: none;
    flex-direction: row;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    width: 95%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    border-radius: .375rem;
    padding: .75rem;
    gap: .5rem;
    background-color: color-mix(in srgb,#414042 15%,white);
    background-color: color-mix(in srgb,var(--color-primary) 15%,white);
    filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07)) drop-shadow(0 2px 2px rgba(0,0,0,0.06))
}

    .s-app-install-alert-wrapper.open[position=top] {
        display: flex;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

@keyframes slideDownFromTop {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }

    100% {
        transform: translateY(0%);
        opacity: 1
    }
}

.s-app-install-alert-wrapper.open[position=top] {
    animation: slideDownFromTop .6s linear;
    transition-duration: 500ms
}

.s-app-install-alert-wrapper:not(.open) {
    display: none
}

.s-app-install-alert-content {
    width: 100%
}

.s-app-install-alert-wrapper[position=top] {
    top: 0
}

.s-app-install-alert-wrapper.open[position=bottom] {
    display: flex
}





.shippingTimeSec {
    width: 100%;
    margin-top: 15px;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-family: var(--font-secondary);
    font-size: 14px
}

.shippingTimeSec .dropbtn {
    width: 100%;
    text-align: right;
    height: 100%;
    padding: 4px 0 0;
    cursor: pointer;
    font-weight: 100!important;
    color: var(--heighlightedMenuDarkred);
    text-decoration: underline
}

.shippingTimeSec #citiesInputSearch {
    box-sizing: border-box;
    background-image: url(https://www.w3schools.com/howto/searchicon.png);
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd
}

.shippingTimeSec .dropdown {
    position: relative
}

.shippingTimeSec .dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #f9fafb;
    min-width: 230px;
    width: 100%;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    overflow: hidden;
    box-shadow: rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px
}

.shippingTimeSec .dropdown-content ul {
    max-height: 230px;
    overflow: auto;
    scrollbar-color: #d9d9d9 #efefef;
    scrollbar-width: thin
}

.shippingTimeSec .dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.shippingTimeSec .dropdown a:hover {
    background-color: #ddd
}

.show {
    display: block!important
}

.s-cities-label {
    color: rgba(55,65,81,var(--tw-text-opacity));
    display: block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .625rem
}

.s-cities-label {
    --tw-text-opacity: 1;
    color: rgba(0,0,0,var(--tw-text-opacity))
}

.s-cities-label b {
    display: block
}

.s-cities-label small {
    --tw-text-opacity: 1;
    color: rgba(156,163,175,var(--tw-text-opacity))
}

.s-cities-content {
    margin-top: .25rem;
    display: inline-flex;
    gap: .5rem;
    font-family: var(--font-secondary);
    font-size: .875rem
}

.s-cities-content>div>.dropdown {
    padding: 0
}

.deliverTime {
    padding: 4px 0 0
}

@media(min-width: 768px) {
    .shippingTimeSec .dropdown-content ul::-webkit-scrollbar {
        width:8px
    }

    .shippingTimeSec .dropdown-content ul::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9d9d9;
        -webkit-box-shadow: 0 0 2px rgb(0 0 0/20%)
    }

    .shippingTimeSec .dropdown-content ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgb(0 0 0/20%);
        background: #efefef;
        border-radius: 10px
    }
}

small {
    font-size: 90%;
    font-weight: 100!important
}

select option:checked,select option:hover {
    background: #ddd!important
}



 











 
.border-green-600 {
    --tw-border-opacity: 1;
    border-color: #16a34a;
    border-color: rgba(22, 163, 74, var(--tw-border-opacity));
}
.border-dashed {
    border-style: dashed;
}
.s-slider-nav-arrow svg {
    width: 100%;
    fill: #6b7280;
}
.product-card__enhanced-mini-cart {
    display: none !important;
}
.product-card__content {
    position: relative;
    text-align: center;
    padding: 3px 0px;
}
 
.product-card__image>a>img.lazy.loaded {
    opacity: 1;
    transform: scale(1.039);
}
 @media (max-width: 640px){

.product-card__image>a>img.lazy.loaded {
    opacity: 1;
     transform: scale(1.039);
}
}
 
 @media (min-width: 1024px){
.s-products-list-vertical-cards {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}}

body.enhanced_add_btn_in_mobile .product-card__content-wrapper {
  
    padding: 6px !important;
    padding-bottom: 8px ;
}
@media (min-width: 768px)
{.s-products-list-filters-results {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.2rem;
}}
.s-rating-stars-medium svg {
    height: 1.25rem;
    width: 1.25rem;
    fill: #f9ba17;    
  
}

.s-product-card-rating {
    margin-top: 6px;
    justify-content: left;
    position: absolute;
    top: -27px;
    left: 5px;
    z-index: 1;
    --tw-text-opacity: 1;
    /* background: #ffffff87; */
    width: 100%;
}
.s-rating-stars-btn-star {
   
    padding-left: 0px;
    padding-right: 1px;
      width: 15px;
 
}
.product-card__content-wrapper>.text-store-text-secondary {
    position: absolute;
    top: -24px;
    right: 0rem;
    z-index: 1;
    --tw-text-opacity: 1;
    background: #656363;
    width: 100%;
    text-align: justify;
    padding: 8px 7px;
    color: #fff;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    /* background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); */
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-size: .75rem;
    line-height: 1rem;
    opacity: .9;
    padding: .25rem .5rem;
    position: absolute;
}

 


.slide--cat-entry {
     background-color: #000000;
    padding: 0.75rem;
    text-align: center;
    color: #ffffff;
}


.h-full {
    height:100%;
}
.advanced-slider .swiper {
    height: 100%;
}
.flex>.tabs   {
  border-color: #414042;
    border-color: var(--color-primary);
    color: #414042;
    color: var(--color-primary);
    border-color: #414042;
    border-color: var(--color-primary);
    line-height: 2.75rem;
    margin-bottom: 2rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: grey;
}

@media (min-width: 768px)
{
 .s-block__title {
    margin-bottom: 2rem;
 
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: grey;
}}


.s-block--best-offers .s-slider-block__title-left .s-slider-block__display-all, salla-products-slider .s-slider-block__title-left .s-slider-block__display-all {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 0px; 


}
.banners-slider+.double-banner, .banners-slider+.s-block--fixed-banner, .s-block--fixed-banner+.double-banner, .s-block--fixed-banner+.s-block--fixed-banner, .double-banner+.s-block--fixed-banner, .double-banner+.banners-slider, .double-banner+.double-banner {
    margin-top: 0.3rem;
}

 
@media only screen and (min-width: 1024px){
.main-menu li.root-level>a {
    padding-top: 0;
    padding-bottom: 1rem;
    font-weight: 700;
}
}

@media only screen and (min-width: 1024px){
.main-menu {
    
    padding-top: 1rem;
    
}}

.main-nav-container {
    min-height: 56px;
}

 @media (max-width: 640px){
.main-nav-container {
    min-height: 52px;
}}
 


.s-block {
   margin-top: 2px;
}
[dir=rtl] .s-cart-summary-count {
    right: -0.1rem;
}
.s-cart-summary-count {
    top: -0.01rem;
}
 
.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, var(--tw-bg-opacity));
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    adding-top: 0.375rem;
    padding-bottom: 0.875rem;
    font-size: .875rem;
    line-height: 0.25rem;
}
@media (min-width: 640px){
.s-block {
   margin-top: 8px;
}
}
.banner--fixed img {
  
    border-radius: 0px;
   
}
.rounded-md {
   border-radius: 0px;
}

.sicon-hashtag:before {
    content: "\ec8e";
}
.slide--cat-entry i {
    margin-bottom: 0rem;
    display: inline-block;
    font-size: 0px;
    color: #414042;
    color: var(--color-primary);
}

.slide--cat-entry {
    
    height: 3rem;
   
    }
    .sicon-hr:before {
    content: "\e981a";
}
    
 .justify-center>.bg-primary {
   
    visibility: hidden;
    display: none;
}

.swiper-slide>.justify-center
{
  background: #21234e;
    color: #fff;
    padding: 0.5rem 0.625rem;
    border: 1px solid #efefef;
    border-radius: 6px;
       width: 100%;
    max-width: 176px;
    border: 1px solid #efefef;
    border-radius: 6px;
    /* text-align: center; */
    padding: 8px 6px;
    align-items: center;
}
    .justify-center>.text-store-text-primary
    {
      color: #ffffff;
    }
    
.ql-video{
      WIDTH: 100%;
   
    left: 0;
    right: 0;
    padding: 15px;
    background: #fff;
    display: none;
}
 
.object-none {
    -o-object-fit: none;
    object-fit: contain;
}
@media (min-width: 640px)
.s-block {
    margin-top: 7px;
}

@media (min-width: 1440px){
.container {
    max-width: 1280px;
}}
.main-nav-container.fixed-pinned .main-menu>li>a {
    padding-top: 13px;
    padding-bottom: 13px;
}

@media (max-width: 640px){
.is-sticky-product-bar .sticky-product-bar {
   
    bottom: 39px;
} 
}
.main-nav-container.animated .inner {
    transition: top .5s,transform .5s,opacity .4s;
}
  
@media (max-width: 767px){
.simplified-products .s-products-slider-card .product-card--simplified .product-card__image, .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__image, .simplified-products .offer-slide .product-card--simplified .product-card__image {
    height: 18.9rem;
    max-height: 19.2rem;
}}

@media (max-width: 991px){
.simplified-products .s-products-slider-card .product-card--simplified .product-card__promotion, .landing-page .s-products-slider-card .product-card__promotion, .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__promotion, .landing-page .s-products-list-wrapper .product-card__promotion, .simplified-products .offer-slide .product-card--simplified .product-card__promotion {
    top: auto;
    top: initial;
    bottom: 17rem;
    left: auto;
    left: 0;
    right: initial;
}
}


.product-card__promotion {
position: absolute;
    top: 1rem;
    left: 0rem;
    z-index: 1;
    max-width: 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgba(248,113,113,var(--tw-bg-opacity));
    color: rgba(255,255,255,var(--tw-text-opacity));
    font-size: 0.75rem;
    line-height: 1rem;
    opacity: .9;
    padding: 0.25rem 0.5rem;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 2;
    border-bottom-right-radius: 0.75rem;
    font-weight: 400;
    
}

.product-card__addToCart__btn salla-button {
    color: #fff;
    text-transform: inherit;
    margin: auto;
    flex: 1;
    font-size: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 0;
    display: none;
    width: 100%;
    background: rgba(0,0,0,.5);
    height: 40px;
    line-height: 40px;
}



@media (min-width: 768px){
.s-products-list-vertical-cards {
    
    gap: 10px;
}}





















 



.dark .da-ts {
    color: #9ca3af!important;
}
 
 

.s-button-primary-outline:hover {
   
   
    background-color:#ffffff;
    color: #000000;
   
}

div>salla-button>.s-button-primary {
    background-color: #000000;
    /* background-color: #ffffff; */
    border-color: #000000;
    /* border-color: #ffffff; */
    border-width: 1px;
    color: #ffffff;
}

div>salla-button>.s-button-primary:hover {
     background-color: #ffffff;
      color: #000000;
}

.dark .s-quantity-input-button {
    fill: #ffffff;
}
.dark .s-quantity-input-container {
    border-color:  #ffffff;
}
:root {
    --bodyBG: #e8f3f9;
    --white: #ffffff;
    --goldColor: #d39864;
    --linkHoverColor: #c79845;
    --text-btn: #ffffff;
    --greyColor: #969a9e;
    --darkColor: #555555;
    --transWhite15: rgba(255, 255, 255, 0.15);
    --heighlightedMenuDarkred: #a20002;
    --heighlightedMenuDarkblue: #df9e3c;
    --newBgDarkblue: #e71f2c;
    --dark-text-main: #000a22
}

:root {
    --bodyBG: #e8f3f9;
    --white: #ffffff;
    --hoverColor: #e5202a;
    --greyColor: #969a9e;
    --darkColor: #555555
}

a.mburger.mburger--collapse>i.text-primary {
    color: #d2d2d2!important
}

.s-cart-summary-count {
    background: #d39864!important;
    display: inline-block;
    text-align: center;
    line-height: 15px
}

.header.store-header .navbar-brand {
    padding: 0 .25rem;
    margin: 0
}

header.store-header .navbar-brand img {
    max-height: 4.5rem
}

header.store-header>.inner.nav-header .social-links {
    gap: .25rem
}

header.store-header>.inner.nav-header .social-links>a.social-icon {
    padding: 0 .25rem;
    line-height: 18px
}

header.store-header>.inner.nav-header .social-links>a.social-icon:hover {
    color: #2b2b2b!important
}

.footer-middle .contact-links>a {
    display: inline-block;
    min-width: 3.75rem!important;
    padding: 6px 0 3px;
    text-align: center;
    border-radius: 2px;
    border: .01em solid #9da4be;
    gap: 5px
}

.footer-middle .contact-links>a:first-of-type {
    background-color: #21ca37!important;
    border-color: #1ae935
}

.footer-middle .contact-links>a:nth-of-type(2) {
    background-color: #1279cc!important;
    border-color: #188deb
}

.footer-middle .contact-links>a:nth-of-type(3) {
    background-color: #1d7884!important;
    border-color: #1e94a4
}

.footer-middle .contact-links>a:nth-of-type(4) {
    background-color: #44765e!important;
    border-color: #478e6c
}

.footer-middle .contact-links>a>i {
    font-size: 18px;
    font-weight: 500!important;
    background: -webkit-radial-gradient(33% 100% circle,#a5f0ff 4%,#cef8ff 30%,#fcffaa 62%,#ffd0cc 85%,#ffffff);
    background: radial-gradient(circle at 33% 100%,#a5f0ff 4%,#cef8ff 28%,#fcffaa 62%,#ffd0cc 85%,#ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,.15)
}

.footer-middle .contact-links>a>i.sicon-whatsapp2:before {
    content: "\e968"
}

.footer-middle .contact-links>a>i.sicon-iphone:before {
    content: "\e92d"
}

.footer-middle .contact-links>a>i.sicon-mail:before {
    content: "\ed4f"
}

.footer-middle .contact-links>a {
    position: relative;
    overflow: hidden
}

.footer-middle .contact-links>a:hover {
    color: #fff!important
}

.footer-middle .contact-links>a::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient( left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100% );
    background: linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100% );
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.footer-middle .contact-links>a:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes borderAnime {
    to {
        background-position: 200% center
    }
}

ul.social-links>.social-links a.social-icon,ul.social-links>.social-links a.social-icon i:after,ul.social-links>.social-links span[class^=sicon-] {
    transition: all .35s;
    transition-timing-function: cubic-bezier(.31,-.105,.43,1.59)
}

ul.social-links>.social-links a.social-icon i {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

ul.social-links>.social-links a.social-icon i:after {
    top: 90%;
    left: -110%;
    background-color: #1d7884
}

ul.social-links>.social-links a.social-icon i[class^=sicon-link] {
    transform: scale(.8);
    color: #61abb4
}

ul.social-links>.social-links a.social-icon:first-of-type i:after {
    background-color: #8a3ab9
}

ul.social-links>.social-links a.social-icon:first-of-type i {
    color: #8a3ab9
}

ul.social-links>.social-links a.social-icon:nth-of-type(2) i:after {
    background-color: #3cf
}

ul.social-links>.social-links a.social-icon:nth-of-type(2) i {
    color: #3cf
}

ul.social-links>.social-links a.social-icon:nth-of-type(3) i:after {
    background-color: #fffc00
}

ul.social-links>.social-links a.social-icon:nth-of-type(3) i {
    color: #dbbc21
}

ul.social-links>.social-links a.social-icon:nth-of-type(4) i:after {
    background-color: #010101
}

ul.social-links>.social-links a.social-icon:nth-of-type(4) i {
    color: #010101
}

ul.social-links>.social-links a.social-icon:focus i:after,ul.social-links>.social-links a.social-icon:hover i:after {
    top: -55%;
    left: -18%
}

ul.social-links>.social-links a.social-icon:focus i[class^=sicon-],ul.social-links>.social-links a.social-icon:hover i[class^=sicon-] {
    color: #fff
}

ul.social-links>.social-links {
    height: 40px;
    margin: auto;
    font-size: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

ul.social-links>.social-links a.social-icon {
    display: block;
    background-color: #fff;
    border: 1px solid #eee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.1);
    opacity: .99
}

ul.social-links>.social-links a.social-icon i:after {
    content: "";
    width: 52px;
    height: 52px;
    position: absolute;
    transform: rotate(45deg);
    z-index: -1
}

ul.social-links>.social-links a.social-icon:not(:nth-of-type(3)):hover i:before {
    color: #fff
}

ul.social-links>.social-links a.social-icon span[class^=sicon-] {
    font-size: 24px;
    vertical-align: middle
}

a.social-icon:hover {
    background: #fff!important;
    border-color: #fff!important;
    box-shadow: none
}

.bubble-show:hover .bubble {
    top: -2.2rem
}

.store-footer a:hover {
    color: var(--hoverColor)!important
}

.store-footer h3,.store-footer h3.follow {
    color: #9e9e9e!important
}

.sticky-product-bar .s-button-primary-outline {
    border: 1px solid var(--color-primary-l)
}

.footer-top.footer-container {
    padding-bottom: 0
}

.footer-middle.footer-container>.flex.flex-col:first-child {
    order: 0;
    min-width: 10rem
}

.footer-middle.footer-container>.flex.flex-col:nth-child(2) {
    order: 1;
    align-items: center
}

.store-footer .footer-list.store-links-items a {
    line-height: 20px
}
.footer-middle.footer-container>.flex.flex-col:nth-child(3) {
    order: 2
}

.footer-middle.footer-container>.flex.flex-col.gap-4 {
    order: 4
}

span.copyrights.text-sm.opacity-75 {
    display: flex;
    order: 2;
    margin-top: 10px
}

.flex.flex-col.gap-4>.footer-vat.flex.justify-center {
    padding: 0;
    flex-grow: 1;
    overflow: hidden
}

.vat-num>p.text-sm.text-text-grey.da-tm {
    display: inline-block
}

.vat-num>p.text-sm:after {
    content: ": 311577053700003"
}

.vat-num>span.text-sm.da-tm {
    display: block;
    position: relative;
    min-width: 100%;
    text-indent: -9999px
}



.intercom-lightweight-app-launcher,.intercom-namespace .intercom-dfosxs {
    bottom: 45px!important
}

.product-single .intercom-lightweight-app-launcher,.product-single .intercom-namespace .intercom-dfosxs {
    bottom: 110px!important
}

@media(min-width: 479px) {
    section.sticky-product-bar.bg-white.da-bgg {
        padding-right:80px
    }

    .product-single .intercom-lightweight-app-launcher,.product-single .intercom-namespace .intercom-dfosxs {
        bottom: 55px!important
    }
}

a.navbar-brand.p-1 {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

a.navbar-brand.p-1>img {
    zoom:1.15}
 

.mm-ocd__content ul.main-menu>li>a[aria-label="نظام الولاء"]>h5 {
    font-weight: inherit!important;
    font-family: var(--font-secondary);
    padding: 0 5px
}

.mm-ocd__content ul.main-menu>li>a[aria-label="نظام الولاء"]:before {
    content: "\e94e";
    font-family: sallaicons!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 8px
}

.main-menu li.links:hover,.main-menu li.social:hover {
    color: var(--hoverColor)!important
}

.product-entry button span.s-button-text {
    overflow: visible
}

.product-entry button span.s-button-text>.flex-center {
    position: relative
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element,salla-button .s-quick-buy-button.s-button-element:not(:disabled):not([loading]) {
    background-color: var(--color-primary);
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element i.sicon-shopping-bag2 {
    opacity: 0;
    position: absolute;
    right: -100%;
    top: 50%;
    transform: translateY(-50%) translateX(30px);
    transition: all .5s cubic-bezier(.68,-.55,.265,1.55);
    visibility: hidden;
    color: #000
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover,salla-button .s-quick-buy-button.s-button-element:not(:disabled):not([loading]):hover {
    background-color: var(--goldColor);
    background: var(--goldColor);
    color: var(--color-primary);
    border-color: var(--goldColor);
    overflow: hidden
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover i.sicon-shopping-bag2 {
    opacity: 1;
    transform: translateY(-50%) translateX(-2px);
    visibility: visible;
    right: -20px
}

.product-entry .promo-title,.promotion-title {
    background-color: var(--goldColor);
    background: var(--goldColor);
    color: #000
}

.product-entry .on-sale>h4 {
    color: var(--linkHoverColor)
}

section.s-block.s-block--faqs {
    background-color: #eaeaea!important
}

.faq-container:hover .faq-item {
    color: #fff
}

@media(min-width: 375px) {
    .footer-middle.footer-container>.flex.flex-col:nth-child(2) {
        min-width:20rem
    }

    
}

@media(max-width: 768px) {
    .s-block.s-block--photos-slider~section.s-block.s-block--banners.container {
        margin-top:.75rem
    }

    .s-block--banners .two-row,.s-block--banners .one-row {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width: 1024px) {
    .main-menu li>a:hover,.main-menu>.has-children:hover>a {
        color:var(--hoverColor)!important
    }

    .main-menu li:not(.menu-user-login)>a:hover {
        color: var(--hoverColor)!important
    }

    .main-menu .has-children li a:hover {
        color: #414042!important
    }

    .store-footer .footer-container .logo-footer .foo {
        max-height: 100px;
        max-width: 100px
    }
}
 

    .s-block__title h2,.s-slider-block__title>.s-slider-block__title-right h2 {
        font-size: 1.10rem
    }
 

    footer .footer-apps>h3 {
        text-align: center!important
    }

    .footer-middle.footer-container>.flex.flex-col:first-child {
        max-width: 20%
    }
}

@media(min-width: 768px) {
    .grid.one-row.md\:grid-cols-1.grid-flow-row,section.s-block.s-block--banners.container>.grid.one-row.md\:grid-cols-2 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    section.s-block.s-block--banners.container {
        margin-top: 0;
        padding-top: .5rem
    }

    body#app .app-inner header+.s-block.s-block--photos-slider+.s-block.s-block--banners>.grid.two-row.grid-flow-row {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    body#app .app-inner header+.s-block.s-block--photos-slider+.s-block.s-block--banners>.grid.two-row.grid-flow-row>.banner-entry {
        height: 400px
    }
}

@media(max-width: 992px) {
    footer .footer-middle.footer-container {
        display:flex;
        flex-wrap: wrap
    }
}

@media(max-width: 480px) {
    .s-block--banners .two-row .banner-entry,.s-block--banners .one-row .banner-entry {
        height:100px
    }
}

@media(max-width: 375px) {
    .sticky-product-bar.da-bgg>.container {
        padding-left:0;
        padding-right: 0
    }

    .s-quantity-input-button {
        width: 2.35rem
    }
}

.main.main--404 {
    background: #0d0d0d
}

.e404-container {
    display: flex;
    flex-direction: column
}

.e404-container>.landing {
    display: flex;
    max-width: 100%;
    height: 100vh
}

h1.title.title--giant.title--404 {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    max-height: initial;
    width: 50%;
    gap: 10px;
    color: #fff;
    justify-content: center;
    margin-bottom: 0
}

h1.title.title--giant.title--404>img {
    width: 50%;
    height: auto;
    max-height: initial
}

.e404-container>.landing h3 {
    width: 50%;
    display: flex;
    align-items: center;
    margin-top: -90px
}

.e404-container>p {
    position: absolute;
    width: 50%;
    left: 0;
    top: 50%;
    bottom: 0;
    color: #f4f4f4;
    display: flex;
    align-items: flex-start;
    margin: 0
}

.e404-container>a {
    position: absolute;
    padding: 5px 15px;
    right: 50%;
    top: calc(50% + 100px);
    background: var(--hoverColor);
    color: var(--color-primary);
    border-radius: 9999px;
    margin: 0
}

footer {
    padding-bottom: 39px
}

.footerBar {
  background: #656363;
    min-height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    padding: 5px;
    border-radius: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    border-top: 1px solid #041c34;
    backdrop-filter: saturate(180%) blur(20px);
}

.footerBar>div {
    width: 50%;
    text-align: center
}

.footerBar>div:first-child {
    border-left: 2px solid #86766e
}

.footerBar>div>h3 {
    color: #fff!important;
    margin: 0 auto;
    font-size: 15px
}

@media(max-width: 768px) {
    .footerBar>div>h3 {
        font-size:12px;
        line-height: 14px
    }
}

button.search-btn.header-btn {
    border: 1px solid #545454;
    border-radius: 100px;
    width: 50%;
    min-width: 70px;
    background: #f1f1f1;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 10px
}

.is_large .header-btn .sicon-search {
    color: var(--color-primary)!important
}

footer .footer-top .social-links>a.social-icon {
    width: 30px;
    height: 30px;
    padding: 2px
}

footer .footer-top .social-links>a.social-icon:hover {
    border-radius: 50%;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.categoryNav {
    background: #fff;
    transition: height .75s ease-out;
    height: 0;
    max-height: 46px!important
}

.categoryNavContainer {
    padding: 9px 15px;
    width: 100%;
    overflow-y: visible;
    height: 46px
}

.categoryNavContainer>ul {
    list-style: none;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    white-space: nowrap;
    gap: 15px
}

.categoryNavContainer>ul>li {
    display: inline-block;
    flex: 1;
    text-align: center;
    border: 1px solid transparent
}

.categoryNavContainer>ul>li>a {
    padding: 2px 8px;
    display: inline-block;
    width: 100%
}

.categoryNavContainer>ul>li:first-child>a,ul.main-menu>li:not(.mobile-menu-slider):nth-child(2)>a.sidemenu-link>h5 {
    color: var(--heighlightedMenuDarkblue)!important
}

.categoryNavContainer>ul>li.categoryNavLink:hover {
    background: #f8f4ec;
    border-radius: 5px;
    border-color: #e5e2da;
    position: relative
}

.categoryNavContainer ul.categoryNavSubmenu {
    display: none;
    position: absolute;
    background: #f8f4ec;
    padding: 5px 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    margin-top: 1px;
    border-radius: 5px;
    border: 1px solid #e5e2da;
    max-height: calc(100vh - 155px);
    overflow-y: auto;
    scrollbar-color: #d9d9d9 #efefef;
    scrollbar-width: thin
}

.categoryNavContainer ul.categoryNavSubmenu:before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: transparent transparent #dee7ee transparent
}

.categoryNavContainer ul.categoryNavSubmenu>li.submenuItem {
    padding: 3px 5px;
    border-bottom: 1px solid #dee7ee
}

.categoryNavContainer ul.categoryNavSubmenu>li.submenuItem:last-child {
    border-bottom: 0
}

.categoryNavContainer ul.categoryNavSubmenu>li.submenuItem:hover>a {
    color: var(--heighlightedMenuDarkblue)
}

.categoryNavContainer>ul>li.categoryNavLink.hasSub:hover>ul.categoryNavSubmenu {
    display: block
}

@media(min-width: 768px) {
    .categoryNavContainer ul.categoryNavSubmenu::-webkit-scrollbar {
        width:8px
    }

    .categoryNavContainer ul.categoryNavSubmenu::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9d9d9;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2)
    }

    .categoryNavContainer ul.categoryNavSubmenu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2);
        background: #efefef;
        border-radius: 10px
    }
}

@media(max-width: 768px) {
    .categoryNavContainer {
        overflow-x:auto
    }

    .categoryNavContainer>ul>li.categoryNavLink:hover {
        position: static
    }

    .categoryNavContainer ul.categoryNavSubmenu {
        left: auto;
        transform: translateX(50%);
        border-top-width: 3px
    }

    .categoryNavContainer ul.categoryNavSubmenu:before {
        left: 27px
    }

    .categoryNavContainer>ul>li.categoryNavLink.hasSub:hover>ul.categoryNavSubmenu {
        overflow-y: auto;
        height: 60vh
    }

    .categoryNavContainer .categoryNavLink.hasSub>a {
        position: relative
    }

    .categoryNavContainer .categoryNavLink.hasSub>a:after {
        content: "";
        display: none;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 7px;
        border-color: transparent transparent #e5e2da transparent
    }

    .categoryNavContainer .categoryNavLink.hasSub:hover>a:after {
        display: block
    }
}

section.s-block.s-block--special-product>.container>.flex-col {
    max-height: 450px;
    border: 1px solid #e8e8e8
}

section.s-block.s-block--special-product .p_image>a>img {
    width: auto;
    transform: scale(1.15) translateY(1%)
}

section.s-block.s-block--special-product .p_image {
    height: auto;
    width: 25%
}

section.s-block.s-block--special-product .p_image+.flex.flex-col {
    width: 75%;
    display: flex;
    justify-content: space-evenly
}

section.s-block.s-block--special-product #special-product-tabs.s-product-tabs {
    margin-top: 10px
}

section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs.tabs__special.tabs__outline {
    margin: 10px 0
}

section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs-wrapper.tabs-wrapper__special p {
    width: 90%;
    margin-bottom: 15px
}

@media(max-width: 768px) {
    section.s-block.s-block--special-product>.container>.flex-col {
        flex-direction:row;
        max-height: 310px
    }

    section.s-block.s-block--special-product .p_image {
        width: 40%
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col {
        width: 60%;
        padding: 10px
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col>h1 {
        font-size: 1rem;
        line-height: 1rem
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col>p {
        font-size: .85rem;
        line-height: 16px
    }

    section.s-block.s-block--special-product #special-product-tabs.s-product-tabs {
        margin-top: 0
    }

    section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs.tabs__special.tabs__outline {
        margin: 0;
        padding: 10px 5px
    }

    section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs-wrapper.tabs-wrapper__special p {
        width: 100%;
        margin-bottom: 0;
        font-size: .8rem;
        line-height: 16px
    }

    .s-block.s-block--special-product .btn {
        font-size: 14px;
        padding: 5px 15px 6px;
        margin-top: 4px
    }
}

@media(max-width: 425px) {
    section.s-block.s-block--special-product .p_image+.flex.flex-col {
        padding:6px
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col>h1 {
        font-size: .8rem;
        line-height: .9rem
    }

    .tabs.tabs__special.tabs__outline {
        gap: .75rem
    }

    .tabs.tabs__special.tabs__outline>.tabs__outline .tab-trigger {
        padding: .4rem
    }
}

footer .footer-middle .contact-links>a>i {
    width: 18px;
    height: 18px;
    display: block;
    background-size: contain!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    opacity: 1
}

footer .footer-middle .contact-links>a>i::before {
    content: ""!important
}

footer .footer-middle .contact-links>a>i.sicon-whatsapp2 {
    background: url(https://lh3.googleusercontent.com/fife/AK0iWDy7H0tQmvk56pKCYtF9BdKi-_QiReTYN0bPj4ZjhKYs1n995BLRRpEC04BnBf3xNCyzr5s4UsIfVXPh_sYKJAIw5-g_AvvNncTssNTY2LfTQNCc-IyHM-09-bXMTvvBbn9HCZrCHd-To8sjBs4SS6obx2dI-aMW0M-AM-45QBlSVqU3AQXH0ESpdJbaqNPgDz50A19xzE5mZKhC0UeQJDA2mh0-mZUD3cZdQwqGMb2d9dUWNQhydx03LxSeddjiqklkivARAT5dWOwfG7rvYF7R8LcW1XUGoiCkDmVcJsqFdlQ1I4VonXNy5Nu8hnlQeegexQEszsHtUwOX839xK21_vJ6UVERra-Fco6hWu1EQt2PdhVIVHsjw1zylQbLxVn9aS4wB-Rnax10pryGkGYNPIATaam1TXlxknD8TKcQ51JW4nuzI40DgS1JjaoOxdFvyJoIxgGzOnQWrUyGAk17VOzyD1CBF6iYM-8tdVbt2ENJ3gVO0BJDywL-K0FuGj627g_E8D4QVyqEJaoU2psV8_5LjDUvgLNQZNjvihSkKqQGLXTsCYi5VoeWqRPO4_vuUtWKrr1UvYcp3oktT7D5JBEHMcaVjYFgSIX1MI1FoHIUKckyccKFdic3s64N27y1XTVsJyaH6OQBx6QYVksSzgjX3ccEc84LbLvUD6SygmT4j__1jr9xjusNGG9yzN3xUrqh1HeXD9nBvDQDA9mbMMyhPhNznEt9dPnEEwIH_o27s_FZaZ7FjE3f1gSkQlsWRtPcRaN2vssktPLi8KCkZIkzeDGZV9lkv6uJwgT9VxH2gf1iWqC3PY6pgEMII05xey69THxRl-ejPPAnsZ7bILSzhXqsCtiA9Rf1ewBAL6wIJBD84_4fAlDy4sh5Q0y3ACvxl2UNKXSAFXCDcfRp7xLpkX67gt2UQRld-EUxArbOiSj-eS85jw3d6FtPnsuP6CKvGT8zvBAFdxstwhCofLEHJUVdEV48oaiLKvywmtmXd-OVxXgW_mlz3wIXdr8qiVIKCND6gvAOTaHp0x-9zgdGxERmVD3AVNTZ3fFT1Ev97QrmgGYfiEgIDFP4J_oMkLyDcIT3Y7OsTsoq_swAHm9VGzoNJKCFVf8sNpkVaYRsYifERGgFOBUmtKajO_yO-8c83NUzPsYWhp4TKtvlMJGzLAt04ss2j7BEwvifQFH4W6Y4qGWoDnnQgfJiDAGyR4d9iKBtfwxbqOh5ZdGdqWU4L4NMblI2McLduNoiKg8A8DCpCiTGtEvywspJc3a2Q6z_6xuaNRfyWP25977WuIJqaO5u2kQdgjwuiFvn9pRyHPFtAXRwGZPhXpP5FgFcvbUVcqERaME4qCNHL9osTAkqqswE6ve5b0xqQqzRPvBANPyzk8QrYpj2zm26hpuKD63lTAy_qBtPt9slrHsbdVJJr961lIrtxE6UDjs_1-Szv553PwPFPH3cnXm7m5t5Bk_azd_jzrz_0HExOw_WluvjaL1pCy8sJa4bquL-_kU4aeXbTMPMFL4x0KFTz=w1432-h943)
}

footer .footer-middle .contact-links>a>i.sicon-iphone {
    background: url(https://lh3.googleusercontent.com/fife/AK0iWDzmtAsJUX8yUfJmBwhIsFfVV77NCF2NSbPVikl_Y9GMDqY7uTQ7jdS0g1sWreLaLK9_U4OBiGcm0IO0tFI12HwQyCqku5-V00Qrr7Zt52XRTBPdbCGD7mwu1TPM_qgKrWV98o8t1801pwjia6kLkctLorePG8tEb1QuHWchlUpAnlbPS-vzSNl33_HwwhiCiFctaBreIELIlC-cNPZ2grGPfTjfsELlLwQe9durM8JfaV_0HZqxXZGRPlzk3QXZ9Ck_tNar5zZlYTT0L1BFMcVizOTWGbyo0LUUuU_8SNdRncphgbIPFrUpMZ3Jl5a2OQiH87q_nY68NY675TmH8wl4bGeOKs_y4AZaFDtWgMZ8TfhuS0AOPM1lTWE-NhStvnWD-EGAbRK3FIWxcFYuk-HMGHWWmO2XTdnl3GHEHJCMzQL02Vb1vMXE8QxainlU1FzYeLgRC8auTxUEy5yaba5ahbPRLgcyDNPMyQxUKw4UlopHGDpFrx64paVHN4MuP9RnZnR1Dbm-hgrfWYkgS_gCaHLGLQLAGnsCarh8zLsXwtrAhqx214Oi8RFm5QxR7V_nfWQoJKGR7z0jLa1JHlApLgs4OKbope3SXdK-YVC6kAq4hOdjXEQPzEw0FYaQaKRldXsj1ViGJiMfqls-OQesAOrzX-Zief74iqXxTYOLRUQRgMupWqk4M79tKXch8NEkZtXcEsb_fpXCfkKPkA5keumN9IQuicj5gVbjpkXTdAiDk4ejdJUF7DUsJy8hGHBXrFCysNmwlQgmlepvQBiYLWJNm8PUH1p2fzEu_-LO4jQ90545QFAD2vCqJ3DXjXoqiWJgcRkTvMpVbMfj_mKNSYkJcAUY8uwwKcfKeEJqZ83z3PZLceNKn2gteIOYDkx52c8W46YA2foMSRU7HOq_9sM9uu5zx7alsQK9B-KlCXBoFuquEYkEvJJ29WuTaPPY5k87sPbZscsCc6y0iP47CX7eJLx69uDFccqgL9GfhNPvvXh38N-0PoBBg-UFHjYHfotiCvRNMRw6w9clDMFcoilHBFX_kGfwGUDQiZnSrpR2KnhJhYDTWe_B3lT_PwCZm5M-lYLTqIYnvEDhe2VOBEcUHOgeMGGSsj0g32aHqPRH7c-dpjqgWVsvWBfEn9naNjbAR89QcyCjF2h7V5q_zql52YLW5BPueOdw4yVWhvbIvDGwGSYVE3cat861oNdPe7QFrw8vMnmq2B6tHfCIyMkNxHo_76IDV_TEtntpD3L2zxya68VKf7vEaMIBuhm7tKaNSohtR_tDsmgUDb7E-_raLihazT1vvGnb9TbS9HijOiuv4aIuELXdm5CZpyF0LjzGKrkd3BLm1BMv1bE-healRvl_jew0_sErKJXoANdmpD4faYg6jhXdr9DVpII_xZl4kyjsBngbo3N6PTEVr4jwRYc-aFJxMV5PszIza2yXahChM4l3RxY2DXd37oD6ipwo7lu0LkU7ufZTCDUl4ivGhGODMuZzDnuD7yN_iqJjU75RLXcUTV6uByZo=w250-h238-p-k-rw-nu-v1)
}

footer .footer-middle .contact-links>a>i.sicon-mail {
    background: url(https://lh3.googleusercontent.com/fife/AK0iWDzKISmHdN7KxuJ3wHtbhZf304qkS-WlNse7zWEGpFUPo7XwIz-XSddxlSQIbEaTcvIr2HktLoRlYr86CSHIlsamV26EP6i8bjrjBmzB3LB46ztrvelqYh4qu7uFlwRWr-P2Gccqp6bnZFlWHHZs9XajS1db6X6PPtBv65TeEO2kP1Tyx0St7xWSEhN7xN5qj4tddI9NpcUam2hHoTeAQEo8eQ9z6PoS5oYst0zQe0rukTzie9v7jDFBx9rzXVjuu-5xXXjWXyBzl46xFZASxSjOed8Ld8GU5AhkEB3Vimwq9ks7azsqa0w-tZnlQay8EOq38aPU-vcMmfSkUPvp4iV95wln_3cpDFzEyrkZ4K5nIKRBJM5iIVEDvF1iQ-9UbHzIXVGWD9MuV8BnxyDeBVkFf9VP6mQIZj_x1iuL1b7VfAliqGnYODcskaPBkhVM2LMem3DOlUYuodboJLkrZ1-udbJl-UvUeDue8UUHyeI2tG9JCfjlxGneK1hB6usRYtbyjUa5RYYOSYOCw3_gZXIrLLjg7VMG25SxDMixaGsvDMu_Y2GAFgm_4G2HEqy9lAqFV6UmtOOPYVovAXyH3ZOuPtAsOe2ORapoWA-XyQSHqPtp8DAA_xIYiW19y0on2DUiRP7at1XYHVZBXZypiSJ0r1m-RfcZvMdLJom-CPDFqtpdEU6XKMzjrOMxSyHnXIJB-B4-XXVVblsZKOBxVaAFFjREd3S6lYOa2PdWq2io58nVCUpSUU6rnbNGikY1rhd89HnYciDOoRrYBznHtzgW9juQsk_VtoCrKSrf25F7j0_fAzBPrXZIFFFLbexSzFJTY3XLvU1Nqa_3mO-J-JvJzCFCG4LZqy93nSnR932kQY8MWEYmMQ72q7M_-y_qBBflHfyruMo_V_WeP6DgKE7cvCmCA5rT4xWlc-ywAo3VpYiA5q61nCY10sSRGiWk6RnsI-ZnbohUqDH_VLyXXThYfvo67ZwRFp5II_BMZ4cLw_TO-p_pbRDm-FqJ4yYvGupbyOUVGl2BoIgeMlPou_MXEdrolJkxft1PP3z79hCWiT6LI31iJGToxV3JdravNUfBz8csr9YEwQR11eN9P20Nc6lA8PHdlRIRoIeKlH8FuzSiVabjpZtX543tp3E1u9IPf5XjYVC95DJacwkOebOvwh-Jhnc4Kylek8zqApect0cddEQ65iuiY1Ogp1ZzAp2-tJXxnXFNhbPbPLdrHUdnB-zPwTpPhGPPV6wqEV7sP1IpFxISPFGbNlSc3sdm6fVpYg1JfhAoMy-AB1K-uYY_rpoWixp0_vZGJv-Kz0tPQuj_BgFEHYvSb_U6TZsiOp982vBSb230qBqok6Jlgk4SQrhUtAuAiKJEWCK9fPhCD_q3DgASVeNw24EBQC1oJKSUCJEsAXmPukHZCls5p-WTusuQ8JTUmlZiZXTlOxRTGACgqqGyvnUITAWy_12R5xD7kgHHj6n5n9_RygS6jAss6vzmDwL_ljGUGXMDlQdzsB-_se3W2AgCOOAwXJNF=w1432-h943)
}

.s-rating-stars-wrapper {
    margin-bottom: 15px
}

.price .total-price {
    font-size: 1.5rem
}

.price span.before-price {
    font-size: 18px
}

button.s-slider-nav-arrow span {
    display: block;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e0e0e0
}

salla-slider .s-slider-block__title-nav button.swiper-button-disabled svg {
    fill: #adadad!important;
    cursor: not-allowed
}

.s-product-options-colors-wrapper {
    margin-bottom: 5px
}

.s-product-options-colors-item>label {
    position: relative
}

.s-product-options-colors-item>label>div>p {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: max-content
}

.product-single .descWrapper {
    position: relative
}

.product-single article#more-content.full-description.details {
    position: static
}

#details_table .ql-video, .product-single-top-description .ql-video, .quickview-description .ql-video {
    height: 250px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 15px;
    background: #fff;
    display: none
}

 
#btn-show-more {
    background: #fff;
    display: block;
    color: gray;
    border: 0;
    text-align: left;
    padding-top: 5px
}

#btn-show-more>i.sicon-arrow-down {
    position: relative;
    top: 3px
}

.details-slider.s-slider-wrapper {
    border: .1rem solid #fff
}

@media(max-width: 480px) {
    section.sticky-product-bar>.container {
        padding:0
    }

    section.sticky-product-bar .s-quantity-input-button {
        width: 2.75rem
    }

    section.sticky-product-bar .s-quantity-input-input {
        width: 2rem;
        padding: 0
    }

   
    section.sticky-product-bar salla-add-product-button salla-button .s-button-btn {
        padding: .5rem .5rem .625rem;
        font-size: .75rem
    }
}

salla-add-product-button.sticky-product-bar__btn.s-add-product-button-with-quick-buy>salla-button button {
    position: relative;
    overflow: hidden;
    border: .01rem solid #080403
}

salla-add-product-button.sticky-product-bar__btn.s-add-product-button-with-quick-buy>salla-button button:before {
    content: "";
    position: absolute;
    top: 0;
    right: -200%;
    z-index: 0;
    display: block;
    width: 200%;
    height: 100%;
    background: -webkit-linear-gradient( right,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.45) 25%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0.45) 75%,rgba(255,255,255,0.1) 100% );
    background: linear-gradient( to right,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.45) 25%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0.45) 75%,rgba(255,255,255,0.1) 100% );
    -webkit-transform: skewX(35deg);
    transform: skewX(35deg);
    -webkit-animation: btnShine 1.8s infinite;
    animation: btnShine 2s infinite
}

@-webkit-keyframes btnShine {
    100% {
        right: 150%
    }
}

@keyframes btnShine {
    100% {
        right: 150%
    }
}

salla-add-product-button.sticky-product-bar__btn.s-add-product-button-with-quick-buy>salla-button button span.s-button-text {
    position: relative
}

@-webkit-keyframes btnIconshake {
    100% {
        top: 2px
    }
}

@keyframes btnIconshake {
    100% {
        top: 2px
    }
}

.discountCupon {
   width: 100%;
    max-width: 650px;
    height: auto;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
    background-color: #9d7d6e;
    padding: 0 10px 10px;
    position: relative;
    border: 2px dashed #e7e5e5;
    display: flex;
    flex-direction: column;
    margin: 15px auto;
    color: #fff;
}

.discountCupon>.main,.discountCupon>.copy-button {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    flex: 1
}

.discountCupon>.copy-button {
    flex-direction: row-reverse
}

.discountCupon>.main>.co-img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    background: #003153;
    border-radius: 6px;
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center
}

.discountCupon>.main>.co-img>img {
    width: 100px;
    height: auto;
    margin: 0 auto
}

.discountCupon>.main>.vertical {
    border-left: 2px dashed #8d8d8d;
    height: 50%;
    position: absolute;
    left: 40%
}

.discountCupon>.main>.content {
    flex: 2;
    text-align: right
}

.cuponLogo {
    flex: 1;
    height: 85px;
    background: url(https://cdn.salla.sa/padBZ/o4BodRzZAqSheVDI3XmLnpjTlMSMVhdW9zRBAANw.png) left center no-repeat;
    background-size: contain
}

.cuponLogo>img {
    height: 85px;
    width: auto;
    margin: auto;
    float: left;
    display: none
}

.discountCupon>.main>.content h1 {
    font-size: 28px;
    margin-top: 4px;
    color: #59453a
}

.discountCupon>.main>.content h1 span {
    font-size: 18px
}

.discountCupon>.main>.content h2,.discountCupon>.main>.content h3 {
    color: #59453a
}

.discountCupon>.main>.content h2 {
    font-size: 18px
}

.discountCupon>.main>.content h3 {
    font-size: 26px
}

.discountCupon>.main>.content p {
    font-size: 16px;
    color: #696969;
    margin-left: -20px
}

.discountCupon>.copy-button {
    margin: 0 0 -3px;
    height: 45px;
    border-radius: 4px;
    padding: 0;
    border: 3px solid #fff;
    background: #fff
}

.discountCupon>.copy-button input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0
}

.discountCupon>.copy-button button,.discountCupon>.copy-button input[type=button] {
    padding: 5px 20px;
    background-color: var(--color-primary);
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 3px;
    max-width: 70px
}

.discountCupon>.copy-button button.copybtnCopied,.discountCupon>.copy-button input[type=button].copybtnCopied {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 44px;
    text-align: center;
    left: 0;
    background-color: #529654;
    border: 4px solid #529654
}

.testimonials-slider .line-clamp-2,.testimonials-slider .line-clamp-3 {
    min-height: 24px
}
 

.comment.comment.flex.text-sm.space-s-2 {
    width: 100%
}

.s-comments-product .s-comment-form-input {
    background-color: #f7f7f7;
    border: 1px solid var(--color-primary)
}

.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid var(--color-primary)
}

.s-infinite-scroll-btn.s-button-btn.s-button-primary:hover {
    background: var(--color-primary);
    color: #fff
}

.s-comments.s-comments-product>div {
    display: flex;
    flex-direction: column
}

.s-comments.s-comments-product>div>salla-comment-form {
    order: 3;
    margin: 20px 0
}

.s-comments.s-comments-product>div>salla-comment-form+div {
    margin-top: 0
}

@media(min-width: 768px) {
    .s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar {
        height:12px
    }

    .s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9d9d9;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2)
    }

    .s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2);
        background: #efefef;
        border-radius: 10px
    }

    #product-tabs-faqs {
        scroll-margin-top: 250px
    }
}

@media(max-width: 768px) {
    .comment.comment.flex.text-sm.space-s-2>:not([hidden])~:not([hidden]) {
        margin-right:calc(0.25rem*(1 - var(--tw-space-s-reverse)))
    }

    .comment.comment.flex.text-sm.space-s-2>:not([hidden])~:not([hidden]) {
        margin-left: calc(0.25rem*var(--tw-space-s-reverse))
    }

    #product-tabs-faqs {
        scroll-margin-top: 150px
    }
}

@media(min-width: 1024px) {
    .s-block--tabs-produtcs .tabs-wrapper .tabs__item .grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

.text-red-400 {
    color: var(--goldColor)
}

section.s-block.s-block--banners.container>.grid>.banner-entry:first-child,section.s-block.s-block--banners.container>.grid>.banner-entry:nth-child(2) {
    display: none
}

.product-index header+.nav-header {
    padding-bottom: .5rem
}

.product-index>.app-inner>.cat-square-banner.mt-4 {
    margin: .1rem
}

.is-sticky-product-bar .sticky-product-bar {
    z-index: 3
}

section.sticky-product-bar.bg-white.da-bgg {
    bottom: 39px;
    border-top: 1px solid var(--transWhite15)
}

.dark .da-brdr {
    border-color: var(--transWhite15)!important
}

#subcat-slider.carousel-slider .swiper-wrapper>div {
    background: #b7a98f;
    color: #59453a;
    padding: .5rem .625rem;
    border: 1px solid #efefef;
    border-radius: 6px;
    display: flex;
    align-items: center;
    align-content: center
}

#subcat-slider.carousel-slider .swiper-wrapper>div>a {
    width: 100%
}

.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    background-color: transparent;
    color: var(--color-primary)
}

salla-add-product-button>salla-button.s-button-wrap>button {
    padding-left: 12px;
    padding-right: 12px
}

salla-add-product-button>salla-button.s-button-wrap>button>span.s-button-text {
    align-items: baseline;
    justify-content: center
}

salla-add-product-button>salla-button.s-button-wrap>button>span.s-button-text>i {
    font-size: 14px
}

 

.intercom-lightweight-app {
    display: none
}

@media(min-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width:20%
    }

    .home-slider .s-slider-block__title-nav {
        display: none;
        -webkit-animation: intercom-lightweight-app-launcher .75s;
        animation: intercom-lightweight-app-launcher .75s
    }
}

@media(max-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width:50%
    }

    .s-product-card-sale-price,.s-product-card-content-sub {
        flex-direction: column;
        gap: .05rem
    }
}

@media(min-width: 640px) {
    #subcat-slider.carousel-slider .swiper-wrapper>div.sub-cat-icon {
        display:flex;
        align-items: center;
        width: 100%;
        max-width: 150px;
        border: 1px solid #efefef;
        border-radius: 6px;
        text-align: center;
        padding: 8px 6px
    }

    #subcat-slider.carousel-slider .swiper-wrapper>div.sub-cat-icon>a.sub-categories {
        flex: 1
    }
}

a.mburger.mburger--collapse>i.text-primary {
    color: var(--dark-text-main)!important
}

button.search-btn.header-btn {
    border: 1px solid #b7a98f
}

.s-cart-summary-count {
    background: var(--newBgDarkblue)!important
}

.store-footer h3,.store-footer h3.follow {
    color: var(--newBgDarkblue)!important
}

.dark .da-ts {
    color: #606060!important
}

.dark .contact-links a,.dark input {
    color: #fff
}

.dark .s-quantity-input-container {
    background: #a09472;
    border-color: #8c8163
}

.dark .s-quantity-input-button {
    fill: #d6d6d6
}


.index .anime-item {
    opacity: 1;
}

/* filters css */
.s-filters-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 10px;
}



.s-filters-select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  background-color: white;
  direction: rtl;
  text-align: right;
}

.s-filters-select:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.s-filters-label {
  font-weight: bold;
  font-size: 14px;
}

/* Buttons */
.s-filters-footer {
  margin-bottom: 15px;
  padding: 0;
}

.s-button-element {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  padding: 8px 16px;
  font-size: 14px;
  text-align: center;
  width: 100%;
}

.s-button-btn {
  border: none;
}

.s-button-primary {
  background-color: #e5202a;
  color: white;
}

.s-button-primary:hover {
  background-color: #c91c25;
}

.s-button-outline {
  background-color: transparent;
  border: 1px solid;
}

.s-button-gray-outline {
  border-color: #ddd;
  color: #666;
  background: #eee;
}

.s-button-gray-outline:hover {
  background-color: #e0e0e0;
}

.s-button-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s-button-loader-after.is-loading .s-button-text {
  visibility: hidden;
}

.s-button-loader-after.is-loading {
  position: relative;
}

.s-button-loader-after.is-loading:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* RTL layout specifics */
#static-salla-filters {
  direction: rtl;
  text-align: right;
  padding: 0 !important;
}

/* Container styling */
.static-salla-filters-container {
  width: 280px;
  background: #fff;
  border-radius: 0;
  padding: 10px;
  box-shadow: none;
  border: 1px solid #eee;
  margin: 0 10px;
}
 
@media (max-width: 768px) {
  .static-salla-filters-container {
    padding: 0.75rem;
    height: 43vh;
    width: 95%;
  }
}
/* =========== CSS BY NUSSUQ.COM ============= */
.product-card__price {width:fit-content; margin:auto}
.product-card__price:after {
content: '';
display:inline-block;
    width: 5rem;
    height:1.5rem;
    background-image: url(https://i.postimg.cc/Qt00z341/tamara-tabby.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

section.s-block.s-block--animate.banners-slider.banners-slider--0.slide {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
  position: relative;
}

section.s-block.s-block--animate.banners-slider.banners-slider--0.slide .container {
  flex: 1;
  min-width: 300px;
}

section.s-block.s-block--animate.banners-slider.banners-slider--0.slide .static-salla-filters-container {
  width: 280px;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  margin-bottom: 1rem;
}

@media (max-width: 992px) {
  section.s-block.s-block--animate.banners-slider.banners-slider--0.slide {
    flex-direction: column;
  }
  
  section.s-block.s-block--animate.banners-slider.banners-slider--0.slide .static-salla-filters-container {
    width: 100%;
    order: 2;
  }
  
  section.s-block.s-block--animate.banners-slider.banners-slider--0.slide .container {
    width: 100%;
    order: 1;
  }
}

@media (max-width: 768px) {
  section.s-block.s-block--animate.banners-slider.banners-slider--0.slide .static-salla-filters-container {
    padding: 0.75rem;
  }
}

.index div#static-salla-filters {padding:0 !important}
.s-filters-footer {padding:0;width: 15%;}
.s-filters-footer .s-button-primary {background-color:#e5202a;width: 100%;}
.s-filters-footer .s-button-gray-outline {background:#eee;visibility: hidden;}
.index section.s-block.s-block--animate.banners-slider.banners-slider--0.slide .static-salla-filters-container {width: 100%;background: #fff;border-radius: 0;padding: 10px;box-shadow: none;border: 1px solid #eee;margin: 0 10px;}
.index .s-filters-widget-container {padding:10px}
.index .s-filters-widget-title {padding:0}
.index .s-filters-widget-values {padding-top:8px}
.index .s-filters-label {margin-bottom:0}

.index .s-filters-widget-container {margin-bottom:0}
.s-filters-footer button {border-radius:0}

.index section.s-block.s-block--animate.banners-slider.banners-slider--0.slide {gap:0}
.index section.s-block.s-block--animate.banners-slider.banners-slider--0.slide .container {padding-left:10px !important; padding-right:10px !important}

@media (max-width:768px){
.index section.s-block.s-block--animate.banners-slider.banners-slider--0.slide .static-salla-filters-container {width:95%}
}



.s-filters-form {
    display: ruby;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
}
section.s-block.s-block--animate.banners-slider.banners-slider--0.slide {
    display: contents;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
    position: relative;
}

.s-filters-select-group {
/* display: flex; */
  
  flex-direction: column;
  gap: 5px;
  
      width: 28%;
    padding: 13px 6px;
}

.index .s-filters-footer {
margin-bottom:0;
   width: 14%;
}

/* لأجهزة الجوال */
@media (max-width: 768px) {
  .s-filters-form {
       display: flex;
  }
  .index .s-filters-footer {
margin-bottom:0;
   width: 100%;
}
  section.s-block.s-block--animate.banners-slider.banners-slider--0.slide {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
    position: relative;
}
.s-filters-select-group {
/* display: flex; */
  
  flex-direction: column;
  gap: 5px;
  
      width: 100%;
    padding: 13px 6px;
}

}
 
 
 @media (min-width: 768px) {
    .md\:flex-row {
        flex-direction: column;
    }
}

 


@media (min-width: 1024px) {
    .lg\:sticky {
        position: inherit;
    }
}
@media (min-width: 768px) {
    .md\:w-72 {
        width: 100%;
    }
}



@media (min-width: 1024px) {
    .rtl\:lg\:mr-8:where([dir="rtl"], [dir="rtl"] *) {
        margin-right: 0rem;
    }
}


/* ========================================= */
/* === ===  CSS CODE BY NUSSUQ.COM  === === */

/*.product-card__image>a>img.lazy.loaded {height:fit-content}
.product-card__content-wrapper>.text-store-text-secondary {margin:-1.5rem 0 0 0 !important; border-left:1px solid #ddd}
.product-card__promotion, .product-card__content-wrapper>.text-store-text-secondary {min-height: 3rem;border-radius: 0;background: transparent !important;color: #333 !important;font-size: .8rem;line-height: 1.6;max-width: 50%;display: flex;flex-direction: row;flex-wrap: wrap;opacity: 1;text-align:center}
.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__promotion {bottom:0}

@media (max-width: 767px) {
.product-card__content-wrapper>.text-store-text-secondary {margin-top:-4rem}
body:not(.free-images-height) .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__image {max-height: 14.3rem;height: 14.3rem;display: flex;flex-direction: column;justify-content: start;}
body.enhanced_add_btn_in_mobile .product-card__content-wrapper {border-top:1px solid #ddd} 
.s-product-card-rating {display:none}   
}
*//* Add custom CSS styles below */ 
h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 66px;
}

 .selia-bottom-nav {
   
    background-color: #000;
}
.mb-3 > a {
    font-size: 0px;
    color: #ffffff;
}

    

 .installment-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
 
  flex-wrap: nowrap;
}
.installment-logos {
  display: flex;
  gap: 1px;
  align-items: center;
  justify-content: flex-start;
}
 
.installment-logos img {
  height: 20px;
  border-radius: 6px;
  background: #fff;
  padding: 1px 3px;
  box-shadow: 0 0 2px rgba(0,0,0,0.05);
}

 .product-price-block {
  text-align: center;
  padding: 1px 0;
}

.product-price-block .main-price {
  color: #e60023;
  font-size: 18px;
  font-weight: bold;
}

.product-price-block .tax-note {
  font-size: 12px;
  color: #777;
  margin-top: 4px;
}

 
.product-price-block .divider {
  height: 1px;
  background: #eee;
  margin: 10px 0;
}

 
.installment-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  padding: 0 10px;
}

.installment-box .left {
  display: flex;
  gap: 6px;
  align-items: center;
}

.installment-box .left img {
  height: 22px;
  border-radius: 6px;
  padding: 2px 6px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.05);
}

 
.product-card__title a{
    text-transform: uppercase;
}
.product-single__info .md\:text-2xl {
    text-transform: uppercase !important;
}

.flex.rtl\:space-x-reverse.space-x-2.items-end.justify-center.anime-item p.text-sm.text-text-grey.mb-1{
    text-align: center;
}

 
@media (max-width: 768px) {
 salla-products-list.auto-fit .s-products-list-wrapper:not(.s-products-list-horizontal-cards) {
    display: flex!important;
    justify-content: center!important;
}
}


.advanced-slider--1 {
  display: block;
}

@media (min-width: 768px) {
  .advanced-slider--1 {
    display: none;
  }
 
}



.selia-bottom-nav-icon i:not(.sicon-sar) {
    color: #c09857 !important;
    font-size: 1.4rem !important;
}


.product-card__mini-cart button,.product-card__normal-cart salla-add-product-button .s-button-primary-outline {
    background-color: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary)
}

  .dropdown {
    position: relative;
    display: inline-block;
  }
 [dir=rtl] .dropdown:before {
 	content: "|";
position: absolute;
    right: 1px;
 }
 
  [dir=ltr] .dropdown:before {
 	content: "|";
position: absolute;
    left: 1px;
 }
  .dropdown-toggle {
    padding: 0 10px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  
  

  .dropdown-menu {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 9;
    min-width: 160px;
  }

  .dropdown.open .dropdown-menu {
    display: block;
  }

  .dropdown-item {
    display: flex;
    align-items: center;
   padding: 8px 11px;
    text-decoration: none;
    color: black !important;
  }
.dropdown-label{
	   color: black !important;
}
  .dropdown-item:hover {
    background-color: #f1f1f1;
  }
  .dropdown-flag{
  width:20px
  }
[dir=rtl] .dropdown-flag{
    margin-left: .5rem;
}
[dir=ltr] .dropdown-flag{
    margin-right: .5rem;
}

.top-navbar .container.flex.justify-between .flex.items-center a.topnav-link-item.\!flex.items-center {
    display: none !important;
}
.top-navbar{
border-bottom:0;
}
span.sicon-flag-wave.rtl\:ml-1.ltr\:mr-1 {
    display: none;
}

.product-card__buttons.normal>div{
display: none;
}

.main-nav-container.fixed-header .inner{
    background: #ffffff;
}
.product-single.thumbnails.product-1170509113 .flex.flex-wrap.row .product-single__inner.col-xl-9.col-lg-12.col-md-12.col-12.lg\:\!w-4\/4.w-full .flex.flex-wrap.h-full .product-single__info.col-lg-5.col-md-12.col-12.lg\:\!w-2\/4.md\:w-full.w-full.ltr\:md\:pl-\[15px\].rtl\:md\:pr-\[15px\].mt-5.sm\:mt-0 .flex.flex-col.space-y-5.mb-5 .flex.items-center.flex-grow.shrink-0.text-store-text-primary.remained-quantity{
display: block;
}
.flex.items-center.flex-grow.shrink-0.text-store-text-primary.remained-quantity {
    display: none;
}
#filters-menu{ display: none; }




@media only screen and (min-width: 1024px) {
    .main-menu {
        
        margin-right: 0.5rem;
        
    }





/* ========================================= */

/* ========================================= */

/* ========================================= */

/* ========================================= */

/* ========================================= */

/* ========================================= */
/* === National Day 95 rotating headline (flip) === */
/* اخفِ خط التزيين الافتراضي تحت العنوان إن وُجد */

:root{
  --nd95-in: 900ms;  /* مدة دخول */
  --nd95-out: 480ms; /* مدة خروج */
}

/* منع أي ديكور افتراضي تحت العنوان */
h2.advanced-slider__caption__inner__content__heading::after{ display:none!important; }

h2.advanced-slider__caption__inner__content__heading{
  position:relative; direction:rtl; overflow:visible;
}

.nd95-rotator{
  position:relative; display:inline-block; max-width:100%;
  padding:2em 5em; border-radius:.75rem;
  background: linear-gradient(135deg, rgba(0,108,53,.12), rgba(0,108,53,0) 60%);
  box-shadow:0 6px 16px rgba(0,0,0,.08), inset 0 0 0 1px rgba(255,255,255,.25);
  -webkit-font-smoothing:antialiased; transform:translateZ(0);
}

.nd95-line{
  position:absolute; inset:0; opacity:0; pointer-events:none;
  transform: translateY(12px) rotateX(-35deg);
  transition: opacity var(--nd95-in) ease, transform var(--nd95-in) ease;
  line-height:1.3; font-weight:800; backface-visibility:hidden;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.15));
}

/* يظهر الجديد */
.nd95-line.show{
  opacity:1; transform: translateY(0) rotateX(0);
}

/* يختفي القديم بالكامل قبل ما يدخل الجديد */
.nd95-line.hide{
  opacity:0; transform: translateY(-8px) rotateX(25deg);
  transition-duration: var(--nd95-out);
}

/* موبايل */
@media (max-width:640px){
  .nd95-line{ font-weight:700 }
}

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  .nd95-line{ position:static; opacity:1; transform:none; filter:none; transition:none!important; }
}