/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
body:before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: .05;
    background-image: url(https://cdn.salla.sa/form-builder/0FmASnlbD6926Z9QUHi9sjYQc9BJIpx2gs9AbUqa.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@font-face {
  font-family: 'Harir';
  src: url('https://cdn.assets.salla.network/themes/581928698/1.114.0/fonts/Harir_complete_OTF_Harir.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Harir', sans-serif;
}


#s-cart-icon i:before {
    content: "\e96b" ;
}
.max-store-front-sec h2 {
     display: flex;
     flex-direction: row-reverse;
     flex-direction: column;
     align-content: center;
     align-items: center;
}
@media only screen and (max-width: 767px) {
 .max-store-front-sec h2 {
     display: flex;
     flex-direction: row-reverse;
     flex-direction: column;
     align-content: center;
     align-items: center;
 }
 
}
@media only screen and (min-width: 768px) {
.s-block--categories .swiper-wrapper {justify-content: center;}
 salla-social {
  margin-top: 1rem;
 }
 }

.max-store-front-sec h2::before {
    content: "";
    display: block;
    width: 150px; 
    height: 150px;
    background-image: url('https://cdn.salla.sa/form-builder/sS7eiYuQzm6mbRzr7C0pRUhKUIbbd7afk4ECXoQh.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-bottom: -0rem;
}
.max-store-front-sec .h2 {
    text-align: center;
    display: flex;
    align-items: center;
}



.s-block__title h2,
.s-reviews-header,
.s-slider-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #9e7c51 40%, #9e7c51 9%, #fff 67%, #9e7c51 100%);
        background-image: linear-gradient(-225deg, #243cb0 40%, #b464e3 9%, #fff 67%, #b464e3 100%);
    background-size: 200% auto;
    color: #fff;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    line-height: 24px
}

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

.s-slider-next.s-slider-nav-arrow,
.s-slider-next.s-slider-nav-arrow.swiper-button-disabled,
.s-reviews-display-all,
.s-slider-block__display-all,
.s-slider-nav-arrow,
.s-block__display-all,
.s-slider-block__display-all {
    font-size: 1rem;
    background-color: #f4f4f4;
    border-radius: 8px;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    filter: drop-shadow(1px 1px 1px black);
}




@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

/* ::after خلفية الزر */
.s-add-product-button-main .s-add-product-button-mini-checkout::after,
.s-button-btn:not(.product-card-custom-preview-icon)::after {
    content: "";
    position: absolute;
    inset: 2px;
    z-index: -1;
    background-color: #2141b6;
    border-radius: 12px;
}


.s-add-product-button-main .s-add-product-button-mini-checkout,
.s-button-btn:not(.product-card-custom-preview-icon) {
    position: relative;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), #000 0%, #000 5%, #fff 5%, #fff 40%, #000 50%);
    animation: animate 5s linear infinite;
    border-radius: 15px;
    color: #fff !important;
}

@keyframes animate {
    0% {
        --a: 0deg;
    }
    100% {
        --a: 360deg;
    }
}

.s-contacts-icon:where([dir=rtl], [dir=rtl] *),
.store-footer a .rtl\:ml-2\.5,
.s-button-btn,
.s-social-link a,
.s-contacts-icon,
.s-slider-next.s-slider-nav-arrow,
.s-slider-next.s-slider-nav-arrow.swiper-button-disabled {
   background: #ffffff;
    box-shadow: rgb(255, 255, 255) -5px 1px 8px;
        box-shadow: rgb(27 72 196) -5px 1px 8px;
        box-shadow: rgb(27 72 196) -1px 1px 2px;
}





.swiper-wrapper {
    align-items: center;
}


* {
  font-size: 101%;
}

custom-salla-product-card .product-card-custom-preview-icon button:hover, custom-salla-product-card .product-card-custom-preview-icon button {
    box-shadow: none;
}

.rtl custom-salla-product-card .s-product-card-promotion-title {
    top: 1rem;
    left: auto;
    right: 1rem;
}

.ltr custom-salla-product-card .s-product-card-promotion-title {
    top: 1rem;
    left: 1rem;
    right: auto;
}



salla-button#productPreview .s-button-text::before {
    content: "\ebb6";
    font-size: x-large;
    font-family: "sallaicons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: var(--color-primary);
}
custom-salla-product-card .s-product-card-wishlist-btn {
color: var(--color-primary);
}

salla-button#productPreview .s-button-text svg {
  display: none !important;
}
.s-product-card-vertical .s-product-card-wishlist-btn {
    top: 80%;
}

@media only screen and (min-width: 768px) {
.s-products-list-horizontal-cards custom-salla-product-card .product-card-custom-preview-icon button:hover, 
.s-products-list-horizontal-cards custom-salla-product-card .product-card-custom-preview-icon button {
    top: -4rem;
}
}
@media only screen and (max-width: 767px) {
.s-products-list-horizontal-cards custom-salla-product-card .product-card-custom-preview-icon button:hover, .s-products-list-horizontal-cards custom-salla-product-card .product-card-custom-preview-icon button {
    top: -5rem;
    left: -0.75rem;
}
.s-product-card-vertical .s-product-card-wishlist-btn {
    top: 76%;
}
.s-products-list-horizontal-cards custom-salla-product-card .s-product-card-wishlist-btn button {
    font-size: 1.2rem;
    background-color: inherit !important;
}
}
custom-salla-product-card .product-card-custom-preview-icon button:hover, custom-salla-product-card .product-card-custom-preview-icon button {
    left: auto;
    right: 0rem;
}

s-product-card-horizontal
    .s-product-card-vertical .s-product-card-wishlist-btn:where([dir="rtl"], [dir="rtl"] *) {
        left:auto;
        right: 0.5rem;
    }
    
    @media only screen and (max-width: 767px) {
    .s-products-list-horizontal-cards custom-salla-product-card .product-card-custom-preview-icon button:hover, .s-products-list-horizontal-cards custom-salla-product-card .product-card-custom-preview-icon button {
        left: auto;
    }
}
@media (max-width: 480px) {
    .s-product-card-horizontal salla-button.s-product-card-wishlist-btn:where([dir="rtl"], [dir="rtl"] *) {
        left: auto;
        right: -7.2rem;
    }
}
.s-product-card-vertical .s-product-card-wishlist-btn:where([dir="rtl"], [dir="rtl"] *) {
    
    left: auto;
    right: 0.5rem;
}



.s-block--categories .s-slider-block__title {justify-content: center; flex-direction: column;}
.s-block--categories .s-slider-block__title,
.s-block--categories .s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *),
.s-block--categories .s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) { padding-left: 0rem; }


.s-add-product-button-main .s-add-product-button-mini-checkout,
.s-button-btn:not(.product-card-custom-preview-icon) {
    box-shadow: rgb(27 72 196) 0px 0px 0px 1px;
    background: inherit;
    animation: inherit;
}
custom-salla-product-card salla-add-product-button button .s-button-text {
    display: flex;
    flex-direction: row-reverse;
}
custom-salla-product-card salla-add-product-button button .s-button-text i {
    position: absolute;
    left: 1rem;
}
custom-salla-product-card salla-add-product-button button .s-button-text i:before {
    content:"\e90b";
}

.s-social-list {
    gap: 1.625rem;
}
@media only screen and (max-width: 767px) {
    .s-product-card-vertical .s-product-card-wishlist-btn {
        top: 72%;
    }
}






.promotion-title {
    border-radius: 0px;
    -webkit-text-fill-color: transparent;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    background: radial-gradient(circle at 100% center, rgb(253, 168, 190), rgb(255, 137, 168) 50%, rgb(255, 78, 124) 75%, rgb(255, 0, 66) 75%) 0% 0% / 200% text;
    animation: 1.5s linear 0s infinite normal none running animatedTextGradient;
    font-size: 0.85rem;
}




custom-salla-product-card salla-rating-stars {display: none;}