: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%,#292929 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;
}