:root
{
    --primary-color: #c26d2c !important;
    --secondary-color: #ffffff !important;
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #e6d2b1 !important;
}

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

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


/*---------------- Splash Screen --------------*/

/*------------ End of Splash Screen -----------*/

body
{
    background-color: #000;
    background-size: 50px 50px;
    background-image: linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.05) 1px,transparent 0);
  /*
    mask-image: radial-gradient(ellipse at center,#000 60%,transparent 100%);
  */
}

/*------------------ Header -------------------*/
.py-8
{
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.navbar-brand img
{
    max-height: 5rem;
    
    animation: scale 1.3s linear infinite;
}

.main-menu
{
    justify-content: center;
}

.main-nav-container,
.main-menu li > a
{
    color: var(--font-color);
    font-size: 0.875rem;
    background-color: #10100e;
}

.main-menu li > a:hover
{
    color: var(--primary-color);
}

.sm\:\!flex,
.search-btn,
.whishlist-icon,
.s-cart-summary-count,
.header-btn, .sicon-user-circle::before,
.header-btn:hover, .header-btn i:hover
{
    color: #000 !important;
    background-color: var(--font-color) !important;
    border-radius: 5px !important;
}

.sicon-shopping-bag::before
{
    color: var(--font-color);
}
/*--------------- End of Header ---------------*/


/*------------------- Banner ------------------*/
.landing-page-first-bannar
{
    margin-top: 105px;
}

.landing-page-fixed-bannar
{
    height: 80vh !important;
}

.items-stretch .text
{
    display: none;
}

.md\:p-\[28px\]
{
    padding: 0px;
    gap: 10px;
}

.liabty-cat .s-slider-block__title-nav button,
.s-slider-v-centered .s-slider-block__title-nav button
{
    background: var(--primary-color) !important;
}

.landing-page-first-bannar .md\:text-\[15px\],
.second-banner .md\:text-\[35px\],
.second-banner .md\:text-\[19px\],
.second-banner .md\:px-\[24px\]
{
    display: none;
}
/*---------------- End of Banner --------------*/


/*----------------- Categories ----------------*/
section.liabty-cat .cat,
section.liabty-cat .cat:hover
{
    border-color: transparent;
    border-top: 3px dashed var(--s-color);
    background: transparent !important;
    
    animation: addborder 2.5s 0s linear infinite;
}

section.liabty-cat img
{
    border-radius: 15px;
}

section.liabty-cat .cat .txt
{
    color: var(--font-color) !important;
}

section.liabty-cat .md\:text-\[24px\]
{
    font-size: 20px;
}
/*------------- End of Categories -------------*/


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

.s-block__title
{
    margin-bottom: 1rem;
}

.s-block__title h2,
.s-slider-block__title-right h2
{
    color: var(--primary-color) !important;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

.s-block__display-all
{
    opacity: 0.9;
    color: var(--font-color) !important;
}

.s-slider-nav-arrow:not(:disabled),
.s-slider-nav-arrow:not(:disabled):hover,
.s-slider-nav-arrow svg
{
    fill: var(--font-color) !important;
}

.s-slider-nav-arrow:not(:disabled):hover
{
    border-color: var(--font-color);
}

.h-\[225px\]
{
    height: 225px;
    width: 285px;
}

.p-\[19px\]
{
    padding: 5px !important;
}

.s-product-card-content
{
    padding: 0.25rem;
}

custom-salla-product-card:hover img
{
    scale: 1.0;
}

.s-product-card-image-full
{
    border-radius: 25px !important;
    box-shadow: none !important;
    padding: 0;
}

.s-product-card-image-full:hover
{
    background: transparent !important;
    border-color: hsl(268,80%,54%/.5);
}

custom-salla-product-card:not([horizontal="true"]):hover .s-product-card-image-full
{
    background-color: transparent !important;
}

.s-product-card-image-contain
{
    border-radius: 25px !important;
}

.s-product-card-content-title a
{
    color: var(--font-color) !important;
    width: 100%;
}

.s-product-card-content-title a:hover
{
    color: var(--primary-color) !important;
}

.\!text-\[var\(--color-primary\)\]
{
    color: var(--primary-color) !important;
}

.s-product-card-content-footer button
{
    color: var(--font-color) !important;
    background: var(--primary-color) !important;
    border-radius: 20px;
    padding: 5px 5px !important;
}

.md\:text-\[var\(--color-primary\)\]
{
    color: var(--font-color) !important;
}
/*--------------- End of Products -------------*/


/*--------------- Products Details ------------*/
.s-breadcrumb-wrapper,
.s-breadcrumb-item a
{
    color: var(--primary-color) !important;
}

.s-breadcrumb-arrow svg
{
    fill: var(--font-color) !important;
    font-weight: 600;
}

.s-button-icon .s-button-text,
.text-\[\#666666\],
.form-label,
.text-\[24px\],
.s-quantity-input-button svg,
.s-quantity-input-button svg:hover
{
    color: var(--font-color) !important;
    fill: var(--font-color) !important;
    font-weight: 600;
}

.s-product-card-content-main p
{
    color: var(--primary-color) !important;
}

salla-add-product-button salla-button.s-button-wrap.hydrated > button
{
    background: var(--primary-color);
}

.s-button-text
{
    color: var(--font-color) !important;
}
/*------------ End of Products Details --------*/


/*--------------------- Cart ------------------*/
.cart .s-quantity-input-button svg,
.cart .s-quantity-input-button svg:hover,
.cart .text-\[\#666666\],
.cart .text-\[\#848484\],
.cart .text-gray-500,
.coupon-text
{
    color: var(--primary-color) !important;
    fill: var(--primary-color) !important;
    font-weight: 600;
}
/*------------------ End of Cart --------------*/


/*----------------- Testemonials --------------*/

/*-------------- End of Testemonials ----------*/


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

.s-block--features__item::after
{
    content: "";
    position: absolute;
    inset: 2px;
    background: #000;
    z-index: -1;
    border-radius: 12px;
}

.s-block--features__item
{
    position: relative;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), var(--primary-color) 0%, var(--primary-color) 5%, transparent 5%, transparent 40%, var(--primary-color) 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px;
}

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

.s-block--features__item .sicon-clothes-hanger:before
{
    content: "" !important;
}

.s-block--features__item:nth-child(1) .feature-icon
{
    background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExN3QzdTVzdzQwanJmNTRrbDYybDRwZ2tvMXJkMjJnMnFqcGF3MXI2MyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/Kghq3IgAxWxJRWaLZV/giphy.gif);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position-x: 50%;
    background-position-y: 50%;
    width: 70px;
    height: 70px;
}

.s-block--features__item:nth-child(2) .feature-icon
{
    background-image: url(https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExcml0d254bGhwNDVjcmdveGhidzRxcHMxdTNoOTJkanRvd2pueHlnMCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/nBfVBP7EUZkgU7mG41/giphy.gif);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position-x: 50%;
    background-position-y: 50%;
    width: 70px;
    height: 70px;
}

.s-block--features__item:nth-child(3) .feature-icon
{
    background-image: url(https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExMTYzNTZqbWlxOTd0MmJva2dwcHdlZzFzZmFsbGg0aXQ0cDN4b3YwOSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/9HamP0ZKclETxgz4VL/giphy.gif);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position-x: 50%;
    background-position-y: 50%;
    width: 70px;
    height: 70px;
}

.s-block--features__item h2
{
    color: var(--primary-color) !important;
    font-size: 16px !important;
    font-weight: 700;
    margin-bottom: 5px !important;
}

.s-block--features__item p
{
    color: var(--font-color) !important;
    font-size: 0.9rem;
}
/*---------------- End of Features ------------*/


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

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


/*-------------------- Footer -----------------*/
.store-footer__inner
{
    padding-top: 0rem;
    padding-bottom: 2rem;
}

.store-footer .mb-6
{
    margin-bottom: 0rem;
}

.store-footer h3
{
    margin-bottom: 1.25rem;
    color: var(--primary-color) !important;
    text-align: center;
}

.s-menu-footer-item,
.s-menu-footer-item:hover,
.lg\:text-right
{  
    color: var(--font-color) !important;
    font-size: 1rem;
    text-align: center;
}

.unicode,
.unicode:hover,
.s-contacts-icon svg
{  
    color: var(--font-color) !important;
    font-size: 1rem;
}

.copyright-text p,
.store-footer a:hover
{  
    color: var(--primary-color) !important;
    font-size: 1rem;
}

.store-footer a
{
    justify-content: center;
}

.store-footer__inner .hidden,
.store-footer__inner .contact-social
{
    display: none !important;
}
/*----------------- End of Footer -------------*/


/*--------------------- Blog ------------------*/

/*------------------ End of Blog --------------*/


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

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


/*---------------- Mobile Screens -------------*/
@media only screen and (max-width: 767px)
{ 

    /*----------------- Header ----------------*/
    .mm-spn.mm-spn--navbar ul
    {
        background:#10100e;
    }
    
    .sicon-menu::before,
    .sicon-world::before
    {
        color: var(--font-color);
    }
    
    /*----------------- Banner ----------------*/
    .landing-page-fixed-bannar
    {
        height: 22vh !important;
    }
    
    .mb-\[11px\]
    {
        margin-bottom: 0px;
    }
    
    .s-slider-swiper-wrapper > div
    {
        align-items: center;
    }
    
    .mb-\[53px\]
    {
        margin-bottom: 30px;
    }
    
    .h-\[516px\]
    {
        height: 140px !important;
        margin-bottom: 10px !important;
    }
    
    .rounded-\[40px\]
    {
        border-radius: 20px;
    }
    
    .min-h-\[216px\]
    {
        min-height: 50px;
    }
    
    .p-\[18px\]
    {
        padding: 0px;
    }
    
    .s-block--hero-slider .swiper-slide
    {
        height: 12rem;
    }
    
    .min-h-\[300px\]
    {
        min-height: 190px;
    }    
    
    .mt-\[91px\]
    {
        margin-top: 60px;
    }
    /*--------------- Categories --------------*/
    section.liabty-cat .p-\[30px\]
    {
        padding: 15px;
    }
    
    section.liabty-cat .md\:text-\[24px\]
    {
        font-size: 15px;
    }
    /*---------------- Products ---------------*/
    .s-block
    {
        margin-top: 2rem;
    }

    .vertical-products .s-products-list-vertical-cards [id="830841568"] .top-\[-60px\]
    {
        top: -80px;
    }
    
    .s-products-slider-card .s-product-card-entry
    {
        height: 95%;
    }
    /*------------ Products Details -----------*/

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

    /*--------------- Testemonials ------------*/
    
    /*----------------- Features --------------*/
    
    /*------------------ Footer ---------------*/

    /*------------------- Blog ----------------*/
}
/*------------- End of Mobile Screens ---------*/


/*----------------- Animations ----------------*/
@keyframes scale
{
    0%,100%
    {
        transform: scale(1);
        opacity: 1;
    }
    50%
    {
        transform: scale(.9);
        opacity: .7;
    }
}

@keyframes
{
  25%
    {
        border-color: transparent;
        border-right: 3px dashed var(--s-color);
    }
  50%
    {
        border-color: transparent;
        border-bottom: 3px dashed var(--s-color);
    }
  75%
    {
        border-color: transparent;
        border-left: 3px dashed var(--s-color);
    }
  100%
    {
        border-color: transparent;
        border-top: 3px dashed var(--s-color);
    }
}
/*-------------- End of Animations ------------*/