/* Add custom CSS styles below */ 
.s-advertisement-content {display:none}
#coupon-input {
  color: #000 !important;         /* ✨ يجعل الخط أبيض */
}

#coupon-input::placeholder {
  color: #000 !important;         /* ✨ يجعل نص الـ placeholder أبيض أيضًا */
}

body.index, body#app {
    background: #2b2b54 !important;
}
.s-product-card-entry {
    background: transparent !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid #7921db !important;
    box-shadow: 2px 1px 1px transparent !important;
}
*{
    transition:all 0.2s ease-in-out !important;
    animation-direction:0.2s !important
}
img,picture,video{
    max-width:100%;
    height:auto;
    display:block;
    object-fit:cover;
}
img{
 
    contain-intrinsic-size:300px;
}
body{
    font-display:swap;
    
}
.box-shadow,.shadow{
    box-shadow:none !important
}

/*
.footer-is-light .store-footer .store-footer__inner {
   
    background: linear-gradient(233deg, #2b2b54, #562c85, #cc8c3485, #303f65, #572c87, #49549f);
    border-top-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
}*/
.footer-is-light .store-footer .store-footer__inner {
  /*  background: url(https://cdn.salla.sa/form-builder/lanMLoNhxWGrvxr3mWPHDxFhKzA7CIGLTCb2IypV.jpg) no-repeat right/ cover, linear-gradient(233deg, #2b2b54, #562c85, #36408d, #303f65, #572c87, #49549f) !important;*/
  background:linear-gradient(233deg, #2b2b54, #2b2b54, #562b86, #303f65, #515da3, #49549f) !important ;
    border-top-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
body.index, body, .s-comments-product, .bg-white, .s-quantity-input-container, .banner--fixed img, .tamara-product-widget, .spotii-wrapper, .banner-entry, .mm-spn.mm-spn--light, #mainnav, .footer-is-light .store-footer,footer.store-footer{
    /* background: #faf7f2 !important; */
    /* background: #ffffff !important; */
    background: #302b59 !important;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    font-size: 1rem;
    background-color: #592f8a;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    border-radius: 20px;
    box-shadow: rgb(0 0 0/15%) 0px 2px 4px, rgb(0 0 0/0%) 0px 7px 13px -3px, rgb(255 255 255/66%)0px -3px 0px inset;
    animation: signal 1200ms infinite;
}
.header-btn__icon {
   
    background: #545fa2;
    border-radius: 1rem 0 !important;
   
    border-width: 0px;
   
}
.navbar-brand {
  animation: pulseLogo 2s infinite ease-in-out;
  transform-origin: center;
}

@keyframes pulseLogo {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
i.sicon-menu.text-primary.text-2xl {
    color: #ffffff;
    background: #545fa2;
    /* box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22); */
    padding: 8px !important;
    border-radius: 1rem 0 !important;
    padding: 10px;
}
/*
@media (min-width: 768px) {
.main-menu.mm-spn--open {
    display:none;
    
}}*/
/*
salla-slider.s-products-slider-slider.s-slider-wrapper.carousel-slider.s-slider-horizontal.hydrated {
    display: flex !important;
}*/
.s-products-list-vertical-cards {
    display: grid !important;
    justify-content: center;
}
section.s-block.container .s-products-list-vertical-cards {
    display: flex !important;
    justify-content: center;
}



:root {
    --color-gold:#ca9011;
    --color-text:#ffffff;
}


select,.s-advertisement,.s-reviews-testimonial {
    background-color: rgb(255 255 255 / 0%) !important;
}
/*
label ,input {
    color: rgb(255 255 255) !important;
}*/
.s-search-input{color:#000 !important;}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track-piece {
    background-color: #00000033;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 200px;
    background-color: var(--1);
    -webkit-border-radius: 0px;
}

body::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

body::-webkit-scrollbar-thumb {
    min-height: 120px;
    background-color: #414042;
    background-color: var(--1);
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent)
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #282727;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 200px;
    background-color: #7d7d7db3;
    -webkit-border-radius: 0px;
}

body.products-has-border .product-card {
    --normal-box-shadow: -8px 10px 15px -3px rgba(0,0,0,0.1);
    border-radius: 15px !important;
    overflow: hidden;
    box-shadow: var(--normal-box-shadow);
    padding: 20px 37px;
}

.s-product-card-entry {
    background-color: rgb(0 0 10);
    border: 1px solid var(--1);
}

section.s-block.container .s-products-list-vertical-cards {
    display: flex ;
    justify-content: center;
}

/* ====== GENERAL ====== */

body.index, body, .s-comments-product, .bg-white, .s-quantity-input-container, .banner--fixed img, .tamara-product-widget, .spotii-wrapper, .banner-entry, .mm-spn.mm-spn--light, #mainnav, .footer-is-light .store-footer {
    /* background: #faf7f2 !important; */
    /* background: #ffffff !important; */
    background: #2b2b54 !important;
}
.footer-is-light .store-footer .store-footer__inner{

  /*  background: repeating-linear-gradient(122deg, #633d83 0%, #494999 8%, #633d83 16%, #a89899 24%, #49559d 32%, #494999 40%, #633d83 48%, #796fa6 56%, #42318c 64%) !important;*/
/*  background: repeating-linear-gradient(222deg, #710ec5 0%, #343441d9 8%, #2b044d 16%, #412022 24%, #0d0d0e 32%, #34347d 40%, #45295d 48%, #796fa6 56%, #241d47 64%) !important;*/
   background:linear-gradient(
233deg, #028ae3, #562c85, #562b86, #303f65, #116563, #49549f);
    border-top-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
.store-footer h3 {
    color: white;
 
}

.s-products-list-placeholder span {
    background-color: #f9f2e7;
}

.s-products-list-placeholder span svg {
    fill: #999;
}

.s-products-list-placeholder p {
    color: #515151;
}

.s-button-danger {
    background: #ef4343 !important;
}

body:not(.product-single) .bg-white:not(#mainnav) {
    background-color: #ffffff00 !important
}

.s-cart-summary-content {
    display: none
}

[dir=rtl] .header-btn__icon.icon {
    margin-left: 0;
}

.s-cart-summary-count {
    background-color: #00000;
}

.s-cart-summary-count {
    top: -0.425rem;
}

.main-nav-container.shadow-default {
    box-shadow: none
}

salla-cart-summary {
    margin-right: .5rem !important
}

/* ====== HERO SECTION ====== */
.navbar-brand img {
    height: 0px !important;
}

.navbar-brand {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 99px;
    width: 9rem;
    display: block;
}

@media only screen and (max-width: 700px) {
    .navbar-brand {
        width: 21vw;
        margin: auto;
    }

    a.navbar-brand {
        right: 67px;
        position: relative;
    }
}

body.index:before,body[data-template="home"]:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #f5f5f529;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: fixed;
    z-index: 999999;
    transform: scale(0);
    animation-name: pupup;
    animation-duration: 1s;
}

@keyframes pupup {
    0% {
        transform: scale(1);
    }

    18% {
        transform: scale(1);
    }

    80% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

body.index:after,body[data-template="home"]:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: var(--logo);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    transform: scale(0);
    animation-name: pupup_logo;
    animation-duration: 1s;
}

@keyframes pupup_logo {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }

    100% {
        transform: scale(0);
    }
}

.sicon-whatsapp2::after,a[href*="whatsapp"].s-contacts-item::after {
    content: url("https://raw.githubusercontent.com/Alzohari/video/33674a8df488f14bf6bd8f835237c31c64724f7a/svg.svg");
    text-align: center;
    cursor: pointer;
   
    z-index: 999;
    display: flex;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 0px;
    color: #fff;
    box-shadow: #00000022 1.5px 1.5px 5px;
    width: 58px;
    height: 58px;
    border-radius: 27.5px;
    position: fixed;
    bottom: 131px;
    right: 17px;
    transform: rotate(360);
    transition: all .2s ease-in-out;
}

body:not(.index) .sicon-whatsapp2::after,body:not(.index) a[href*="whatsapp"].s-contacts-item::after {
    bottom: 131px;
}

body[style] a[href*="whatsapp"].s-contacts-item::after, body[cz-shortcut-listen="true"] a[href*="whatsapp"].s-contacts-item::after, a[href*="whatsapp"].s-contacts-item::after, body[style] .sicon-whatsapp2::after, body[cz-shortcut-listen="true"] .sicon-whatsapp2::after,i.sicon-whatsapp2::after {
    width: 56px;
    height: 56px;
    border-radius: 32.5px;
    font-size: 32px;
/*    box-shadow: #0000006b 2px 2px 8px;*/
}

.sicon-whatsapp2:after:hover,a[href*="whatsapp"].s-contacts-item:after:hover {
    border-radius: 0;
    border: 0;
    width: 180px;
    height: 60px;
}
/*
.sicon-whatsapp2:hover::after,a[href*="whatsapp"].s-contacts-item:hover::after {
    content: "تواصل معنا";
    
    font-family: var(--font-main)!important;
    width: 260px !important;
    animation: trns 1s;
    font-size: 20px !important;
    color: #ffffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

*/





/**/
@keyframes trns {
    0% {
        color: #ffffff00;
    }

    100% {
        color: #ffffff99;
    }
}

i.header-btn__icon.sicon-user-circle,i.header-btn__icon.icon.sicon-shopping-bag {
    color: #ffffff;
    /* background: #fff; */
    transition: all .5s;
    /* box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22) */
}

.top-navbar {
    padding-top: 15px;
    background-color: transparent!important;
    color: #fff!important
}

.index div#mainnav,.index.inner.bg-inherit {
    background: 0 0!important
}

@media(min-width: 1024px) {
    .navbar-brand img {
        max-height:5rem!important
    }

    .main-menu li.root-level>a,.main-menu li.root-level>a:after {
        transition: all .5s
    }

    .index .main-menu li.root-level>a {
        position: relative;
        z-index: 1;
        color: var(--1) !important;
        padding-bottom: 20px;
        padding-top: 7px;
        font-size: 15px;
    }

    .main-menu li.root-level>a:hover {
        color: #fff!important
    }

    .main-menu li.root-level>a:after {
        background: var(--1)!important;
        content: "";
        inset: 0;
        position: absolute;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform .5s ease-in-out;
        z-index: -1;
        border-radius: 5px
    }

    .main-menu li.root-level>a:hover:after {
        transform: scaleX(1);
        transform-origin: left
    }

    .navbar-brand {
        /* margin-right: 3rem; */
        position: relative;
        right: 105px;
    }

    section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type,section:nth-of-type(1).s-block.s-block--photos-slider {
        /* margin-top: -13.5rem!important; */
        /* z-index: -1 */
    }
}

.top-navbar {
    display: none
}

body.index .swiper-wrapper.s-slider-swiper-wrapper {
    padding: 0 0 28px
}

body.index .s-slider-block__title {
    display: flex;
    flex-direction: column;
    justify-content: center!important;
    margin: 36px auto 3px;
}

.s-slider-block__title-left {
    margin: 25px 0 0
}

section.s-block.s-block--photos-slider {
    margin-top: -4rem;
}

section#best-offers-1-slider {
    margin-top: -1rem;
}

salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 36px;
}

salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 0rem;
    margin-right: 0rem;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 0.375rem;
    padding: 0;
    border-radius: 0;
}

section:nth-of-type(1).s-block.s-block--photos-slider,section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: -1rem;
    background: var(--main-color);
    /* z-index: -1; */
}

.s-block--fixed-banner .container img {
    border-radius: 0;
    background: transparent;
}

salla-slider.photos-slider .swiper,salla-slider.photos-slider .swiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding: 0 !important;
}

img.w-full.object-contain.rounded-md {
    border-radius: 0;
}

@media (max-width: 991px) {
    salla-slider.photos-slider .swiper-slide {
        border-radius: 0px !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

body.index section:nth-of-type(1) .s-slider-block__title {
    display: none;
}

i.sicon-menu.text-primary.text-2xl {
    color: #ffffff;
    /* background: #fff; */
    /* box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22); */
    padding: 6px;
    border-radius: 22px;
}

@media(max-width: 768px) {
    .index div#mainnav,.index.inner.bg-inherit {
        background: transparent !important;
    }

    body {
        background-size: 47%
    }
}

.s-cart-summary-total {
    color: #fff!important
}

.s-block__title {
    display: none;
}

footer.store-footer {
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    font-size: 1rem;
    background-color: var(--color-primary);
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    border-radius: 20px;
    box-shadow: rgb(0 0 0/15%) 0px 2px 4px, rgb(0 0 0/0%) 0px 7px 13px -3px, rgb(255 255 255/66%)0px -3px 0px inset;
    animation: signal 1200ms infinite
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--color-primary)
    }

    100% {
        box-shadow: 0 0 0 6px #ffffff21
    }
}

.s-product-card-content {
    text-align: center;
}

.s-product-card-content-sub {
    justify-content: center;
}

section.s-block.s-block--fixed-banner.wide-placeholder>.container {
    padding: 0!important;
    width: 100%!important;
    max-width: unset
}

footer.store-footer {
    justify-content: center;
    text-align: center;
    align-items: center;
}

.copyright-text p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    /* color: rgba(55, 65, 81, var(--tw-text-opacity, 1)); */
}

#product-713553781 > div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > div.flex.whitespace-nowrap.gap-4.items-center > div.gap-4.flex > h2 {
    display: none;
}

article#more-content {
    max-height: unset !important;
}

a#btn-show-more {
    display: none;
}

.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 {
    display: flex;
    flex-direction: column;
}

form.form.product-form {
    order: 1;
}

h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
    order: 1;
}

h2.product-entry__sub-title.text-sm.text-gray-500.leading-6.mb-2\.5 {
    order: 2;
}

.flex.whitespace-nowrap.gap-4.items-center {
    order: 2;
}

.product__description.p-2.px-5.sm\:p-1.leading-7.mb-3 {
    order: 2;
}

.flex.rtl\:space-x-reverse.space-x-3 {
    order: 2;
}

.bg-white.py-2\.5.mb-5.rounded-md.inline-flex.text-sm {
    order: 2;
}

salla-installment.hydrated {
    order: 2;
}

.main-nav-container.fixed-pinned .inner {
    position: fixed;
    width: 100%;
    backdrop-filter: blur(40px);
}

footer.store-footer a.navbar-brand {
    order: 1;
    margin: 0;
    width: 142px;
    right: 0;
    font-size: 18px !important;
    align-self: center;
}

.flex.items-center {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

:root {
    --color-primary: var(--1);
    --color-primary-dark: var(--2);
    --color-primary-light: #d85452;
    --color-primary-reverse: #edf5ff;
    --gr: linear-gradient(45deg,var(--color-primary) 0,var(--color-primary) 0,var(--color-primary) 39%,var(--color-primary-dark) 100%);
    --gr2: linear-gradient(45deg, var(--1) 0, var(--2) 100%);
    --1: #3b3687;
    --2: #010141;
    --2-2: #9865266e;
    --3: #edf5ff;
    --4: #3b3b39;
    --4-4-4: #20201f;
    --4-4: #3131309c;
    --bg: #F2F2F2;
    --ff: #ededed;
    --00: #2d2d2d;
    --sh: 0 0 transparent, 0 0 transparent, 0 3px 16px rgba(47, 83, 109, .12157);
    --bg-g: linear-gradient(134deg ,transparent -183%,#fff 83% ,#fff 200%),url("");
    --bg-f: linear-gradient(134deg,transparent -183%,var(--1) 83%,#fff 200%),url(https://cdn.salla.sa/form-builder/kW2IG8yY17w9F8vq50CMfMdhWBcbQhSoDRWGaK99.jpg)0rem 0rem/545%no-repeat;
    --sh: -8px 10px 15px -3px rgba(0,0,0,0.1);
    --logo: url("https://raw.githubusercontent.com/Alzohari/video/refs/heads/main/logo.png");
}

.custom-video {
    width: 100%;
    height: auto;
    display: block;
}

.video-wrapper {
    position: relative;
    overflow: hidden;
    margin-top: -13.5rem!important;
    z-index: -1;
}

body.index .s-product-card-content-title a {
    color: rgb(241 241 241);
}

body,.text-gray-800 ,.form-label,.s-slider-nav-arrow,.tamara-product-widget, .spotii-wrapper {
    color: #fff !important;
}

.store-footer__inner,footer.store-footer {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: 1rem top;
    background-size: auto 90%;
    background-color: #01000100;
}

footer.store-footer {
    background-position: right 0rem;
    background-color: #010001;
    background-size: auto 80%;
}

@media (max-width: 991px) {
    footer.store-footer p {
        order: 2;
    }

    footer.store-footer .lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
        display: flex;
        flex-direction: column;
    }
}

.s-quantity-input-input {
    color: #000;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p {
    font-size: 20px;
    color: #fff;
}

@media (max-width: 991px) {
    .s-contacts-list-vertical {
        /* align-items: flex-start !important; */ /* text-align: right !important; */ position: relative;
   /*     right: 27vw;
        width: 15px;*/
        align-items: center;
    }

    salla-social.s-social-list.hydrated {
        justify-content: center;
    }
}
/*
a.s-contacts-item {
    width: 14px;
}

div#contact-slot {
    width: 15px;
}
*/
.store-footer a.flex.items-center.m-0 {
    justify-content: center !important;
}

@media (min-width: 991px) {
    .s-social-list {
        justify-content: center !important;
    }
}

#s-products-slider-abo1iufot > div.s-slider-block__title > div.s-slider-block__title-right > h2, div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > div.flex.whitespace-nowrap.gap-4.items-center > div.gap-4.flex > h2 {
    display: none;
}

@media (max-width: 767px) {
    .product__description.p-2.px-5.sm\:p-1.leading-7.mb-3 {
        padding: 0;
    }

    article.article--main.pb-1 img {
        max-width: 100%;
        overflow: hidden;
    }

    body.product-single .container {
        overflow: hidden;
      /*  padding: 0 0px 0 0;*/
    }

    h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800,.flex.whitespace-nowrap.gap-4.items-center,nav.breadcrumbs.w-full.py-5 {
        padding-right: 15px;
    }
}
/*
div#tabbyPromo {
    background: #010001 !important;
}
salla-slider.s-products-slider-slider.s-slider-wrapper.carousel-slider.s-slider-horizontal.hydrated {
    display: none;
}
*/
.s-comments.s-comments-product * {
    color: #fff !important;
}

.s-form-control {
    background-color: rgb(255 255 255 / 0%);
}

a {
    color: #fff !important;
}

.s-modal-close,.s-notifications-item-icon,.s-notifications-item, .s-rating-stars-label ,.s-rating-modal-comment,.s-modal-body,.s-button-light,.lg\:bg-white,.s-orders-table-head,.s-orders-table-tbody-tr {
    background-color: rgb(255 255 255 / 19%);
}

.s-user-settings-section-title,.s-modal-title,span.s-orders-status-container,.text-gray-600,span,.text-gray-500 {
    color: rgb(255 255 255) !important;
}

.s-modal-body {
    background-color: rgb(24 24 72) !important;
    /* filter: blur(1px); */
}
.s-modal-body.s-modal-align-middle.s-modal-xs.s-modal-padding.s-modal-entering {
        background:linear-gradient(176deg, #2b2b54, #cdbae5)
    
}
.s-rating-modal-store-logo {
    filter: brightness(35.5);
}

.s-button-primary {
    border-width: 1px;
    border-color: #8383f6;
    background-color: #3636b6;
}

.s-toggle .s-toggle-input:checked + div {
    background: #3636b6 !important;
}

.s-quantity-input-input {
    color: #fff;
    background:transparent ;
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
    --tw-bg-opacity: 1 !important;
   
    background-color: transparent !important;
    }
    /*
    .s-product-card-vertical .s-product-card-wishlist-btn {
  
    top: 0;
   

}
*/
body.index, body, .s-comments-product, .bg-white, .s-quantity-input-container, .banner--fixed img, .tamara-product-widget, .spotii-wrapper, .banner-entry, .mm-spn.mm-spn--light, #mainnav, .footer-is-light .store-footer {
    /* background: #faf7f2 !important; */
    /* background: #ffffff !important; */
    background: #2b2b54 !important;
}




@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl],[dir=rtl] *):after {
        padding-right: .75rem;
        color: white;
    }
}


.max-w-sm {
    max-width: 32rem;
    text-align: center;
    align-items: center;
    margin: auto;
    color: #e1e1e1;
}


#product-filter option{color:black}
.main-content >.whitespace-nowrap{display:none;}
.text-red-800,.\!text-red-800{color:gold !important}
.s-product-card-sale-price h4 {
    --tw-text-opacity: 1!important;
    color: gold !important;
    
}
.s-breadcrumb-arrow svg{fill:white}
.s-social-share-btn .s-button-text span,.btn--wishlist  span{
    color:black !important ;
}



/* --- شريط إعلاني يعمل 100% - بداية الكود --- */

/* إخفاء الشريط الإعلاني الافتراضي لمنصة سلة */
salla-advertisement .s-block {
    display: none !important;
}

/* 1. الحاوية الرئيسية للشريط */
#final-marquee-bar {
    width: 100%;
    overflow: hidden;
 /*   background-color: #f7cb5b;*/
  background-color: gold;
    padding: .51rem 0;
    border-bottom: 1px solid #eee;
}

/* 2. حاوية المحتوى المتحرك (المسار) */
#final-marquee-bar .marquee-track {
    display: flex;
    /* سيتم حساب العرض تلقائيًا بناءً على المحتوى */
    width: max-content; 
    /* سرعة الحركة: الرقم الأكبر = حركة أبطأ */
    animation: final-scroll 30s linear infinite;
}

/* 3. تصميم النصوص الإعلانية */
#final-marquee-bar .marquee-track p {
    /* مسافة موحدة بين كل نص وآخر */
    margin: 0 2.5rem; 
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 500;
    color: #3c388a;
    cursor: pointer;
    transition: color 0.3s ease;
}

/* 4. تأثير عند مرور الماوس */
#final-marquee-bar .marquee-track p:hover {
    color: #ff6347;
}

/* 5. إيقاف الحركة عند مرور الماوس فوق الشريط */
#final-marquee-bar:hover .marquee-track {
    animation-play-state: paused;
}

/* 6. تعريف الحركة اللانهائية (الطريقة الصحيحة) */
@keyframes final-scroll {
    from {
        transform: translateX(0%);
    }
    to {
        /*
         * السر هنا: نحرك الشريط بمقدار نصف عرضه الكلي.
         * بما أننا سنضاعف المحتوى في JS، فإن نصف العرض
         * يساوي تمامًا طول مجموعة الإعلانات الأصلية.
         * هذا يضمن انتقالًا سلسًا وغير ملحوظ.
        */
        transform: translateX(50%);
    }
}

/* --- شريط إعلاني يعمل 100% - نهاية الكود --- */
.s-login-modal-title {
    --tw-text-opacity: 1;
    color: #111827;
    color: rgb(255 255 255);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .5rem;
}
/* كود لإخفاء رأس نافذة تسجيل الدخول المنبثقة */
/* div#salla-modal[aria-label="تسجيل الدخول"] .s-modal-header {
    display: none !important;
}*/

/* حل بديل إذا لم يعمل الأول */
/*
.s-login-modal .s-modal-header {
    display: none !important;
}*/
.s-rating-stars-hovered, .s-rating-stars-selected.s-rating-stars-btn-star {
    fill: #fbbf24;
}
.s-product-card-content-subtitle,.no-content-placeholder p {
   
    color: rgb(255 239 180);
}
.app-inner div.mb-10 {
     margin-bottom:-2rem; 
}
@media (min-width: 1024px) {
    .lg\:w-\[calc\(100\%-384px\)\] {
        width: calc(100%);
    }
}
/*
.s-user-menu-dropdown-item a {
  
    color: rgb(22 33 186);
   
}*/
.s-user-menu-dropdown-item-title,.s-user-profile-field input{
    color:black !important;
}
.s-product-card-content-title a {
  overflow: hidden;
    white-space: nowrap;
     text-overflow: ellipsis;
}

.s-user-profile-field-label {
    display: block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .5rem;
    --tw-text-opacity: 1;
    color: #374151;
    color: rgb(227 229 231);
}.s-user-menu-trigger {
   
    background-color: transparent;
   
}
.s-user-settings-section {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229,231,235,var(--tw-border-opacity,1));
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: #171754cf;
}
salla-social.s-social-list {
 
    justify-content: center;
}
.product-entry {
   
    background-color: rgb(255 255 255 / 0%);
   
}
.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
   
    /* float: left; */
   
}
button.btn--coupon {
    
    border-radius: 0 !important;
}
.cart-item .flex-1 {
    flex: auto;
}
#tabbyPromoWrapper {
    background: transparent !important;}
    .s-comments.s-comments-product textarea,textarea{color: #000000 !important;}
    body[style] a[href*="whatsapp"].s-contacts-item::after, body[cz-shortcut-listen="true"] a[href*="whatsapp"].s-contacts-item::after, a[href*="whatsapp"].s-contacts-item::after, body[style] .sicon-whatsapp2::after, body[cz-shortcut-listen="true"] .sicon-whatsapp2::after, i.sicon-whatsapp2::after {
  
    box-shadow: none;
}