/* Add custom CSS styles below *//* Global Properties */
[data-theme="dark"]{
    --btn-shadow: #343444;
    --shadow: rgba(255,255,255,.2);
    --blur-color: rgba(31,31,44,.95);
    --menu-blur: 4px;
    --theme-gray: #2b2b3b;
    --product-shadow: rgba(0,0,0,0.96);
}

[data-theme="light"]{
    --btn-shadow: #D6D6E7;
    --shadow: rgba(0,0,0,.2);
    --blur-color: rgba(233,233,233,.97);
    --menu-blur: 4px;
    --theme-gray: var(--color-light-grey);
    --product-shadow: rgba(0,0,0,0.7);
}

:root {
    --bg-primary: #e9e9e9 !important;
}
.dark {
    --bg-primary: #111216 !important;
}

*{
cursor: url("https://i.imgur.com/dJIH6Ao.png"), default;
}

a *,
a{
    cursor: pointer;
}


/* --- Buttons --- */
.no-content-placeholder a,
salla-loyalty salla-button button,
.enhanced-products-slider-action-button,
.main-links-style-2-swiper-actions-start > div,
a.enhanced-products-slider-heading-action,
#comments a:has(span.s-button-text){
    border: none;
    background: unset;
    background-color: var(--color-primary) !important;
    color: #fff !important;
    opacity: 1 !important;
    border-radius: 8px !important;
    background-image: radial-gradient(80% 100% at 75% 25%, #00a98f 0, #0b695a 100%) !important;
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px,
        rgb(255 255 255 / 0%) 0 7px 18px -3px,
        var(--color-primary) 0px 5px 0px 0px !important;
    transform: translatey(0px) !important;
    transition: box-shadow 0.4s, transform 0.4s;
}

.no-content-placeholder a:hover,
salla-loyalty salla-button button:hover,
.enhanced-products-slider-action-button:hover,
.main-links-style-2-swiper-actions-start > div:hover,
a.enhanced-products-slider-heading-action:hover,
#comments a:has(span.s-button-text):hover{
    color: #fff !important;
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px,
        rgb(255 255 255 / 0%) 0 7px 18px -3px,
        var(--color-primary) 0px 7px 0px 0px !important;
    transform: translatey(-2px) !important;
}

.no-content-placeholder a:active,
salla-loyalty salla-button button:active,
.enhanced-products-slider-action-button:active,
.main-links-style-2-swiper-actions-start > div:active,
a.enhanced-products-slider-heading-action:active,
#comments a:has(span.s-button-text.s-button-hide),
#comments a:has(span.s-button-text):active{
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px,
    rgb(255 255 255 / 0%) 0 7px 18px -3px,
    var(--color-primary) 0px 2px 0px 0px !important;
    transform: translatey(2px) !important;
}

a.enhanced-products-slider-heading-action{
    padding: 10px 20px;
}

a.enhanced-products-slider-heading-action::before{
    display: none;
}




/* Tabulated Products Styles Enhancements */
.tabulated-products-slider {
  background-color: var(--bg-primary);
}

.tabulated-products-slider .section-heading-divider {
  display: none;
}

#default-styled-tab button {
  padding: 10px;
}

#default-styled-tab button[aria-selected="false"]:active,
button[aria-selected="true"] {
  border: unset !important;
  background-color: var(--color-primary) !important;
  color: #fff !important;
  border-radius: 8px;
  background-image: radial-gradient(80% 100% at 75% 0, #00a98f 0, #0b695a 100%) !important;
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px,
        rgb(255 255 255 / 0%) 0 7px 18px -3px,
        var(--color-primary) 0px 3px 0px 0px !important;
    cursor: unset !important;
    transform: translatey(2px) !important;
}

button[aria-selected="false"] {
  border: unset !important;
  background-color: #FCFCFD;
  border-radius: 8px;
  font-weight: 700;
  box-shadow: rgb(255 255 255 / 0%) 0 4px 8px,
  rgb(255 255 255 / 0%) 0 7px 18px -3px,
  var(--btn-shadow) 0px 5px 0px 1px !important;
}

.dark button[aria-selected="false"] {
  background-color: #222120 !important;
  color: #fff !important;
}

.container button{
    transition: transform 0.3s , box-shadow 0.3s ;
}

.container button[aria-selected="false"]{

}

.container button[aria-selected="false"]:hover{
    transform: translatey(-2px) !important;
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px,
        rgb(255 255 255 / 0%) 0 7px 18px -3px,
        var(--btn-shadow) 0px 7px 0px 1px !important;
}



/* Slider Opacity Fix */
.banners-slider .swiper-slide {
  opacity: 1 !important;
}


/* Slider dots */
.swiper-pagination-bullet{
    background: var(--description-color) !important;
    opacity: 0.75 !important;
    border: none !important;
    width: 10px !important;
    height: 10px !important;
    transition: 0.35s ease;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{
    opacity: 1 !important;
    transform: scale(1.3);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--color-primary) !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    border-color: var(--color-primary) !important;
}

/* Main Links Style 3 */
.main-links-style-3-slider-single-content-informations {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  bottom: 10px;
  top: unset;
}

/* Ensure the overlay fits well within the square categories */
/* .main-links-style-3-slider-single-content-overlay {
  background-image: none;
  background-image: linear-gradient(135deg, #59595900 0, #0000003d 100%);
  position: absolute;
  overflow: hidden;
  z-index: 0;
  height: calc(100% - 8px);
  width: calc(100% - 8px); 
  top: 4px;
  right: 4px;
  border-radius: 10px;
  transition: all 0.3s ease; 
} */

/* Cool hover animation */
/* .main-links-style-3-slider-single-content:hover .main-links-style-3-slider-single-content-overlay {
  background-image: linear-gradient(135deg, #0000003d 0, #59595900 100%);
  transform: scale(1.05); 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); 
} */

/* Ensure the image does not animate with the overlay */
/* .main-links-style-3-slider-single-content img {
  position: relative;
  z-index: 1; 
} */

.main-links-style-3-slider-single-content .main-links-style-3-slider-single-content-title:has(a h4) {
    max-width: 100%;
    overflow: visible;
    position: relative;
    top: 70px !important;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
}

.group:hover .main-links-style-3-slider-single-content-image {
  transform: none;
}

.main-links-style-3-slider-single-content-image{
    aspect-ratio: unset;
}

.main-links-style-3-slider-single-content-description {
  display: none !important;
}

@media (max-width: 1024px) {
    .mm-ocd--right .mm-ocd__content {
        transform: translate3d(0, 100%, 0);
    }

    .mm-ocd--open .mm-ocd__content {
        transform: translate3d(0, 0, 0);
      z-index: 150;
    }

    .banners-builder-single-wrapper {
        height: 400px;
    }
}

.mobile-nav-bottom {
  z-index: 99999 !important;
}

.banners-builder-single-wrapper {
  height: 500px;
}

.banners-builder-single-content-informations-button:hover .banners-builder-single-content-informations-button-text-first,
.banners-builder-single-content-informations-button:hover .banners-builder-single-content-informations-button-container {
  transform: none !important;
}

.banners-builder-single-content-informations-button-text-second {
  display: none;
}

.group:hover .product-card-content-media-image {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: none;
}

.flex.flex-col.gap-1.mb-1 h4 {
  color: #fff;
}

.product-card-content-media-rating.\!static.\!p-0.\!pt-\[2px\] {
  background: transparent;
}

span.product-card-content-media-rating-value {
  color: #fff;
}

/* footer.bg-\[var\(--bg-secondary\)\] {
  background: linear-gradient(to bottom, #111216, #14141f);
} */

/*[data-sal|=slide].sal-animate {
  color: #fff;
}
*/

.enhanced-products-slider-heading-action {
  color: #fff;
}

.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
  color: #fff;
}

.rtl\:rotate-0:where([dir="rtl"], [dir="rtl"] *) {
  color: #fff;
}

.product-card-actions-add-to-cart {
  border-radius: 10px;
}

.product-card-actions-add-to-cart[disabled]{
    background: var(--btn-shadow);
    color: var(--description-color);
    border-color: var(--btn-shadow);
    cursor: not-allowed;
}

[data-theme="dark"] .product-card-actions-add-to-cart[disabled]{
    border-color: var(--description-color);
}

.product-card-actions-add-to-cart[disabled] *{
    cursor: not-allowed;
}

.product-card-actions-wishlist svg{
    transition: 0.4s ease;
}

.product-card-actions-wishlist svg{
    pointer-events: none;
}

.dark .product-card-actions-wishlist:hover,
.product-card-actions-wishlist:hover{
    color: var(--color-primary) !important;
    cursor: pointer !important;
}

.banners-builder-single-content-informations-button {
  padding: 22px 18px;
  border-radius: 8px;
  box-shadow: inset 0 -3px 0 rgba(11, 105, 90, 0.6); /* Less harsh shadow */
  transition: box-shadow 0.15s, transform 0.15s;
}

.banners-builder-single-content-informations-button:hover {
  box-shadow: inset 0 -3px 0 rgba(110, 5, 129, .6), 0 4px 0 rgba(0, 0, 0, .1), 0 0px 0 rgba(0, 0, 0, .1), inset 0 -3px 0 rgba(110, 5, 129, .6);
  transform: translateY(-3px);
}

/*
.banners-builder-single-content-informations-button:active {
  box-shadow: inset 0 3px 7px rgba(17, 18, 22, 0.5) !important;
  transform: translateY(2px) !important;
}
*/

/* Hero Section CTA Buttons */
a.banners-builder-single-content-informations-button.hero-section-cta-2 {
  box-shadow: inset 0 -3px 0 rgba(11, 105, 90, 0.6); /* Sharp shadow */
  transition: box-shadow 0.15s, transform 0.15s;
}

a.banners-builder-single-content-informations-button.hero-section-cta-2:hover {
  box-shadow: inset 0 -3px 0 rgba(11, 105, 90, 0.6), 0 4px 0 rgba(0, 0, 0, 0.1); /* Sharp shadow */
  transform: translateY(-3px);
}

a.banners-builder-single-content-informations-button.hero-section-cta-3 {
  box-shadow: inset 0 -3px 0 rgba(0, 115, 82, 0.6); /* Sharp shadow */
  transition: box-shadow 0.15s, transform 0.15s;
}

a.banners-builder-single-content-informations-button.hero-section-cta-3:hover {
  box-shadow: inset 0 -3px 0 rgba(0, 115, 82, 0.6), 0 4px 0 rgba(0, 0, 0, 0.1); /* Sharp shadow */
  transform: translateY(-3px);
}

a.banners-builder-single-content-informations-button.hero-section-cta-4 {
  box-shadow: inset 0 -3px 0 rgba(133, 0, 26, 0.6); /* Sharp shadow */
  transition: box-shadow 0.15s, transform 0.15s;
}

a.banners-builder-single-content-informations-button.hero-section-cta-4:hover {
  box-shadow: inset 0 -3px 0 rgba(133, 0, 26, 0.6), 0 4px 0 rgba(0, 0, 0, 0.1); /* Sharp shadow */
  transform: translateY(-3px);
}
/* Ensure the overlay fits well within the square categories */
/* .main-links-style-3-slider-single-content-overlay {
  background-image: none;
  background-image: linear-gradient(135deg, #59595900 0, #0000003d 100%);
  position: absolute;
  overflow: hidden;
  z-index: 0;
  height: calc(100% - 8px);
  width: calc(100% - 8px);
  top: 4px;
  right: 4px;
  border-radius: 10px;
  transition: all 0.3s ease;
} */



/* Ensure the image does not animate with the overlay */
.main-links-style-3-slider-single-content-image {
  position: relative;
  z-index: 1; /* Make sure the image is above the overlay */
}


/* --- Banner --- */
.banners-slider:first-of-type a {
    margin-top: 80px;
    position: relative;
}


@media (max-width: 640px){
    
    .banners-slider:first-of-type a {
        margin-top: 60px;
    }
    
}


/* Banner Buttons */
section.banners-slider div[class^='banners-slider-swiper-actions-'][role="button"][aria-disabled="true"]{
    opacity: 0 !important;
    height: 0rem !important;
    top: 55% !important;
}

section.banners-slider div[class^='banners-slider-swiper-actions-'][role="button"]{
    border: unset !important;
    background-color: var(--color-primary) !important;
    color: #fff !important;
    border-radius: 8px;
    background-image: radial-gradient(80% 100% at 75% 0, #00a98f 0, #0b695a 100%) !important;
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px,
        rgb(255 255 255 / 0%) 0 7px 18px -3px,
        var(--color-primary) 0px 5px 0px 2px !important;
    transform: translatey(0px) !important;
    height: 3.5rem;
    width: 3.5rem;
    z-index: 100 !important;
    transition: box-shadow 0.4s, transform 0.4s, opacity 0.2s, height 0.2s, top 0.2s;
}

section.banners-slider div[class^='banners-slider-swiper-actions-'][role="button"]:hover{
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px,
        rgb(255 255 255 / 0%) 0 7px 18px -3px,
        var(--color-primary) 0px 7px 0px 2px !important;
    transform: translatey(-2px) !important;
}

section.banners-slider div[class^='banners-slider-swiper-actions-'][role="button"]:active{
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px,
    rgb(255 255 255 / 0%) 0 7px 18px -3px,
    var(--color-primary) 0px 3px 0px 1px !important;
    transform: translatey(2px) !important;
}

section.banners-slider div[class^='banners-slider-swiper-actions-'][role="button"]::after{
    content: "";
    inset: 0;
    position: absolute;
    opacity: 0.5;
    box-shadow: rgba(80, 8 ,54 , 0.75) var(--side-offset) 10px 25px 6px;
    border-radius: 8px;
}

.banners-slider-swiper-actions-next{
    --side-offset: 8px
}

.banners-slider-swiper-actions-prev{
    --side-offset: -8px;
}

.banners-slider:first-of-type .banners-slider-swiper-actions-pagination{
    display: none;
}


@media (max-width: 640px){
    section.banners-slider div[class^='banners-slider-swiper-actions-'][role="button"]{
        height: 2rem;
        width: 2rem;
    }
    
    section.banners-slider div[class^='banners-slider-swiper-actions-'][role="button"]::after{
        box-shadow: rgba(80, 8 ,54 , 0.5) var(--side-offset) 8px 20px 4px;
        border-radius: 8px;
    }
}



/* --- Shelf With Side Banner --- */
.main-links-style-3-slider-single-content-overlay{
    display: none;
}




/* --- Testimonials --- */
.testimonials-slider > div > div .rating span,
.testimonials-slider > div > div .rating svg{
    color: var(--color-primary);
}



/* --- Footer --- */

/* --- Download the App Banner --- */
salla-app-install-alert{
    border-radius: 20px !important;
    bottom: 80px !important;
}

h2.s-app-install-alert-title{
    color: var(--color-primary);
}


/* --- NAV --- */
.main-navbar{
    z-index: 200; 
}

nav.main-navbar button:has(.iti__flag){
    border-radius: 10px;
}

/* nav button[aria-label="user-icon"]{
    position: relative;
    opacity: 0;
}

nav button[aria-label="user-icon"]::after{
    content: "";
    position: absolute;
    inset:0;
    background: url("");
    background-size: cover;
    opacity: 1;
} */


/* Cart Icon */
#s-cart-icon{
    position: relative;
}

#s-cart-icon svg{
    color: transparent;
}

#s-cart-icon::after{
    content: "";
    position: absolute;
    inset:0;
    background:   url("https://xltviwjceatwwjl26kd5s2g47mlfa2lwcqdkbtg3hpipncqyuvca.arweave.net/uudUWSIgJ2slevKH2Wjc-xZQaXYUBqDM2zvQ9ooYpUQ");
    background-size: contain !important;
    background-repeat: no-repeat !important;
    transition: 0.2s ease;
}

.dark #s-cart-icon::after{
    background: url("https://gjdsibix4mrbkn6b2ww5wuwx4hufaagrcptbvo3lx4hhpw6yyqca.arweave.net/MkckBRfjIhU3wdWt21LX4ehQANET5hq7a78Od9vYxAQ");
}

.s-cart-summary-wrapper:hover p.s-cart-summary-content b{
    color: var(--color-primary) !important;
}
.s-cart-summary-wrapper:hover #s-cart-icon::after{
    background: url("https://f57uy6qbg45e6xjwwgspr4qdnems73tgvuwtulxtgxjavrtrnaba.arweave.net/L39MegE3Ok9dNrGk-PIDaRkv7matLTou8zXSCsZxaAI");
    background-size: contain;
    background-repeat: no-repeat;
}

.s-cart-summary-count{
    transition: 0.3s ease;
}

.s-cart-summary-wrapper:hover .s-cart-summary-count{
    transform: scale(1.1);
}


@media (max-width: 1024px){
    
    nav:first-of-type a[href="#mobile-menu"]{
        display: none;
    }
    
    a > img[alt="Store Logo"]{
        height: 45px;
    }
    
    /* Phone Menu */    
    .mm-ocd{
        z-index: 99999;
        border-radius: 20px 20px 0 0; 
        margin-top: auto;
        background: transparent;
        max-height: 700px;
        box-shadow: 0 0 80px 0 var(--shadow);
    }
    
    .mm-ocd--open{
        background: var(--shadow);
    }

    .main-menu{
        margin-top: 7px !important;
    }
    
    .mm-ocd__content{
        width: 100%;
        padding: 10px;
        backdrop-filter: blur(var(--menu-blur));
        -webkit-backdrop-filter: blur(var(--menu-blur));
        background: var(--blur-color);
        max-width: unset;
        border-radius: 20px 20px 0 0; 
    }
    
    .mobile-menu{
        border-radius: 20px; 
    }
    
    .mm-ocd__content .mm-spn--open,
    .mm-ocd__content .main-menu:not(.mm-spn--parent){
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-height: 100%;
        width: 100%;
        overflow-y: auto;
        gap: 15px;
        padding: unset;
        padding: 0 10px 150px;
        align-content: start;
        border-radius: 20px;
    }
    
    .mm-ocd__content .mm-spn--open::-webkit-scrollbar,
    .mm-ocd__content .main-menu::-webkit-scrollbar{
        width: 0px !important;
    }
    
    .mm-ocd__content .mm-spn--open li,
    .mm-ocd__content .main-menu:not(.mm-spn--parent) li{
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;
        text-align: center;
        aspect-ratio: 1;
/*         padding-bottom: 20px; */
    }
    
    .mm-ocd__content .mm-spn--open li > span,
    .mm-ocd__content .main-menu:not(.mm-spn--parent) li > span{
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
        height: 100%;
    }
    
    .mm-ocd__content .mm-spn--open li img,
    .mm-ocd__content .main-menu:not(.mm-spn--parent) li img{
        margin: 0 !important;
        width: 6rem;
        height: 6rem;
        pointer-events: none;
    }
    
    .mm-ocd__content .mm-spn--open:not(.main-menu) ::before,
    .mm-ocd__content .main-menu:not(.mm-spn--parent) ::before{
        display: none !important;
    }
    
    
    .mm-ocd__content .mm-spn--open li a,
    .mm-spn .main-menu:not(.mm-spn--parent) li a{
        opacity: 1;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap:15px;
        margin: auto;
        
/*         position: absolute; */
/*         inset: 0;
        padding: 0; */
        text-align: center
    }
    
    
    .mm-ocd__content .mm-spn--open li::after,
    .mm-spn .main-menu:not(.mm-spn--parent) li::after{
        content: "";
        border: none;
        background: var(--bg-light);
        position: absolute;
        inset: 0;
        opacity: 0.5;
        border-radius: 20px;
        margin: 0;
    }
    
    .mm-spn.mm-spn--navbar ul:before{
        display: none;
    }
    
    
    /* Show All */ 
    .mm-ocd__content .mm-spn--open li:first-of-type:not(:has(img)) a::before{
        display: block !important;
        content: "";
        width: 6rem;
        height: 6rem;
        background: url("https://eny3kaqf4sgilarflifkn7akrzyk6p6qienvuwp46epmqja4gzka.arweave.net/I3G1AgXkjIWCJVoKpvwKjnCvP9BBG1pZ_PEeyCQcNlQ");
        background-size: cover;
        pointer-events: none;
    }
    
    
    #mobile-menu::after{
        color: var(--color-primary);
        font-size: 1.15rem;
        text-align: center;
    }
    
    .btn--close{
/*         display: none; */
    }
    
    /* Exit Menu on outside Click */
    .mm-ocd--open .mm-ocd__backdrop{
        position: fixed;
        margin: auto;
        width: 100%;
        inset: 0;
        z-index: 100;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        pointer-events: unset !important;
    }
    
    /* Hide Language Switch */
    .currency-lang-switcher{
        display: none !important;
    }
    
    /* Sub Menu Category Images */
    ul.mm-spn--open li a[aria-label="الحصريات"],
    ul.mm-spn--open li a[aria-label="DC"],
    ul.mm-spn--open li a[aria-label="لفلات"],
    ul.mm-spn--open li a[aria-label="شحن"]{
        flex-direction: column-reverse;
        gap: 10px;
    }
    
    ul.mm-spn--open li a[aria-label="الحصريات"]::after,
    ul.mm-spn--open li a[aria-label="DC"]::after,
    ul.mm-spn--open li a[aria-label="لفلات"]::after,
    ul.mm-spn--open li a[aria-label="شحن"]::after{
        content: "";
        width: 96px;
        height: 96px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    
    ul.mm-spn--open li a[aria-label="شحن"]::after{
        background: url("https://wfjg6me2rfrucetqwmeaqonnjnmvfpwye2xkab775y4lstxr4xza.arweave.net/sVJvMJqJY0EScLMICDmtS1lSvtgmrqAH_-44uU7x5fI");
    }
    
    ul.mm-spn--open li a[aria-label="لفلات"]::after{
        background: url("https://2z4vpgotp2mjizuinmvcdfgfjr5rkdi6piwxlel2vkhkxzd5ak6q.arweave.net/1nlXmdN-mJRmiGsqIZTFTHsVDR56LXWReqqOq-R9Ar0");
    }
    
    ul.mm-spn--open li a[aria-label="DC"]::after{
        background: url("https://pbh57o4waqt6vcjvvu33nc45hc2eava43bejqfst6z7u2h56mtoa.arweave.net/eE_fu5YEJ-qJNa03toudOLRAVBzYSJgWU_Z_TR--ZNw");
    }
    
    ul.mm-spn--open li a[aria-label="الحصريات"]::after{
        background: url("https://6fz2ww6prohztnplkeog42xfrdgz2i5uefz7gkk326fak366mvva.arweave.net/8XOrW8-Lj5m161EcbmrliM2dI7Qhc_MpW9eKBW_eZWo");
    }
      
}



/* --- Products Shelf --- */
/* Arrows */
.navigation-center-style > .pagination-center-style{
    margin-top: 0px;
    bottom: 0;
}

.navigation-center-style svg{
    color: var(--description-color) !important;
    transition: 0.35s ease;
    cursor: pointer;
}

.navigation-center-style svg:hover{
    color: var(--color-primary) !important;
}

.swiper-button-disabled svg:hover{
    color: var(--description-color) !important;
    cursor: default;
}

/* .main-links-style-2-swiper-actions-start svg{
    color: var(--color-primary);
}

.main-links-style-2-swiper-actions-start > div:active svg,
.main-links-style-2-swiper-actions-start > div:hover svg,
.main-links-style-2-swiper-actions-start > div svg:active,
.main-links-style-2-swiper-actions-start > div svg:hover{
    color: white;
} */



.section-heading-divider{
    display: none;
}



/* Tabs */
@media (max-width: 840px){
    .enhanced-fixed-products ul{
        overflow-x: scroll !important;
        padding: 20px 0;
        flex-wrap: nowrap;
        column-gap: 20px;
        white-space: nowrap;
    }
    
    .rtl .enhanced-fixed-products ul:has(li:nth-child(3)){
        padding-right: 100%;
    }
    
    .enhanced-fixed-products ul::-webkit-scrollbar {
        height: 3px;
    }
}



/* --- Home Page Categories Shelf --- */
section .container:has(.main-links-style-3-slider-single-content-title h4){
    padding-top: 10px !important;
}

.main-links-style-3-heading-subtitle{
    margin: 0px !important;
}

.custom-slider:has(.main-links-style-3-slider-single-content-title h4){
    overflow: visible;
    margin-bottom: 15px;
}

.main-links-style-3-swiper-actions-center.navigation-center-style{
    display: none;
}

.main-links-style-3-slider-single-content .main-links-style-3-slider-single-content-title h4{
    color: var(--heading-color);
    font-size: 1.15rem;
    transition: 0.3s;
}

@media (max-width: 840px){
    .main-links-style-3-slider-single-content .main-links-style-3-slider-single-content-title h4{
        font-size: 0.85rem;
        text-wrap: wrap;
        line-height: 1.15rem;
    }
}

.main-links-style-3-slider :nth-of-type(1) .main-links-style-3-slider-single-content:first-child:active .main-links-style-3-slider-single-content-title h4,
.main-links-style-3-slider :nth-of-type(1) .main-links-style-3-slider-single-content:first-child:hover .main-links-style-3-slider-single-content-title h4{
    transform: translatey(-6px)
}

.main-links-style-3-slider .main-links-style-3-slider-single-content,
.main-links-style-3-slider .main-links-style-3-slider-single-content a:last-of-type{
    position: relative;
    overflow: visible !important;
    background: #494949;
}

.main-links-style-3-slider :nth-of-type(1) .main-links-style-3-slider-single-content:first-child::after{
    content: "";
    position: absolute;    
    inset: 0;
    border-radius: 15px;
    background: var(--main-bc);
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px, rgb(255 255 255 / 0%) 0 7px 18px -3px, var(--shadow-bc) 0px 9px 0px 1px !important;
    transform: translatey(-2px) !important;
    transition: 0.3s;
}

.main-links-style-3-slider .main-links-style-3-slider-single:nth-of-type(5) img,
.main-links-style-3-slider .main-links-style-3-slider-single:nth-of-type(4) img,
.main-links-style-3-slider .main-links-style-3-slider-single:first-of-type img{
    scale: 1.1;
    filter: drop-shadow(10px 8px 8px rgba(0, 0, 0, 0.3));
    transform-origin: bottom;
}

.main-links-style-3-slider .main-links-style-3-slider-single:nth-of-type(5):hover img,
.main-links-style-3-slider .main-links-style-3-slider-single:nth-of-type(4):hover img,
.main-links-style-3-slider .main-links-style-3-slider-single:first-of-type:hover img{
    scale: 1;
    filter: unset;
}

@media (max-width: 840px){
    .main-links-style-3-slider .main-links-style-3-slider-single:nth-of-type(4) img,
    .main-links-style-3-slider .main-links-style-3-slider-single:first-of-type img{
        scale: 1.15;
    }
}

.main-links-style-3-slider .main-links-style-3-slider-single:nth-of-type(3) img{
    transform: translatey(-2px);
}

.main-links-style-3-slider :nth-of-type(1) .main-links-style-3-slider-single-content:first-child{
    --main-bc: linear-gradient(45deg, rgba(131,152,240,1) 0%, rgba(97,197,211,1) 100%);
    --shadow-bc: #606ec1;
}

.main-links-style-3-slider :nth-of-type(1) .main-links-style-3-slider-single-content:first-child:active::after,
.main-links-style-3-slider :nth-of-type(1) .main-links-style-3-slider-single-content:first-child:hover::after{
    box-shadow: rgb(255 255 255 / 0%) 0 4px 8px, rgb(255 255 255 / 0%) 0 7px 18px -3px, var(--shadow-bc) 0px 3px 0px 1px !important;
}

.main-links-style-3-slider .main-links-style-3-slider-single-content:first-child{
        transition: 0.3s;
}

.main-links-style-3-slider .main-links-style-3-slider-single-content:first-child:active,
.main-links-style-3-slider .main-links-style-3-slider-single-content:first-child:hover{
        transform: translatey(6px) !important;
}

/* Style Buttons */
/*2*/
.main-links-style-3-slider :nth-of-type(2) .main-links-style-3-slider-single-content:first-child{
    --main-bc: linear-gradient(145deg, rgb(9,117,215) 0%, rgb(7,66,128) 100%);
    --shadow-bc: #053769;
}

/*3*/
.main-links-style-3-slider :nth-of-type(3) .main-links-style-3-slider-single-content:first-child{
    --main-bc: linear-gradient(135deg, #A300FC 0%, #2D0590 100%);
    --shadow-bc: #250373;
}

/*4*/
.main-links-style-3-slider :nth-of-type(4) .main-links-style-3-slider-single-content:first-child{
    --main-bc: linear-gradient(135deg, #00e0bd 0%, #00426C 100%);
    --shadow-bc: #004262;
}

/*5*/
.main-links-style-3-slider :nth-of-type(5) .main-links-style-3-slider-single-content:first-child{
    --main-bc: linear-gradient(135deg, #4B5D75 0%, #1E2943 100%);
    --shadow-bc: #1c2842;
}

/*6*/
.main-links-style-3-slider :nth-of-type(6) .main-links-style-3-slider-single-content:first-child{
    --main-bc: #D7D7D7;
    --shadow-bc: #b3b3b3;
}


/* Home Page subs list */
.main-links-style-2-slider-single{
    width: 120px !important;
}

.main-links-style-2-slider-single h4{
    font-size: 1.15rem;
}

.main-links-style-2-heading-subtitle{
    display: none;
}

.main-links-style-2-slider-single-content-image{
    overflow: visible !important;
}

.main-links-style-2-slider-single-content:hover a img{
    transform: translatey(-5px);
}

.main-links-style-2-slider-single-content a{
    position: relative;
}

.main-links-style-2-slider-single-content a:has(img)::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 70%;
    height: 4px;
    margin: 0 auto;
    filter: blur(10px);
    background: rgba(0, 0, 0, 0);
    transition: 0.5s ease;
}

.main-links-style-2-heading-title{
    border: 0;
}

.main-links-style-2-slider-single-content:hover a:has(img)::before{
    background: rgba(0, 0, 0, 1);
}

@media (max-width: 768px){
    
    .main-links-style-2-slider-single{
        width: 100px !important;
    }

}


/* --- Product Card --- */
.product-card-content-media-rating{
    background: var(--color-primary);
}

.product-card-content-media-rating svg{
    color: white;
}

.product-card:hover{
    transform: unset;
}

.product-card:hover img{
    transform: translatey(-8px) !important;
}

.product-card-content-media,
.product-card a{
    overflow: visible !important;
}

.product-card a:has(img)::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 70%;
    height: 4px;
    margin: 0 auto;
    filter: blur(10px);
    background: rgba(0,0,0,0);
    transition: 0.5s ease;
}

.product-card:hover a:has(img)::before{
    width: 60%;
    background: var(--product-shadow);
}

.product-card-content-meta-pricing{
    flex-direction: column-reverse;
    gap: 5px;
}

.product-card-content-meta-pricing-current-discounted-percentage{
    font-weight: 600;
    border: none;
    background: var(--theme-gray);
    color: var(--description-color);
}

.product-card-content-meta-pricing-current-discounted-meta-value{
    display: none;
}

.product-card-actions-wishlist{
    width: unset;
    padding: 0 10px;
    color: var(--description-color);
}

.product-card-actions-add-to-cart{
    font-weight: 600;
    width: 100%;
    transition: 0.4s ease !important;
}




/* --- Product Page --- */
.dark .product-details{
    --bg-gray: #1E1E2B;
}

.product-details .s-product-options-wrapper {
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: transparent;
    background: #FBFBFB;
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 8px;
}

.dark .product-details .s-product-options-wrapper {
    background: #1E1E2B;
    box-shadow: unset;
    -webkit-box-shadow: unset;
}

.s-product-options-option-content > div > select{
    color: var(--heading-color) !important;
    border: none !important;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
}


.s-product-options-option-content div:has(select){
 position: relative;
}

.s-product-options-option-content div:has(select)::after {
    content: '▼' !important;
    position: absolute !important;
    left: 10px !important;
    top: 5px !important;
    color: var(--heading-color) !important;
    pointer-events: none;
}

.prodcut-details-media-slider-main img {
    background: none;
}

.fslightbox-full-dimension > div > div{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

salla-conditional-fields .s-product-options-option-container{
    margin: 0;
}

salla-gifting > div{
    margin-top: 15px !important;
    border-radius: 10px !important;
    overflow: hidden;
}

salla-gifting button{
    transition: 0.4s ease !important;
    border:none !important;
}

salla-gifting button:hover{
    background: var(--color-primary) !important;
    color: white !important;
}

salla-gifting button:hover svg{
    fill: white !important;
}

.dark .s-list-tile-item{
    background: rgba(31,31,44,0.92157);
    color: var(--description-color);
}

.dark .s-list-tile-item h3{
    color: var(--heading-color);
}

a.whatsapp-contact-block,
.product-details-meta-quantity-sold{
    background: #ffffff;
}
.dark a.whatsapp-contact-block,
.dark .product-details-meta-quantity-sold{
    background: #1E1E2B;
}

.product-details-meta salla-product-options input.s-form-control{
   background-color: #e8e8e8 !important;
    border-radius: 8px !important;
    border: 0px !important;
}

.dark .product-details-meta salla-product-options input.s-form-control{
    --tw-text-opacity: 1 !important;
    background: #111216 !important;
    border-radius: 8px !important;
    border: 0px !important;
}

.prodcut-details-media-slider-main img{
    width: 75%;
    margin: 0 auto;
}

.product-details-meta .product-card-content-meta-pricing-current-discounted-percentage{
    background: rgb(174, 28, 196,0.1);
    color: var(--color-primary)
}

.dark .product-details-meta .product-card-content-meta-pricing-current-discounted-percentage{
    background: rgb(174, 28, 196,0.25);
}



/* Similar products */
.enhanced-products-slider-swiper-actions-start > div{
    border-width: 2px;
}

.enhanced-products-slider-swiper-actions-start svg{
    color: var(--color-primary);
    pointer-events: none;
}

.enhanced-products-slider-swiper-actions-start > div:not(.swiper-button-disabled):hover svg{
    color: white !important;
}

.swiper-button-disabled:hover,
.swiper-button-disabled{
    border-color: var(--description-color);
    background: transparent;
}

.swiper-button-disabled:hover svg,
.swiper-button-disabled svg{
    color: var(--description-color);
}


/* Sold Count */
.product-details-meta-quantity-sold{
    padding: 0px 6px 0px 12px !important;
}

.product-details-meta-quantity-sold-label svg{
    display: none;
}

.product-details-meta-quantity-sold-label-text::before{
    content: url(https://dnh3ssiuuwm2cu6vbaw3jtyinbi3sdc3gn5num7zsne4532gofbq.arweave.net/G0-5SRSlmaFT1QgttM8IaFG5DFszetoz-ZNJzu9GcUM);
    filter: drop-shadow(2px 3px 9px #f0f);
}

.product-details-meta-quantity-sold-label-text{
    display: flex;
    align-items: center;
}

.product-details-meta-quantity-sold-value{
    color: var(--heading-color);
    font-weight: 600;
}


/* Comments */
#comments > .container > div{
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
}

.dark #comments > .container > div {
    background: #1e1e2b;
}

#comments .container > div > div:first-child > h2 {
    font-size: 1.5rem;
    padding-bottom: 20px;
    text-align: center;
}

#comments .s-comment-form-input{
    background-color: #E7E7E7 !important;
    color: var(--heading-color);
    border: 0px;
}

.dark #comments .s-comment-form-input{
    background-color: #111216 !important;
}

#comments .s-comment-form-action{
    justify-content: center;
    text-align: center;
}




#comments .container > div .comment{
    background: white;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
}

#comments .border-b{
  border: none;
}

.dark #comments .container > div .comment{
   background: #212135;
}

.dark #comments .container > div .comment span,
.dark #comments .container > div .comment .sicon-check{
    color: white;
}

.product-details-meta:has(salla-social-share) button:hover svg,
.product-details-meta:has(salla-social-share) button:hover{
    color: var(--color-primary);
}

.dark salla-mini-checkout-widget{
    --color-primary: #c2c2d9;
}



@media (min-width: 1024px){
    
    /* NAV Path */
    .container nav > ol {
        margin-top: 20px;
        font-weight: 600;
    }
    
    .is-sticky-product-bar.product-single{
        padding-bottom: 0;
    }
    
    .sticky-product-bar__quantity::before{
        color: var(--heading-color);
        content: "الكمية";
        font-weight: 700;
        display: block;
    }
    
    .sticky-product-bar{
        position: static !important;
        height: unset !important;
        transform: unset !important;
        border-radius: 12px !important;
        margin-top: 20px;
        display: grid !important;
        justify-content: center;
        grid-template-columns: 1fr 1fr;
    }
    
    .dark .sticky-product-bar{
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    
    .sticky-product-bar h4.sticky-product-bar__name{
        display: none !important;
    }
    
    .sticky-product-bar h4{
        text-align: center;
        width: 100%;
        max-width: unset;
    }
    
    .sticky-product-bar__pricing{
        order: 2;
    }
    
    salla-add-product-button{
        grid-column: 2 span;
        order: 3;
    }
    
    salla-quantity-input{
        order: 1;
        margin: 0 20px 0 auto;
    }
    
    .center-between:has(.total-price){
        display: none;
    }
    
    /* Comments */
    #comments .container > div{
        flex-direction: column;
    }
    
    #comments .container > div > div{
        width: auto;
    }
    
    #comments .container > div > div:first-child > h2{
        font-size: 2rem;
        margin-bottom: 0;
    }
    
}

#comments salla-infinite-scroll > div{
    padding: 0;
}




/* --- Cartegory Page --- */
body.product-index .container > .flex > img.object-cover.rounded-full{
    border-radius: 0px;
}






/* --- Loyality Page --- */
.points-ways__list{
    margin-top: 25px;   
}

[data-theme="light"] .points-ways__list .way-item__content h4{
    color: var(--heading-color) !important;
}

[data-theme="light"] .way-item__icon:before{
    color: var(--heading-color);
}

[data-theme="light"] .way-item__icon span{
    background: var(--bg-primary) !important;
    opacity: 0.5;
}

/* loyalty Products */
#loyalty-slider-coupon_discount .swiper-wrapper,
#loyalty-slider-free_product .swiper-wrapper{
    width: 25%;
}

#loyalty-slider-coupon_discount .swiper-wrapper a,
#loyalty-slider-free_product .swiper-wrapper a{
    color: var(--heading-color);
}

@media (max-width: 840px) {
    #loyalty-slider-coupon_discount .swiper-wrapper,
    #loyalty-slider-free_product .swiper-wrapper {
        width: 50%;
    }
}




/* --- Cart --- */
.cart-item span.text-center{
    color: var(--heading-color);
}

.cart-item a > img{
    border: 0px;
    background: transparent;
    object-fit: contain;
}

.cart-item .flex.gap-4.mb-2 {
    background: #e9e9e9 ;
    border-radius: 5px;
    padding: 15px 10px 8px 10px;
}

.dark .cart-item .flex.gap-4.mb-2 {
    background: rgb(70 70 85);
}

.cart-item button.btn--delete{
    border-radius: 4px !important;
    height: 1.6rem;
    width: 1.6rem;
}

span:has(button.btn--delete){
    left: 33px;
    top: 37px;
}

@media (max-width:840px){
    span:has(button.btn--delete){
        left: 26px;
        top: 29px;
    }
}

.s-product-options-splitter {
    border-color: rgb(227 227 227);
    border-width: 1px;
}

.s-product-options-option-content > div > select {
    background: #e9e9e9 !important;
}

.dark .s-product-options-option-content > div > select {
    background: rgb(70 70 85) !important;
}

.dark .cart-item p.text-primary.font-bold.text-sm {
    color: #fff;
}

div.main-content:has(.cart-item) .border-gray-400 {
    border: none;
}

input#coupon-input {
    border: none;
    background: #e9e9e9 !important;
}
.dark input#coupon-input {
    background: rgb(70 70 85) !important;
}

salla-button.btn--coupon > button.btn--coupon{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: none;
}

#coupon-error{
    font-weight: 600;
}

.dark #coupon-error{
    color: white;
}

div:has(#coupon-error) button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    padding: 15px;
    border: none;
}

.dark div > b[data-cart-total]{
    color: #fff !important;
}

.dark .s-product-options-splitter,
.dark div:has(#coupon-error) .border-gray-200 {
    border-color: rgb(70 70 85);
}


span[style="color: rgb(206, 206, 206);"]{
    color: var(--heading-color) !important;
}

@media (min-width: 768px) {
    .s-product-options-option-label {
        text-wrap: nowrap;
        width: 50%;
    }
}


div.sticky:has(#cart-submit) div:has(salla-loyalty){
    padding: 12px !important;
}

div.sticky:has(#cart-submit) salla-loyalty a{
    padding: 10px !important;
    border-radius: 8px;
    background: transparent;
}

div.sticky:has(#cart-submit) salla-loyalty a .s-list-tile-item-subtitle > div{
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    font-size: 1rem;
    font-weight: 500;
    color: var(--heading-color);
}

div.sticky:has(#cart-submit) salla-loyalty a .s-list-tile-item-subtitle > div button{
    margin: 0 auto;
    padding: 5px 10px 8px 10px;
    background: var(--color-primary) !important;
    box-shadow: none !important;
    transform: unset !important;
    font-size: 0.85rem;
    font-weight: 600;
}

div.sticky:has(#cart-submit) salla-loyalty a .s-list-tile-item-subtitle > div button:hover{
    box-shadow: none !important;
    transform: unset;
    background: #A033B1 !important;
}



/* --- Login / Change Currency Popup --- */
.s-login-modal-tab .s-login-modal-link{
    font-weight: 600 !important;
}

.s-localization-modal-section .s-localization-modal-select {
    background: #ffffff !important;
    border: 0px;
    color: var(--heading-color);
}

.dark .s-localization-modal-section .s-localization-modal-select{
    background: #464655 !important;
}

.s-localization-modal-section-inner{
        position: relative;
}

.s-localization-modal-section .s-localization-modal-section-inner::after {
    content: '▼';
    position: absolute;
    left: 10px;
    top: 5px;
    color: var(--heading-color);
    pointer-events: none;
    z-index: 500;
}



/* --- User Menu --- */
.s-user-menu-inline .s-user-menu-dropdown-item a i,
.s-user-menu-dropdown .s-user-menu-dropdown-item a i{
    position: relative;
}

.s-user-menu-inline .s-user-menu-dropdown-item a i svg,
.s-user-menu-dropdown .s-user-menu-dropdown-item a i svg{
    fill: transparent !important;
}

.s-user-menu-inline .s-user-menu-dropdown-item a span,
.s-user-menu-dropdown .s-user-menu-dropdown-item a span{
    color: var(--heading-color);

}

.s-user-menu-inline .s-user-menu-dropdown-item a i::before,
.s-user-menu-dropdown .s-user-menu-dropdown-item a i::before{
    content: "";
    position: absolute;
    inset: 0;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.s-user-menu-inline .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/notifications"] i::before,
.s-user-menu-dropdown .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/notifications"] i::before{
    background: url("https://2bya23eilzg44qs5jhpo6ntxfaokrae3gijmtjgny5wws4jzxlcq.arweave.net/0HANbIheTc5CXUne7zZ3KByogJsyEsmkzcdtaXE5usU");
}
.s-user-menu-inline .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/orders"] i::before,
.s-user-menu-dropdown .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/orders"] i::before{
    background: url("https://q2folh3gqhy6oudayytmkkuyctbls4r6732rgjdnpn4vddzumt2q.arweave.net/horln2aB8edQYMYmxSqYFMK5cj7-9RMkbXt5UY80ZPU");
}
.s-user-menu-inline .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/pending_orders"] i::before,
.s-user-menu-dropdown .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/pending_orders"] i::before{
    background: url("https://wjdflsypymb3uoeotmtwthc52prikrfwdgkdmswjaoxzbmuqfpda.arweave.net/skZVyw_DA7o4jpsnaZxd0-KFRLYZlDZKyQOvkLKQK8Y");
}
.s-user-menu-inline .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/wishlist"] i::before,
.s-user-menu-dropdown .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/wishlist"] i::before{
    background: url("https://nfnlkmmxdwexfnsnevx4mqtd2chbt7r26rekb75o376isdfbsioq.arweave.net/aVq1MZcdiXK2TSVvxkJj0I4Z_jr0SKD_rt_8iQyhkh0");
}
.s-user-menu-inline .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/profile"] i::before,
.s-user-menu-dropdown .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/profile"] i::before{
    background: url("https://puha2gzn4aspxtxuqyllftykeklgiylrpvl3ucggf6wl4c2fsqdq.arweave.net/fQ4NGy3gJPvO9IYWss8KIpZkYXF9V7oIxi-svgtFlAc");
}
.s-user-menu-inline .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/logout"] i::before,
.s-user-menu-dropdown .s-user-menu-dropdown-item a[href="https://salla.sa/gamersacademy/logout"] i::before{
    background: url("https://ozlew3kwzil5unbs3aravju3f7kyaw2ywbfdim3wlnat3lrerq7a.arweave.net/dlZLbVbKF9o0MtgiCqabL9WAW1iwSjQzdltBPa4kjD4");
}


/* --- Orders Page --- */
.profile-header nav.breadcrumbs{
    position: relative;
    top: 25px;
}

.customer-orders-index .list-container .s-table__tr td:last-of-type{
    border-radius: 8px 0 0 8px;
}

.rating-header h2,
.rating-header p{
    color: white !important;
}

.shipping-orders .object-cover{
    object-fit: contain;
}

.shipping-orders .flow-root{
    background: #e9e9e9;
    border: none;
}

.dark .shipping-orders .flow-root {
    background: #464655;
}

.shipping-orders .flow-root dd{
    color: var(--heading-color);
    font-size: 0.85rem;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-small.s-button-primary-outline.s-button-loader-after {
    padding: 15px;
    font-size: 14px;
}

.dark button.s-button-element.s-button-btn.s-button-outline.s-button-small.s-button-primary-outline.s-button-loader-after {
    border: none;
    background: #464655;
    color: #fff;
}

.dark button.undefined.s-button-element.s-button-link.s-button-solid.s-button-primary-link.s-button-loader-after {
    color: #ffffff;
}

.no-content-placeholder span{
    background: transparent;
}

.notification-item .sicon-bell-ring{
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
}

.notification-item .sicon-bell-ring:before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("https://2bya23eilzg44qs5jhpo6ntxfaokrae3gijmtjgny5wws4jzxlcq.arweave.net/0HANbIheTc5CXUne7zZ3KByogJsyEsmkzcdtaXE5usU");
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.notification-item .notification-item__icon{
    background: transparent;
    border: none;
}

.notification-item i.sicon-time{
    width: 1.5rem;
    height: 1.5rem;
    position: relative
}

.notification-item i.sicon-time::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("https://3gmlgtfifp4eshx4rxhi4qvp4ipvhep5tb5rupx2ikler6b5jcoq.arweave.net/2ZizTKgr-Eke_I3OjkKv4h9Tkf2Yexo--kKWSPg9SJ0");
    background-repeat: no-repeat;
    background-size: contain;
}


.no-content-placeholder .sicon-heart{
    position: relative;
    height: 4rem;
    width: 4rem;
    color: transparent;
}

.no-content-placeholder .sicon-heart::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("https://nfnlkmmxdwexfnsnevx4mqtd2chbt7r26rekb75o376isdfbsioq.arweave.net/aVq1MZcdiXK2TSVvxkJj0I4Z_jr0SKD_rt_8iQyhkh0");
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.no-content-placeholder .sicon-packed-box{
    position: relative;
    height: 4rem;
    width: 4rem;
    color: transparent;
}

.no-content-placeholder .sicon-packed-box::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("https://q2folh3gqhy6oudayytmkkuyctbls4r6732rgjdnpn4vddzumt2q.arweave.net/horln2aB8edQYMYmxSqYFMK5cj7-9RMkbXt5UY80ZPU");
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* --- User Profile --- */
.customer-profile .main-content{
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.dark .customer-profile .main-content{
    background: #20202d;
}

.customer-profile .main-content select,
.customer-profile .main-content input{
    margin-bottom: 0.25rem;
    background: #e9e9e9 !important;
    border: 0px;
    color: var(--heading-color);
}

.dark .customer-profile .main-content select,
.dark .customer-profile .main-content input{
    background: #111216 !important;
}

.customer-profile .main-content .s-datetime-picker-input {
    color: var(--heading-color);
    height: 40px;
    border-radius: 5px;
}

.customer-profile .main-content .s-list-tile-item-icon{
    fill: var(--heading-color);
}

.dark .customer-notifications  salla-infinite-scroll ,
.dark .customer-orders-index salla-infinite-scroll table{
    background: #20202d;
}

.customer-notifications salla-infinite-scroll,
.customer-orders-index salla-infinite-scroll table{
    background: white;
    padding: 0 20px;
    border-radius: 12px;
    margin-bottom: 15px;
}

.customer-notifications salla-infinite-scroll .notification-item,
.customer-orders-index salla-infinite-scroll table .s-table__tr{
    background: rgb(238,238,238) !important;
}

.dark .customer-notifications salla-infinite-scroll .notification-item,
.dark .customer-orders-index salla-infinite-scroll table .s-table__tr{
    background: #343444 !important;
}

.customer-orders-index salla-infinite-scroll table thead{
    background: transparent !important
}

.customer-orders-index salla-infinite-scroll table thead th:last-of-type{
    color: transparent;
}

.customer-notifications salla-infinite-scroll{
    padding: 20px;
    display: block;
}



/* --- FAQ --- */
.faq-content-single-question-icon svg{
    color: var(--heading-color);
}

.faq-content-single-question{
    transition: 0.4s ease;
    border-radius: 12px;
}

.faq-content-single-question:hover{
    background: var(--color-primary);
}

.faq-content-single-question h4{
    transition: 0.4s ease;
}

.faq-content-single-question:hover .faq-content-single-question-icon svg,
.faq-content-single-question:hover h4{
    color: white;
}

.faq-heading h2,
.faq-heading h3{
    color: var(--heading-color) !important;
}




/* --- Fix Home page spacing on phones --- */
@media (max-width: 840px){
    h3.main-links-style-3-heading-subtitle{
        margin-bottom: 20px;    
    }
    
    .enhanced-fixed-products .mb-6{
        margin-bottom: 0px;
    }
    section.enhanced-fixed-products:nth-of-type(3) .container{
      padding-top: 0px;
  }
}

/* --- Footer --- */
footer{
    background-color: #FCFCFD !important;
    border-radius: 20px 20px 0 0;
    box-shadow: var(--btn-shadow) 0px -8px 0px 0px;
}

.dark footer{
    background-color: #181321 !important;
    box-shadow: var(--btn-shadow) 0px -8px 0px 0px;
}

footer .footer-contact > div,
footer .footer-links > div{
    flex-direction: column;
}

@media (max-width: 640px){
    footer,
    footer .footer-contact > div,
    footer .footer-links > div{
        align-items: center;
        text-align: center;
    }
}
/* --- NAV Icons --- */
:root{
    --user-icon-link:url(https://7xcal4bzj7myh6q4mlsgw6prlgdklahvwsvsd453rvhthgn7jvva.arweave.net/_cQF8DlP2YP6HGLka3nxWYalgPW0qyHzu41PM5m_TWo);
    --user-icon-link-hover:url("https://ofd6asym5c2xqypwqrjw6vr762j32il26lwmjyrycdqi5wkjnztq.arweave.net/cUfgSwzotXhh9oRTb1Y_9pO9IXry7MTiOBDgjtlJbmc");
    --home-icon-link:url(https://ic7zdqlljbzcvgy7hsia2lxmixpoblnfnbvh6fd2fmtxhb3etsla.arweave.net/QL-RwWtIciqbHzyQDS7sRd7graVoan8Ueisnc4dknJY);
    --categories-icon-link:url(https://kpf7xxlkgf2q2fby5xn7b33vmon2niae6qcvqtf3ckqgwcpygtqa.arweave.net/U8v73WoxdQ0UOO3b8O91Y5umoAT0BVhMuxKgawn4NOA);
}

.dark{
    --user-icon-link:url(https://g22tlgkl4u4tpha55silwonxjppa77hpchbw3cmewciy66zxv7qq.arweave.net/NrU1mUvlOTecHeyQuzm3S94P_O8Rw22JhLCRj3s3r-E);
    --home-icon-link:url(https://o4hmv2632u3xbabgtmgamexfd7bbdb7fem73ifujckcuvm567paq.arweave.net/dw7K69vVN3CAJpsMBhLlH8IRh-UjP7QWiRKFSrO--8E);
    --categories-icon-link:url(https://l6nxvrnqgl2o43mnd5sgyrwfhx255ecvg2xux7r7ctw4ke6hqura.arweave.net/X5t6xbAy9O5tjR9kbEbFPfXekFU2r0v-PxTtxRPHhSI);
}



/* User Icon */
.header-btn{
    position: relative;
    color: transparent;
}

.header-btn::after{
    content: "";
    position: absolute;
    inset: 0;
    background:var(--user-icon-link);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    transition: 0.2s ease;
}

.header-btn:hover::after{
    background:var(--user-icon-link-hover);
}

.mobile-nav-bottom button[onclick="if (!window.__cfRLUnblockHandlers) return false; salla.event.dispatch('login::open')"]{
    position: relative;
}
.mobile-nav-bottom button[onclick="if (!window.__cfRLUnblockHandlers) return false; salla.event.dispatch('login::open')"] svg{
    color: transparent;
}
.mobile-nav-bottom button[onclick="if (!window.__cfRLUnblockHandlers) return false; salla.event.dispatch('login::open')"]::after{
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 27px;
    background:var(--user-icon-link);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    transition: 0.2s ease;
}


/* Home Icon */
.mobile-nav-bottom a[aria-label="Store Home Page"]{
    position: relative;
}

.mobile-nav-bottom a[aria-label="Store Home Page"] svg{
    color: transparent;
}

.mobile-nav-bottom a[aria-label="Store Home Page"]::after{
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 27px;
    background:var(--home-icon-link);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    transition: 0.2s ease;
}

/* Categories Icon */
.mobile-nav-bottom a[aria-label="Mobile Menu"]{
    position: relative;
}

.mobile-nav-bottom a[aria-label="Mobile Menu"] i{
    color: transparent;
}

.mobile-nav-bottom a[aria-label="Mobile Menu"]::after{
    content: "";
    position: absolute;
    inset: 0;
    margin: 2px auto auto auto;
    width: 28px;
    background:var(--categories-icon-link);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    transition: 0.2s ease;
}

/* --- Categories GIFs --- */
section.main-links-style-2 .custom-slider{
    overflow: visible;
}


.static-banners-single-default{
    position: relative;
    transform: scale(1);
    transition: 0.4s ease;
}

.static-banners-single-default:active,
.static-banners-single-default:hover{
    transform: scale(1.04);
}

@media (min-width: 860px){
    
.static-banners-single-default::after {

    mask-image: url("https://res.cloudinary.com/dr3zn87ti/image/upload/v1743038566/SVG_naxlox.svg");
    mask-size: contain;
}


/* 1 MARVEL */
.static-banners-single-default:nth-of-type(1)::after {
    background-image: url("https://nsvnvgv3ankykua7et24pthouyoqe5gac6s3r34czfcvlessi3zq.arweave.net/bKramrsDVYVQHyT1x8zuph0CdMAXpbjvgslFVZJSRvM");
}

/* 3 FORTNITE */
.static-banners-single-default:nth-of-type(3)::after {
    background-image: url("https://7mlclewfu5rzsazo3jahq7gsb4qwvipvbniub7ebly3dtdkpl52a.arweave.net/-xYlksWnY5kDLtpAeHzSDyFqofULUUD8gV42OY1PX3Q");
}

/* 5 GTA */
.static-banners-single-default:nth-of-type(5)::after {
    background-image: url("https://burmd53qfdbdcphb2mobt2wpqonrmxcsak7p4pue3d2stficnbma.arweave.net/DSLB93AowjE84dMcGerPg5sWXFICvv4-hNj1KZUCaFg");
}

/* 7 PUBG */
.static-banners-single-default:nth-of-type(7)::after {
    background-image: url("https://jqm54qa2qgv5iappccuvgm36adushevff5ngroeld5noffuo5fha.arweave.net/TBneQBqBq9QB7xCpUzN-AOkjkqUvWmi4ix9a4paO6U4");
}

/* 9 GENSHIN */
.static-banners-single-default:nth-of-type(9)::after {
    background-image: url("https://xt4v4bq744gaeiavbv3rnhppaae2yj5dqjrzrev424jk2xgaie7a.arweave.net/vPleBh_nDAIgFQ13Fp3vAAmsJ6OCY5iSvNcSrVzAQT4");
}

/* 11 ROBLOX */
.static-banners-single-default:nth-of-type(11)::after {
    background-image: url("https://rshvn66aba2ggxuealf2vhpzxkf7hznzb2rq7g6ht37juj7owjqa.arweave.net/jI9W-8AINGNehALLqp35uovz5bkOow-bx57-mifusmA");
}

/* 13 COC */
.static-banners-single-default:nth-of-type(13)::after {
    background-image: url("https://lhd35q6jptkzjmyms3qnfewjpx7246a6265kx6g53vskijr5y7fq.arweave.net/Wce-w8l81ZSzDJbg0pLJff-ueB7Xuqv43d1kpCY9x8s");
}


    .static-banners-single-default::after{
        content: "";
        position: absolute;
        inset: 0;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        z-index: 10 !important;
        opacity: 0;
        transition: 0.4s ease;
    }

    .static-banners-single-default:hover::after{
        opacity: 1;
    }
    
}/* Add custom CSS styles below *//* Add custom CSS styles below */

/* --- Hide Loading --- */
body:not(:has(.faq)) #fullscreen-loader{
    display: none;
}

.s-product-options-digital-card-option{
  color: var(--heading-color);
}
/* Fix Product Code Options */
.s-product-options-digital-card-option:has(input:checked){
  color: var(--color-primary);
}
.s-product-options-digital-card-option:has(input:checked) {
    outline-width: 0px;
background: #e9e9e9;
}
.dark .s-product-options-digital-card-option:has(input:checked) {
    color: #ffffff;
    background: #464656;
}

/* --- Fix Small Banners --- */
.main-links-style-1-slider-single-content{
    background: transparent;
    box-shadow: none;   
    padding: 0;
    margin: 0;
}

.main-links-style-1-slider-single-content h4{
    display: none;
}

/* --- Remove Small Banners Main Text --- */
.flex.flex-row.justify-between.sal-animate {
    display: none;
}