:root
{
    --primary-color: #093a24 !important; /* rgb(9, 58, 36) */
    --secondary-color: #c8a878 !important; /* rgb(200, 168, 120) */
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important;
    #5d6948  /* rgb(93, 105, 72) */
}

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

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

body
{
    background: #fff !important;
}

/*------------------ Header -------------------*/
.navbar-brand img,
#mainnav.fixed-pinned .navbar-brand .main-logo
{   
    height: 4.5rem;
}

.mm-spn a
{
    color: #fff !important;
}

.mm-spn.mm-spn--navbar.mm-spn--main,
.mm-spn li
{
    color: var(--secondary-color) !important;
    font-size: 20px;
    font-weight: 600 !important;
}

.mm-ocd nav > ul > li a.active > .menu_title,
header nav > ul > li a.active > div > span
{
    color: #fff !important;
}

.mm-spn li::before
{
    color: #fff !important;
    opacity: 1 !important;
}
/*--------------- End of Header ---------------*/


/*------------------- Banner ------------------*/
.s-block--hero-slider img
{
    background: #fff !important;
    object-fit: contain;
}
/*---------------- End of Banner --------------*/


/*----------------- Categories ----------------*/
section:nth-of-type(2) .banner-square
{
    border-radius: 25px;
    box-shadow: 1px 2px 5px -2px var(--primary-color);
}

section:nth-of-type(4) .banner-square img
{
    border-radius: 25px;
    box-shadow: 1px 2px 5px -2px var(--primary-color);
}

.vertical-lines
{
    background-color: var(--secondary-color);
}

.s-angel--divider
{
    padding-bottom: 1rem;
    padding-top: 0rem;
}
/*------------- End of Categories -------------*/


/*------------------ Products -----------------*/
.s-block__title h2,
.s-slider-block__title h2
{
    color: var(--font-color);
    font-size: 1.50rem !important;
    /*font-weight: 600 !important;*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: var(--primary-color) !important;
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #1F4E79 0%, var(--secondary-color) 29%, var(--primary-color) 67%, #5d6948
100%);
    background-size: 200% auto;
    animation: textclip 8s linear infinite;
    padding: 5px 0;
}

.angel-products-title .w-12
{
    width: 3rem;
}

.angel-products-title .h-12
{
    height: 2.5rem;
}

.angel-products-title
{
    margin-bottom: 0rem;
}

.angel-products-title img
{
    content: url(https://cdn.phototourl.com/free/2026-08-29-73c57ca9-6d75-4912-9504-418ff39f08f3.gif);
}

.s-products-slider-wrapper .s-slider-container
{
    padding: 10px !important;
}

.s-product-card-entry
{
    box-shadow: 1px 2px 5px -2px var(--primary-color);
}

.s-product-card-wishlist button,
.s-product-card-quick-view-btn,
button.s-social-share-btn,
.sidebar salla-button.btn--wishlist .btn--wishlist

{
    color: var(--secondary-color) !important;
    font-size: 1rem !important;
    background: var(--primary-color) !important;
}

.s-product-card-brand,
.s-product-card-category
{
    color: var(--primary-color) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    background: var(--secondary-color) !important;
    border-radius: 8px;
}

salla-add-product-button[width="wide"]
{
    width: 35%;
    margin: auto;
}

.s-product-card-content-footer salla-add-product-button .s-button-outline
{
    border: 2px solid var(--primary-color) !important;
}

salla-add-product-button .s-button-text
{
    font-weight: 600 !important;
}
/*--------------- End of Products -------------*/


/*--------------- Products Details ------------*/
.product-index salla-add-product-button[width="wide"]
{
    width: 55%;
    margin: auto;
}

.s-quantity-input-button svg
{
    fill: var(--primary-color);
}
/*------------ End of Products Details --------*/


/*--------------------- Cart ------------------*/
.border-gray-200
{
    border-color: var(--primary-color);
}

.s-cart-summary-card
{
    border-radius: .5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    border: 2px solid var(--secondary-color);
}

.cart .btn--wishlist
{
    color: var(--primary-color) !important;
    font-size: 0.75rem !important;
    background: var(--secondary-color) !important;
    border-radius: 8px;
}

.cart-item .text-gray-500
{
    color: var(--secondary-color) !important;
    font-size: 18px;
    font-weight: 600 !important;
}
/*------------------ End of Cart --------------*/


/*----------------- Testemonials --------------*/
.s-block--testimonials .pb-8
{
    padding-bottom: 1rem;
    box-shadow: 1px 3px 5px -3px var(--primary-color);
    border-radius: 12px;
}
/*-------------- End of Testemonials ----------*/


/*------------------- Features ----------------*/
.s-block--features .font-primary
{
    color: var(--primary-color) !important;
}

.s-block--features .text-gray-600
{
    color: var(--secondary-color) !important;
    font-size: 15px;
    font-weight: 600 !important;
}
/*---------------- End of Features ------------*/


/*-------------------- Footer -----------------*/
.store-footer::before
{
    content: "";
    color: transparent;
    background-image: url(https://cdn.phototourl.com/free/2026-08-29-45534418-a591-48b6-8594-ed5aa2a9e723.png);
    background-size: cover;
    background-repeat: round;
    display: block;
    width: 100.2%;
    height: 110px;
    margin: -120px 0 0 0;
}

.store-footer__inner
{
    color: #fff !important;
}

.store-footer .s-button-primary
{
    border: 1px solid #fff !important;
}

.store-footer .footer-container .logo-footer .foo
{
    content: url(https://cdn.phototourl.com/free/2026-08-27-b50389e7-7aef-447b-a355-f343123a7b3c.png);
    height: 5rem !important;
}

.store-footer .footer-title,
.store-footer h3,
.store-footer .footer-container .footer-list a:hover
{
    color: var(--secondary-color) !important;
}

.s-social-link a[title=instagram]
{
    background: #e1306c;
}

.s-social-link a[title=twitter]
{
    background: #000;
}

.s-social-link a[title="snapchat"]
{
    background: #fffc00;
}

.s-social-link a[title="snapchat"] svg
{
    fill: #000;
}

.s-social-link a[title=tiktok]
{
    background: #000;
}

.s-social-link a[title="facebook"]
{
    background: #1877f2;
}

.s-social-link a[title="youtube"]
{
    background: #f00;
}

.s-contacts-item[href*="wa.me"]
{
    background-color: #25d366;
}

.s-contacts-item[href^="tel:"]
{
    background: #3c723e;
}

.s-contacts-item[href^="mailto:"]
{
    background-color: #d44638;
}

.store-footer .s-social-list .s-social-link a
{
    border: 2px solid #fff;
}

.md\:mb-0
{
    color: #fff;
}

.store-footer .md\:mb-0 a
{
    color: var(--secondary-color);
    font-weight: 600 !important;
    opacity: 1 !important;
}
/*----------------- End of Footer -------------*/


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

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


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

    /*----------------- Header ----------------*/
    .navbar-brand img
    {
        height: 3.5rem;
    }
    
    .mm-spn.mm-spn--navbar.mm-spn--main,
    .mm-spn li
    {
        font-size: 14px;
    }
    /*----------------- Banner ----------------*/

    /*--------------- Categories --------------*/
    section:nth-of-type(2) .banner-square,
    section:nth-of-type(4) .banner-square img
    {
        border-radius: 20px;
    }
    /*---------------- Products ---------------*/
    .s-block__title h2,
    .s-slider-block__title h2
    {
        color: var(--font-color);
        font-size: 1.25rem !important;
    }
      
    .angel-products-title .w-12
    {
        width: 2rem;
    }
    .angel-products-title .h-12
    {
        height: 2rem;
    }
  
    salla-add-product-button[width="wide"],
    .product-index salla-add-product-button[width="wide"]
    {
        width: 65%;
        margin: auto;
    }
    /*------------ Products Details -----------*/

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

    /*--------------- Testemonials ------------*/
    .s-block--testimonials .s-slider-block__title h2
    {
        font-size: 1rem !important;
    }
    /*----------------- Features --------------*/
    
    /*------------------ Footer ---------------*/
    .store-footer::before
    {
        margin: -80px 0 0 0;
    }
    
    .store-footer .footer-container .logo-footer .foo
    {
        height: 3.5rem !important;
    }
    /*------------------- Blog ----------------*/
}
/*------------- End of Mobile Screens ---------*/


/*----------------- Animations ----------------*/
@keyframes textclip
{
    100%
    {
        background-position: 200% center;
    }
}
/*-------------- End of Animations ------------*/