/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */ 
:root {
     --color-primary: #ad8b6f;
    --bg-primary: #ffffff;
    --bg-secondary: #ffffff;
    --header-bg: #ffffff;
    --header-text-color: #111827;
    --store-text-primary: #111827;
    --store-text-secondary: #4b5563;
    --product-bg: #ffffff;
    --color-primary-dark: #876549;
    --color-primary-light: #d3b195;
    --color-primary-reverse: #2e0c00;
    --product-image-height: 17rem;
    --product-border-color: #eeeeee;
    --product-enhanced-btn-bg: #0c0603;
    --product-enhanced-btn-color: #ffffff;
    --products-per-row: 4;
    --footer-bg: #0c0603;
    --footer-text-color: #ffffff;
    --bottom-footer-bg: #F9FAFB;
    --countdown-bg: #f3f4f6;
    --countdown-color: #111827;
    --countdown-border-color: #f3f4f6;
    --bottom-nav-bg: #ffffff;
    --bottom-nav-text-color: #111827;
    --wa-btn-bg: #22c55e;
    --wa-btn-text-color: #ffffff;
}

:root {
    --primary-gold: #ad8b6f;
    --dark-gold: #876549;
    --light-gold: rgba(173,139,111,0.1);
    --glass-bg: rgba(255,255,255,0.85);
    --shadow-soft: 0 8px 30px rgba(0,0,0,0.08);
    --transition-smooth: all 0.4s cubic-bezier(0.4,0,0.2,1)
}

header.site-header {
    backdrop-filter: blur(12px)!important;
    -webkit-backdrop-filter: blur(12px)!important;
    background: var(--glass-bg)!important;
    border-bottom: 1px solid rgba(173,139,111,0.1)!important;
    transition: var(--transition-smooth)
}

.s-button-primary,.btn--add-to-cart {
    background: linear-gradient(45deg,var(--dark-gold),var(--primary-gold))!important;
    border: none!important;
    border-radius: 50px!important;
    box-shadow: 0 4px 15px rgba(173,139,111,0.3)!important;
    transition: var(--transition-smooth)!important;
    position: relative;
    overflow: hidden
}

.s-button-primary:hover,.btn--add-to-cart:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(173,139,111,0.5)!important
}

salla-product-card,.product-item {
    border-radius: 20px!important;
    overflow: hidden;
    background: #fff!important;
    border: 1px solid #f3f3f3!important;
    transition: var(--transition-smooth)!important
}

salla-product-card:hover {
    border-color: var(--primary-gold)!important;
    box-shadow: var(--shadow-soft)!important
}

salla-product-card img {
    transition: transform 0.6s ease!important
}

salla-product-card:hover img {
    transform: scale(1.08)
}

.s-block--slider,.main-slider {
    border-radius: 25px!important;
    margin: 20px 0!important;
    overflow: hidden;
    box-shadow: var(--shadow-soft)
}

footer.store-footer {
    background-color: #0c0603!important;
    border-top: 3px solid var(--primary-gold)!important;
    padding-top: 50px!important
}

footer.store-footer h3,footer.store-footer a {
    color: #fff!important
}

@media (max-width: 768px) {
    .s-button-primary {
        padding:12px 20px!important;
        font-size: 0.9rem!important
    }

    salla-product-card {
        border-radius: 15px!important
    }
}

.s-block,salla-product-card {
    animation: fadeInUp 0.8s ease backwards
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.footer-is-custom .store-footer .store-footer__contacts-row,.footer-is-custom .store-footer .store-footer__inner,.footer-is-custom .store-footer .store-footer__newsletter {
    /* background-color: #0c0603; */
    --tw-border-opacity: 1;
    border-bottom-color: #e5e7eb;
    border-bottom-color: rgba(229,231,235,var(--tw-border-opacity,1));
}
.product-card--primary-buttons button, .product-card--primary-buttons salla-button {
    border-color: #414042!important;
    color: #ffffff!important;
    background: #0c0603;
}:root {
    --primary-gradient: linear-gradient(135deg,#8c7461 0%,#664e3b 100%);
    --glass-bg: rgba(255,255,255,0.85);
    --premium-shadow: 0 10px 30px rgba(140,116,97,0.15);
    --transition-smooth: all 0.4s cubic-bezier(0.4,0,0.2,1)
}

salla-product-card {
    border: none!important;
    border-radius: 20px!important;
    overflow: hidden;
    transition: var(--transition-smooth)!important;
    background: #fff!important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03)!important
}

salla-product-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--premium-shadow)!important
}

salla-product-card .s-product-card-image img {
    transition: transform 0.6s ease!important
}

salla-product-card:hover .s-product-card-image img {
    transform: scale(1.08)
}

.s-button-primary,salla-add-product-button button {
    background: var(--primary-gradient)!important;
    border: none!important;
    border-radius: 12px!important;
    font-weight: 600!important;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: var(--transition-smooth)!important;
    box-shadow: 0 6px 20px rgba(140,116,97,0.3)!important
}

.s-button-primary:hover {
    box-shadow: 0 8px 25px rgba(140,116,97,0.5)!important;
    filter: brightness(1.1)
}

.s-block {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s forwards ease-out
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

footer {
    border-top: 4px solid #8c7461;
    padding-top: 50px!important
}

footer a {
    transition: color 0.3s ease
}

footer a:hover {
    color: #8c7461!important;
    padding-inline-start:5px}

@media (max-width: 768px) {
    salla-product-card {
        border-radius:15px!important
    }

    .page-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.s-cart-summary {
    border-radius: 20px!important;
    box-shadow: var(--premium-shadow)!important
}

.s-feature-item {
    background: #fdfaf8!important;
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 20px!important
}

.product-card--primary-buttons button,.product-card--primary-buttons salla-button {
    border-color: #414042!important;
    border-color: var(--color-primary)!important;
    color: #414042!important;
    color: #ffffff!important
}

.footer-is-custom .store-footer {
    --footer-bg: #0e0f0f3d;
    background-color: var(--footer-bg);
    color: var(--footer-text-color)
}

.footer-is-custom .store-footer {
    border-radius: 20px 20px 0 0;
    background-color: var(--1);
    background: linear-gradient(134deg,transparent -1041%,#0c0603 83%,#fff 200%),url(https://cdn.salla.sa/form-builder/kW2IG8yY17w9F8vq50CMfMdhWBcbQhSoDRWGaK99.jpg)0rem 0rem/545%no-repeat!important
}

ul.s-social-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap
}

.s-social-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #eee;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1)
}

.s-social-link a svg {
    width: 22px;
    height: 22px;
    fill: #ffffff;
    transition: fill 0.3s
}

.s-social-link a:hover {
    transform: translateY(-7px);
    box-shadow: 0 10px 15px rgba(0,0,0,0.2)
}

.s-social-link a[href*="snapchat"] {
    background-color: #FFFC00
}

.s-social-link a[href*="snapchat"] svg {
    fill: #000000!important
}

.s-social-link a[href*="tiktok"] {
    background: linear-gradient(120deg,#000000,#25F4EE,#FE2C55);
    background: linear-gradient(120deg,#69c9d0,#000,#ee1d52)
}

.s-social-link a[href*="youtube"] {
    background-color: #FF0000
}

.s-social-link a[href*="facebook"] {
    background: linear-gradient(45deg,#1877F2,#3b5998)
}

.s-social-link a[href*="instagram"] {
    background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)
}

.s-social-link a[href*="twitter"],.s-social-link a[href*="x.com"] {
    background-color: #000000
}

.product-card--primary-buttons button i, .product-card--primary-buttons salla-button i {
    color: #414042!important;
    color: #ffffff!important;
}

.product-card__buttons>div button {
    background: #6f5744;
}

img.aspect-\[14\/13\].w-full.lazy.object-cover.group-hover\:scale-110.duration-400.loaded {
    -o-object-fit: cover;
    object-fit: contain;
}