:root
{
    --primary-color: #ffb131 !important; /* rgb(255, 177, 49) */
    --secondary-color: #000 !important;
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important;
}

/*---------------- Font Family ----------------*/

/*------------- End of Font Family ------------*/


/*---------------- Splash Screen --------------*/
.index::before
{
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid var(--primary-color) !important;
    background: var(--secondary-color) url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/NKRQen/kbi3ISdq615al2eMSrj1aL8IOsRIovGE9BWKm4rA.png);
    position: fixed;
    z-index: 9999999999999 !important;    
    transform: scale(0);
    background-size: 15% !important;
    background-repeat: no-repeat;
    background-position: center !important;
    opacity:1;
    
    animation-name: splash;
    animation-duration: 1s;
}

@keyframes splash
{
  0%
  {
    transform: scale(1);
  }
  20%
  {
    transform: scale(1);
  }
  80%
  {
    transform: scale(1);
  }
  100%
  {
    transform: scale(0) rotate(360deg);
  }
}
/*------------ End of Splash Screen -----------*/


/*------------------ Header -------------------*/
.pointer-events-none
{
    /*color: #ffb131 !important;*/
    font-weight: 600;
}

.bg-inherit
{
    border-radius: 0 0 50px 50px;
}

.main-nav-container
{
    background-color: #000 !important;
    height: 130px !important;    
    border-radius: 0 0 50px 50px;
    border-bottom: 5px solid #ffb131 !important;
}

.header-btn__icon,
.language-currency
{
    border-color: var(--t-neutral-light);
    color: var(--t-text-base);
    background: #ffb131 !important;
}

slot-fb[hidden]
{
    display: grid;
    position: absolute;
    margin: 10px;
}

.s-cart-summary-icon svg
{
    fill: #000 !important;
}

salla-cart-summary
{
    margin-top: 8px;
}

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

.mobile-menu .menu-header .menu-header-content .logo #menu-user-panel .language-currency,
.mm-spn.mm-spn--navbar ul,
.mm-spn.mm-spn--light,
.mm-spn ul:after,
.mobile-menu .menu-footer
{
    background-color: #000 !important;
    color: #fff !important;
}

.mm-spn li a, .mm-spn li > span
{
    background-color: #000 !important;
    color: #ffb131 !important;
}
/*--------------- End of Header ---------------*/


/*------------------- Banner ------------------*/
.hero-slider
{
    margin-top: 25px;
    margin-bottom: -200px;
}

.hero-slider .swiper-wrapper
{
    max-height: 120svh;
}

.hero-slider .s-block__banner img
{
    border-radius: 40px !important;
}
/*---------------- End of Banner --------------*/


/*----------------- Categories ----------------*/
.mt-2
{
    font-weight: 600;
    text-align: center;
}

.swiper-pointer-events .rounded-full
{
    border: 2px solid #ffb131;
}

/*
.swiper-backface-hidden .swiper-slide .mt-2 p
{
    color: #ffb131 !important;
}
*/

.md\:my-16
{
    margin-top: 1rem;
    margin-bottom: -2rem;
}
/*------------- End of Categories -------------*/


/*------------------ Products -----------------*/
.s-block--best-offers
{
    margin-top: -2rem;
}

.s-block .s-slider-block__title-left a
{
    color: #ffb131 !important;
    background-color: #000 !important;
    font-size: 16px;
}

.s-slider-wrapper .s-slider-nav-arrow,
.s-slider-wrapper .s-slider-nav-arrow.swiper-button-disabled,
.s-slider-wrapper:hover .s-slider-nav-arrow,
.s-slider-wrapper:hover .s-slider-nav-arrow.swiper-button-disabled,
.s-slider-nav-arrow:not(:disabled):hover
{
    border-color: #000;
    color: #000 !important;
    fill: #000 !important;
    background-color: #ffb131 !important;
}

.s-slider-nav-arrow:not(:disabled):hover svg
{
      fill: #000 !important;
}

.s-slider-block__title h2
{
    display: none;
}

.s-product-card-entry .s-product-card-image .s-product-card-wishlist-btn button,
.s-product-card-entry .s-product-card-actions .s-product-card-quick-view-btn
{
    background-color: #000 !important;
    opacity: 1;
}

.s-product-card-content,
.s-product-card-content:hover
{
    opacity: 1;
}

salla-add-product-button .s-button-primary,
.s-button-btn, .s-price-range-number-input
{
    color: #ffb131 !important;
    background-color: #000 !important;
    font-size: 16px;
}

.s-product-card-entry .s-product-card-content-title a
{
    color: #ffb131 !important;
    font-size: 1rem;
}

.s-block p,
.s-block__title p,
.s-product-card-entry .s-product-card-content-subtitle
{
    color: #000 !important;
    font-size: 1rem;
    opacity: 0.8;
    font-weight: 600;
}

.s-product-card-rating
{
    color: #ffb131 !important;
    background: #000 !important;
}
/*--------------- End of Products -------------*/


/*--------------- Products Details ------------*/
.product-single .main-content .product-brand span a:where([dir="rtl"], [dir="rtl"] *)
{
    margin-right: 0.25rem;
    font-weight: 600;
}
/*------------ End of Products Details --------*/


/*--------------------- Cart ------------------*/
.item-price
{
    color: #ffb131 !important;
    font-size: 18px !important;
    font-weight: 600;
}
/*------------------ End of Cart --------------*/


/*----------------- Testemonials --------------*/
.s-block__title,
.t-testimonials .t-reviews-container .t-reviews-header-wrapper
{
    text-align: center !important;
    justify-content: center !important;
}
/*-------------- End of Testemonials ----------*/


/*------------------- Features ----------------*/
section:nth-child(5) .sm\:grid-cols-3
{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.s-block--features .text-\[--t-text-secondary\]
{
    color: #ffb131 !important;
    font-weight: 600;
}
/*---------------- End of Features ------------*/


/*--------------------- FAQ -------------------*/

/*------------------ End of FAQ ---------------*/


/*-------------------- Footer -----------------*/

/*----------------- End of Footer -------------*/


/*--------------------- Blog ------------------*/
.index .brand-item
{
    border: 1px solid #ffb131;
    background-color: var(--t-bg-secondary-clr);
    padding: 0rem;
}
/*------------------ End of Blog --------------*/


/*---------------- WhatsApp Icon --------------*/

/*-------------- End of WhatsApp Icon ---------*/


/*---------------- Mobile Screens -------------*/
@media only screen and (max-width: 767px)
{ 
    .index::before
    {
       background-size: 35% !important;
    }
    
    /*----------------- Header ----------------*/
    .main-nav-container
    {
        background-color: #000 !important;
        height: 124px !important;
        border-radius: 0 0 30px 30px;
    }
    
    /*----------------- Banner ----------------*/
    .hero-slider
    {
        margin-top: 20px;
        margin-bottom: -80px;
    }
    
    .hero-slider .s-block__banner img
    {
        border-radius: 20px !important;
    }
    /*--------------- Categories --------------*/
    
    /*---------------- Products ---------------*/
    .s-block--best-offers
    {
        margin-top: -1rem;
    }
    
    .s-block__title h2
    {
        font-size: 1.35rem;
    }
    
    .s-block__title p
    {
        font-size: 0.90rem;
    }
    /*------------ Products Details -----------*/

    /*------------------ Cart -----------------*/

    /*--------------- Testemonials ------------*/
    
    /*----------------- Features --------------*/
    section:nth-child(5) .sm\:grid-cols-3,
    section:nth-child(17) .sm\:grid-cols-3
    {
            grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    /*------------------ Footer ---------------*/
    .bottom-bar .bottom-bar-items.glass
    {
        background-color: 
     color-mix(in srgb, #000, transparent 25%);
    }
    
    .bottom-bar .bottom-bar-items .bottom-bar-list-item .bottom-bar-list-item-link
    {
        color: #ffb131;
    }
    
    .bottom-bar slot-fb[hidden]
    {
        display: grid;
        position: static;
        margin: 0px;
    }
    
    .bottom-bar .bottom-bar-items .bottom-bar-list-item .s-cart-summary-wrapper .s-cart-summary-icon svg
    {
        fill: #ffb131 !important;
        margin-top: -10px;
    }
    /*------------------- Blog ----------------*/
}
/*------------- End of Mobile Screens ---------*/


/*----------------- Animations ----------------*/

/*-------------- End of Animations ------------*/