:root {
    --primary-gradient: linear-gradient(135deg,#10a710 0%,#005b00 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: #005b00!important;
    border-color: var(--color-primary)!important;
    color: #005b00!important;
    color: #ffffff!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: #005b00!important;
    color: #ffffff!important;
}

.product-card__buttons>div button {
    background: #005b00;
}

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


section.s-block.s-block--best-offers.container.overflow-hidden .lg\:mx-0.text-center.mb-8 {
    display: none !important
}

 
.product-card__actions div button {
    background: #005b00;

}