/* Add custom CSS styles below */ 

/* حواف عرض بطاقة المنتج */ 

.product-card__promotion{ border-radius:8px }

/* عنصر عن المتجر */ 

.bg-primary {
    background-color: #000000;
    background-color: #000000;
}

.\!rounded-none {
    FONT-WEIGHT: 500;
    border-radius: 40px !important;
    }
    .text-primary-reverse {
   
    color: #fff;
}
.text-primary {
    color: #414042;
    color: var(--color-primary);
    text-align: center;
}
.text-store-text-primary {
    color: #000000;
    text-align: center;
}
/* عنصر عن المتجر */

/* ========================================= */
/* === START OF CSS STYLE CODE BY NUSSUQ === */
/* ========================================= */

/* ====== إضافة أيقونة متحركة للاعلان ====== */
.promotion-banner__inner {padding-right: 10px;width: 100%;}
.promotion-banner:before {content: '';display: block;width: 2rem;text-align: center;background-image: url(https://media.zid.store/f4da164c-5501-45d0-a839-2eba6b252a43/8aea9faa-8876-4dc4-8f68-0b9832e5d2a8.svg);background-position: center;background-repeat: no-repeat;background-size: contain;margin-right: .7rem;height: 2rem;animation: fa-spin 3s linear infinite;}
.promotion-banner {display: flex;white-space: nowrap;justify-content: space-between;}
.promotion-banner ul {width: 100%;overflow: hidden;}

/* ====== تقليل المساحة فوق البنر ====== */
.s-block--fixed-banner:nth-of-type(1){margin-top:1rem}

/* ====== إضافة انميشن للعنوان الترويجي ====== */
.mini_top_promotion .simplified-products .product-card.product-card--simplified .product-card__promotion, .promotion-title {top: 8px;right: 8px !important; left: auto !important;border-radius: 20px;animation: animate-pulse 3s linear infinite;}

/* ====== صورة المنتج ====== */
.product-card__image {z-index: 9;}
.product-card__image:after {content: '';display: block;width: 100%;height: 50%;background: #98ded850;position: absolute;bottom: 0;z-index: -9;border-radius: 10px 10px 0 0;}
body.enhanced_add_btn_in_mobile .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__content, .fit-slider-products .s-slider-swiper-wrapper .swiper-slide .product-card--vertical.product-card--fit-height .product-card__content {background-color: #98ded850;}

/* ====== انميشن العنوان الفرعي ====== */
.product-card__content-wrapper {display:flex; flex-direction:column}
.product-card__content-wrapper .product-card__title {order:2}
.product-card__content-wrapper .product-card__subtitle {order:1}
.product-card__content-wrapper .s-product-card-rating {order:3}
.product-card__content-wrapper .product-options {order:4}
.product-card__content-wrapper .product-card__price {order:5}
.product-card__content-wrapper .out-of-stock {order:6}
.product-card__content-wrapper .product-card__discount {order:7}
.product-card__content-wrapper .product-card__buttons {order:8}
.product-card__subtitle, .product-entry__sub-title { -moz-transform: translateX(100%); -webkit-transform: translateX(100%);transform: translateX(100%); -moz-animation: scrollingText 15s linear infinite; -webkit-animation: scrollingText 15s linear infinite; animation: scrollingText 10s linear infinite; font-size:.8rem !important; background: #3490e4;padding: 0 8px;color: #fff;border-radius: 8px;white-space: nowrap;display: flex;flex-direction: row;justify-content: center;width: fit-content;}
.product-card__subtitle:before, .product-entry__sub-title:before {content:'★'; font-size:.8rem; margin:0 4px}
.product-card__subtitle:after, .product-entry__sub-title:after {content:'★'; font-size:.8rem; margin:0 4px}

@media (min-width:992px){
.product-single__info {overflow: hidden;}
}

/* ====== تكبير صورة المنتج للجوال ====== */
@media (max-width:767px){
.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__image {max-height:11rem !important; height:11rem !important}
}

/* ===== تكبير المنتجات المتحركة بالجوال ===== */
@media (max-width: 991px) {
.tab-trigger {font-size:1rem !important}
.simplified-products .s-products-slider-card, .simplified-products .offer-slide {width: 190px;}
}

/* ====== توسيط الزر في عنصر النبذة ====== */
.s-block--about .btn.group.bg-primary {display:block; width:fit-content; margin:auto auto 2rem}

/* ==== لون زر الاضافة للسلة بصفحة المنتج ==== */
.is-sticky-product-bar .sticky-product-bar salla-add-product-button button {color: #fff;}

/* === تقويس زوايا الازرار بصفحة المنتج === */
.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn, .s-fast-checkout-button, .s-add-product-button-main .s-add-product-button-mini-checkout, .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-container {border-radius:8px !important;}
.s-add-product-button-main .s-add-product-button-mini-checkout {border: 1px solid var(--bottom-footer-bg);}

@media (min-width:992px){
.sticky-cart-single .s-button-element {color:#fff; border-radius:8px}
}

/* ====== إضافة إطار لتمارا ====== */
.tamara-product-widget {border:1px solid #ccc !important; border-radius:8px !important}

/* ====== إزالة خلفية تابي وتمارا ====== */
#tabbyPromoWrapper, .tamara-product-widget {background-color: transparent !important}


/* ====== انميشن الايقونة المتحرك بالاعلان ====== */
@keyframes fa-spin {
0% {-webkit-transform: rotate(0);transform: rotate(0);}
100% {-webkit-transform: rotate(1turn);transform: rotate(1turn);}
}

/* ====== انميشن الاعلان الترويجي ====== */
@keyframes animate-pulse{
0%{box-shadow: 0 0 0 0 rgb(255, 25, 0,0.5),  0 0 0 0 rgb(255, 25, 0,0.5);}
40%{box-shadow: 0 0 0 12px rgb(1255, 25, 0,0.0),  0 0 0 0 rgb(255, 25, 0,0.3);}
80%{box-shadow: 0 0 0 12px rgb(255, 25, 0,0.0),  0 0 0 14px rgb(255, 25, 0,0);}
100%{box-shadow: 0 0 0 0 rgb(255, 25, 0,0.0),  0 0 0 14px rgb(255, 25, 0,0);}
}

/* ====== انميشن العنوان الفرعي ====== */
/* for Firefox */
@-moz-keyframes scrollingText {
from {-moz-transform: translateX(100%); }
to {-moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes scrollingText {
from {-webkit-transform: translateX(100%); }
to {-webkit-transform: translateX(-100%); }
}

@keyframes scrollingText {
from {-moz-transform: translateX(100%); -webkit-transform: translateX(100%);transform: translateX(100%);}
to {-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);}