.catss img {
  max-width: 220px;
}
.s-product-card-image img.loaded {
    background: #FFF;
}
.content .content-entry:has(img[src="https://cdn.salla.sa/ZYZROo/FyW5lZnVzvddJh4lBRFaF68SrharoaIsCrYtvMS2.jpg"]) img {
    width: 100%;
}
body {
  background-image: url('https://cdn.salla.sa/form-builder/JX02vzKSZyfIGzXmTvTOm4ot3F3mZUoutreN7XUD.webp');
  background-repeat: repeat;
  background-size: auto;
  background-color: #f2efe9;
}
@media(min-width: 1000px) {
.s-block--full-bg:first-of-type {height: 600px;}
}
/***********  **********/

* { will-change: auto; }
img { loading: lazy; }

/*********** Edits **********/

:root {
    --font-main: 'PingARLT', sans-serif !important;
    --font-secondary: 'PingARLT', sans-serif !important;

    --color-primary: #154536 !important;
    --color-primary-dark: #0f3327 !important;
    --color-primary-light: #1f6650 !important;
    --color-primary-reverse: #ffffff !important;

    --dark-bg-main: #ffffff !important;
    --dark-text-main: #222222 !important;
    --dark-text-sec: #666666 !important;
    --dark-grey: #f9f9f9 !important;

    --text-btn: #ffffff !important;
    --bg-color: #ffffff !important;
    --header-bg: #ffffff !important;
    --menu-bg: #ffffff !important;
    --footer-bg: #154536 !important;
}

body {
    background-image: none !important;
    background-color: var(--bg-color) !important;
    color: #333333 !important;
}

.dark .da-bgm,
.dark body {
    background-color: var(--dark-bg-main) !important;
    color: var(--dark-text-main) !important;
}

.dark .da-ts {
    color: var(--dark-text-sec) !important;
}

.dark .da-cp {
    color: var(--color-primary) !important;
}

.top-nav,
.s-site-header .top-nav,
[style*="background-color: #b73225"],
[style*="background-color: #9e1010"] {
    background-color: var(--color-primary) !important;
}

section:not(.rp-carousel-full-width),
.s-block:not(.rp-carousel-full-width) {
    margin-bottom: 25px !important;
}

.s-product-card-entry,
custom-salla-product-card,
.s-product-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(21, 69, 54, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.s-product-card-entry::before,
.s-product-card-entry::after,
custom-salla-product-card::before,
custom-salla-product-card::after {
    display: none !important;
}

.s-product-card-entry:hover,
custom-salla-product-card:hover,
.s-product-card:hover {
    border-color: rgba(21, 69, 54, 0.18) !important;
    box-shadow: 0 8px 22px rgba(21, 69, 54, 0.07) !important;
    transform: none !important;
}

.s-product-card-image {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 200px !important;
    padding: 15px 10px 5px !important;
    background: transparent !important;
}

.s-product-card-image img {
    max-width: 85% !important;
    max-height: 85% !important;
    object-fit: contain !important;
    filter: none !important;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.05) !important;
}

.s-product-card-content {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 8px 10px 10px !important;
    text-align: center !important;
    background: transparent !important;
}

.s-product-card-title,
.product-title {
    display: -webkit-box !important;
    height: 2.8em !important;
    margin: 0 0 6px !important;
    overflow: hidden !important;
    color: #2b2b2b !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    transition: color 0.3s ease !important;
}

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

.s-product-card-price,
.product-price {
    margin-bottom: 8px !important;
    color: var(--color-primary-dark) !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
}

.s-product-card-entry .s-button-wrap,
custom-salla-product-card .s-button-wrap {
    padding: 0 !important;
}

.s-product-card-entry .s-button-element,
custom-salla-product-card .s-button-element,
.s-product-card-entry .s-button-btn,
custom-salla-product-card .s-button-btn {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    background: rgba(15, 51, 39, 0.75) !important;
    background-image: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 30px !important;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(15px) !important;
    transition: letter-spacing 0.5s ease !important;
}

.s-product-card-entry .s-button-btn::before,
custom-salla-product-card .s-button-btn::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
    width: 50% !important;
    height: 100% !important;
    pointer-events: none !important;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.13), transparent) !important;
    transform: skewX(45deg) translateX(0) !important;
    transition: 0.5s ease !important;
}

.s-product-card-entry .s-button-btn:hover,
custom-salla-product-card .s-button-btn:hover {
    letter-spacing: 3px !important;
}

.s-product-card-entry .s-button-btn:hover::before,
custom-salla-product-card .s-button-btn:hover::before {
    transform: skewX(45deg) translateX(250px) !important;
}

.s-product-card-actions {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    left: auto !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.s-product-card-entry:hover .s-product-card-actions,
custom-salla-product-card:hover .s-product-card-actions {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.s-product-card-actions .s-button-wrap,
.s-product-card-actions salla-button,
.s-product-card-actions .s-button-element,
.s-product-card-actions .s-button-icon,
.angel-quick-view-btn,
.s-product-card-quick-view-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 50% !important;
}

.s-product-card-actions .s-button-element,
.s-product-card-actions .s-button-icon {
    color: var(--color-primary-dark) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(4px) !important;
    transition: all 0.25s ease !important;
}

.s-product-card-actions .s-button-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.s-product-card-actions .s-button-element:hover,
.s-product-card-actions .s-button-icon:hover {
    color: #ffffff !important;
    background: var(--color-primary) !important;
    box-shadow: 0 6px 15px rgba(21, 69, 54, 0.25) !important;
    transform: scale(1.1) !important;
}

.badge,
.s-badge,
salla-badge {
    z-index: 4 !important;
    padding: 4px 10px !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    background-color: #dcb37b !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(220, 179, 123, 0.3) !important;
}

.s-badge--discount,
[data-label*="خصم"],
[data-label*="عرض"] {
    background: #e63946 !important;
    animation: softPulse 2s infinite ease-in-out !important;
}

.s-category-circle,
.category-item {
    background: #ffffff !important;
    border: 2px solid transparent !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.s-category-circle:hover,
.category-item:hover {
    border-color: var(--color-primary-light) !important;
    box-shadow: 0 8px 25px rgba(21, 69, 54, 0.1) !important;
    transform: translateY(-5px) !important;
}

.s-products-list-wrapper {
    gap: 8px !important;
}

.s-product-card-rating {
    margin-bottom: 6px !important;
    color: #f59e0b !important;
}

.s-button-btn.btn--whatsapp,
[href*="whatsapp"] {
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3) !important;
    transition: transform 0.3s ease !important;
}

.s-button-btn.btn--whatsapp:hover,
[href*="whatsapp"]:hover {
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4) !important;
    transform: translateY(-3px) scale(1.05) !important;
}

a {
    transition: color 0.2s ease, opacity 0.2s ease !important;
}

a:hover {
    opacity: 0.85 !important;
}

@keyframes softPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@media (min-width: 769px) {
    section:not(.rp-carousel-full-width),
    .s-block:not(.rp-carousel-full-width) {
        margin-bottom: 40px !important;
    }

    .s-product-card-image {
        height: 250px !important;
        padding: 20px 15px 5px !important;
    }

    .s-product-card-content {
        padding: 10px 15px 15px !important;
    }

    .s-product-card-title,
    .product-title {
        margin-bottom: 8px !important;
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    .s-product-card-price,
    .product-price {
        margin-bottom: 12px !important;
        font-size: 1.2rem !important;
    }

    .s-product-card-entry .s-button-wrap,
    custom-salla-product-card .s-button-wrap {
        position: relative !important;
        z-index: 2 !important;
        display: flex !important;
        justify-content: center !important;
        margin-top: auto !important;
        padding: 0 15px 15px !important;
    }

    .s-product-card-entry .s-button-element,
    custom-salla-product-card .s-button-element,
    .s-product-card-entry .s-button-btn,
    custom-salla-product-card .s-button-btn {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 15px !important;
        font-size: 0.92rem !important;
        letter-spacing: 1px !important;
    }
}

@media (max-width: 768px) {
    .s-product-card-entry,
    custom-salla-product-card,
    .s-product-card {
        border-radius: 12px !important;
    }

    .s-product-card-image {
        height: 120px !important;
        padding: 10px !important;
    }

    .s-product-card-image img {
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .s-product-card-content {
        padding: 8px 6px !important;
    }

    .s-product-card-title,
    .product-title {
        height: 2.6em !important;
        margin-bottom: 4px !important;
        font-size: 0.78rem !important;
        line-height: 1.3 !important;
    }

    .s-product-card-price,
    .product-price {
        margin-bottom: 6px !important;
        font-size: 0.95rem !important;
    }

    .s-product-card-content-footer,
    salla-add-product-button,
    salla-add-product-button .s-button-wrap,
    .s-product-card-entry .s-button-wrap,
    custom-salla-product-card .s-button-wrap {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .s-product-card-entry .s-button-wrap,
    custom-salla-product-card .s-button-wrap,
    salla-add-product-button .s-button-wrap {
        position: static !important;
        z-index: auto !important;
        display: block !important;
        justify-content: initial !important;
        margin-top: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .s-product-card-entry .s-button-element,
    custom-salla-product-card .s-button-element,
    .s-product-card-entry .s-button-btn,
    custom-salla-product-card .s-button-btn,
    .s-product-card-entry salla-button .s-button-element,
    custom-salla-product-card salla-button .s-button-element,
    .s-product-card-entry salla-add-product-button .s-button-btn,
    custom-salla-product-card salla-add-product-button .s-button-btn,
    salla-add-product-button button.s-button-btn,
    salla-add-product-button button.s-button-element {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
        font-size: 0.82rem !important;
        line-height: 36px !important;
        letter-spacing: 0 !important;
        box-shadow: none !important;
    }

    /* .s-product-card-entry .s-button-btn::before,
    custom-salla-product-card .s-button-btn::before {
        display: none !important;
    } */

    .s-product-card-actions {
        top: 6px !important;
        right: 6px !important;
        gap: 6px !important;
        opacity: 1 !important;
        transform: translateX(0) !important;
    }

    .s-product-card-actions .s-button-wrap,
    .s-product-card-actions salla-button,
    .s-product-card-actions .s-button-element,
    .s-product-card-actions .s-button-icon,
    .angel-quick-view-btn,
    .s-product-card-quick-view-btn {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
    }

    .s-product-card-actions .s-button-text,
    .s-product-card-actions .s-button-icon i {
        font-size: 11px !important;
    }
}