/* =========================================================
   ERQ — UNIFIED FINAL THEME
   النسخة الكاملة المعتمدة
========================================================= */

:root{
    --erq-unified-bg:#E9E0D1;
    --erq-card-bg:#E9E0D1;

    --erq-black:#111111;
    --erq-black-soft:#1E1E1E;
    --erq-white:#FFFFFF;

    --erq-text:#111111;
    --erq-text-soft:#675F57;

    --erq-brown:#A47751;
    --erq-gold:#B68A5B;

    --erq-border:rgba(100,72,44,.08);

    --erq-shadow:0 8px 22px rgba(50,32,18,.04);
    --erq-shadow-hover:0 16px 32px rgba(50,32,18,.07);
}


/* =========================================================
   1) الخلفية العامة
========================================================= */

html{
    scroll-behavior:smooth;
}

body,
main,
.page-wrapper,
.app-inner,
.site-wrapper{
    background:var(--erq-unified-bg) !important;
    color:var(--erq-text) !important;
    line-height:1.8;
    -webkit-font-smoothing:antialiased;
}

.container{
    max-width:1320px !important;
}


/* =========================================================
   2) توحيد كل الأقسام الداخلية
========================================================= */

section,
.s-block,
.home-block,
.s-block__wrapper,
.s-products-slider,
.products-slider,
.categories-slider,
.categories-wrapper,
.s-features,
.s-block--features,
.features-section,
.features-list,
.s-reviews,
.s-block--reviews,
.testimonials-section,
.swiper,
.swiper-wrapper,
.swiper-slide{
    background:var(--erq-unified-bg) !important;
}

.s-block > .container,
.home-block > .container,
.s-products-slider > .container,
.products-slider > .container,
.s-features > .container,
.s-reviews > .container,
.features-section > .container,
.testimonials-section > .container{
    background:transparent !important;
}


/* =========================================================
   3) الهيدر
========================================================= */

header,
.main-header,
.navbar{
    background:var(--erq-unified-bg) !important;
    border-bottom:1px solid rgba(100,72,44,.08) !important;
    box-shadow:none !important;
}

header a,
.main-header a,
.main-menu a,
.navbar a{
    color:var(--erq-black) !important;
    font-weight:600 !important;
    transition:.25s ease;
}

header a:hover,
.main-header a:hover,
.main-menu a:hover,
.navbar a:hover{
    color:var(--erq-brown) !important;
}


/* =========================================================
   4) البحث
========================================================= */

input[type="search"],
.search-input,
.s-search-input input{
    background:rgba(255,255,255,.28) !important;
    border:1px solid rgba(100,72,44,.12) !important;
    border-radius:12px !important;
    min-height:46px !important;
    color:var(--erq-text) !important;
    box-shadow:none !important;
}

input[type="search"]::placeholder,
.search-input::placeholder,
.s-search-input input::placeholder{
    color:#7C746C !important;
}


/* =========================================================
   5) العناوين والمسافات
========================================================= */

.s-block,
.home-block{
    margin-top:0 !important;
    margin-bottom:56px !important;
}

.s-block__title,
.section-title,
section h2{
    color:var(--erq-black) !important;
    font-size:28px !important;
    font-weight:800 !important;
    line-height:1.4 !important;
    margin-bottom:22px !important;
}

.s-block__title::after,
.section-title::after{
    display:none !important;
}


/* =========================================================
   6) السلايدر الرئيسي
========================================================= */

.s-slider-block,
.home-slider{
    background:transparent !important;
    margin-top:18px !important;
    margin-bottom:42px !important;
    overflow:hidden !important;
}

.s-slider-block img,
.home-slider img,
.banner-entry img{
    border-radius:18px !important;
}


/* =========================================================
   7) أقسامنا
========================================================= */

.category-entry,
.s-category-card{
    background:var(--erq-unified-bg) !important;
    border:1px solid var(--erq-border) !important;
    border-radius:20px !important;
    overflow:hidden !important;
    padding:0 !important;
    box-shadow:none !important;
    transition:transform .3s ease !important;
}

.category-entry:hover,
.s-category-card:hover{
    transform:translateY(-3px) !important;
    box-shadow:none !important;
}

.category-entry img,
.s-category-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:18px !important;
    box-shadow:none !important;
}


/* =========================================================
   8) بطاقات المنتجات
   نفس لون الصفحة - بدون خط - بدون ظل
========================================================= */

.s-product-card,
.product-card,
.product-entry{
    background:var(--erq-unified-bg) !important;
    border:0 !important;
    outline:0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    min-height:650px !important;
    box-shadow:none !important;
    filter:none !important;
    transition:transform .35s ease !important;
}

.s-product-card:hover,
.product-card:hover,
.product-entry:hover{
    transform:translateY(-2px) !important;
    box-shadow:none !important;
    filter:none !important;
    border:0 !important;
    outline:0 !important;
}


/* =========================================================
   9) منطقة صورة المنتج
   إزالة جميع ظلال CSS
========================================================= */

.s-product-card-image,
.product-entry__image{
    position:relative !important;
    min-height:455px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:var(--erq-unified-bg) !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    filter:none !important;
}


/* إزالة الإضاءة / الظل الصناعي السابق */
.s-product-card-image::before,
.product-entry__image::before{
    content:none !important;
    display:none !important;
}


/* إزالة الظل البيضاوي تحت المنتج بالكامل */
.s-product-card-image::after,
.product-entry__image::after{
    content:none !important;
    display:none !important;
    background:none !important;
    box-shadow:none !important;
    filter:none !important;
}


/* صورة العطر */
.s-product-card-image img,
.s-product-card-image-cover,
.product-entry__image img{
    position:relative !important;
    z-index:2 !important;
    width:auto !important;
    max-width:88% !important;
    max-height:375px !important;
    object-fit:contain !important;
    margin:24px auto 20px !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;

    /* مهم: لا نضيف Drop Shadow من CSS */
    filter:none !important;

    transition:transform .35s ease !important;
}

.s-product-card:hover .s-product-card-image img,
.s-product-card:hover .s-product-card-image-cover{
    transform:translateY(-2px) scale(1.02) !important;
    box-shadow:none !important;
    filter:none !important;
}


/* =========================================================
   10) أسفل بطاقة المنتج
========================================================= */

.s-product-card-content,
.product-card-content,
.product-entry__content{
    background:var(--erq-unified-bg) !important;
    padding:22px 24px 24px !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}


/* اسم المنتج */
.s-product-card-content-title,
.product-entry__title,
.product-card h3{
    color:var(--erq-black) !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.65 !important;
}


/* السعر */
.s-product-card-price,
.product-price,
.price{
    color:var(--erq-black) !important;
    font-size:17px !important;
    font-weight:700 !important;
}

s,
.old-price,
.before-price{
    color:#817A72 !important;
}

.text-red-500,
.text-red-600,
.sale-price{
    color:#982A23 !important;
    font-weight:700 !important;
}


/* =========================================================
   11) زر أضف للسلة
========================================================= */

salla-add-product-button button,
salla-add-product-button .s-button-element,
.s-button-primary,
.btn-primary,
button.s-button-primary{
    background:var(--erq-black) !important;
    background-color:var(--erq-black) !important;
    color:var(--erq-white) !important;
    border:1px solid var(--erq-black) !important;
    border-radius:14px !important;
    min-height:50px !important;
    font-size:15px !important;
    font-weight:700 !important;
    opacity:1 !important;
    box-shadow:none !important;
    transition:.25s ease !important;
}

salla-add-product-button button span,
salla-add-product-button .s-button-text,
salla-add-product-button button svg,
salla-add-product-button button i{
    color:#FFFFFF !important;
    stroke:#FFFFFF !important;
    opacity:1 !important;
}

salla-add-product-button button:hover,
.s-button-primary:hover,
.btn-primary:hover{
    background:#222222 !important;
    border-color:#222222 !important;
    color:#FFFFFF !important;
    transform:translateY(-1px);
}

salla-add-product-button button:active,
salla-add-product-button button:focus,
salla-add-product-button button:disabled,
salla-add-product-button[loading] button{
    background:var(--erq-black) !important;
    border-color:var(--erq-black) !important;
    color:#FFFFFF !important;
    opacity:1 !important;
}


/* =========================================================
   12) المفضلة
========================================================= */

salla-button.wishlist button,
.btn--wishlist{
    background:rgba(255,255,255,.22) !important;
    color:var(--erq-black) !important;
    border:1px solid rgba(100,72,44,.10) !important;
    border-radius:50% !important;
    box-shadow:none !important;
}


/* =========================================================
   13) لماذا ERQ
========================================================= */

.s-features,
.s-block--features,
.features-section,
.features-list{
    background:var(--erq-unified-bg) !important;
    padding-top:42px !important;
    padding-bottom:48px !important;
}

.s-features h2,
.s-block--features h2,
.features-section h2{
    color:var(--erq-black) !important;
    text-align:center !important;
    font-size:32px !important;
    font-weight:800 !important;
    margin-bottom:34px !important;
}

.feature-card,
.s-features__item,
.features-list > div{
    position:relative !important;
    min-height:245px !important;
    background:var(--erq-unified-bg) !important;
    border:1px solid rgba(100,72,44,.10) !important;
    border-radius:22px !important;
    padding:32px 24px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
    box-shadow:var(--erq-shadow) !important;
    transition:
        transform .35s ease,
        box-shadow .35s ease !important;
}

.feature-card:hover,
.s-features__item:hover{
    transform:translateY(-7px) scale(1.015) !important;
    box-shadow:var(--erq-shadow-hover) !important;
}


/* الأيقونات */
.feature-card img,
.feature-card svg,
.s-features__item img,
.s-features__item svg{
    width:86px !important;
    height:86px !important;
    object-fit:contain !important;
    margin-bottom:20px !important;
    color:var(--erq-brown) !important;
    transition:
        transform .45s cubic-bezier(.2,.7,.2,1),
        filter .35s ease !important;
}


/* الحركة */
.feature-card:nth-child(1):hover img,
.feature-card:nth-child(1):hover svg,
.s-features__item:nth-child(1):hover img,
.s-features__item:nth-child(1):hover svg{
    animation:erqIngredients .8s ease !important;
}

.feature-card:nth-child(2):hover img,
.feature-card:nth-child(2):hover svg,
.s-features__item:nth-child(2):hover img,
.s-features__item:nth-child(2):hover svg{
    animation:erqPresence .7s ease !important;
}

.feature-card:nth-child(3):hover img,
.feature-card:nth-child(3):hover svg,
.s-features__item:nth-child(3):hover img,
.s-features__item:nth-child(3):hover svg{
    animation:erqDelivery .7s ease !important;
}

@keyframes erqIngredients{
    0%{transform:rotate(0deg) scale(1);}
    50%{transform:rotate(6deg) scale(1.12);}
    100%{transform:rotate(0deg) scale(1.08);}
}

@keyframes erqPresence{
    0%{transform:scale(1);}
    50%{transform:scale(1.16);}
    100%{transform:scale(1.08);}
}

@keyframes erqDelivery{
    0%{transform:translateX(0);}
    35%{transform:translateX(-8px);}
    65%{transform:translateX(6px);}
    100%{transform:translateX(0);}
}


/* نصوص لماذا ERQ */
.feature-card h3,
.s-features__item h3{
    color:var(--erq-black) !important;
    font-size:21px !important;
    font-weight:800 !important;
}

.feature-card p,
.s-features__item p{
    color:var(--erq-text-soft) !important;
    font-size:14px !important;
}


/* =========================================================
   14) آراء العملاء
========================================================= */

.s-reviews,
.s-block--reviews,
.testimonials-section{
    background:var(--erq-unified-bg) !important;
    padding-top:24px !important;
    padding-bottom:42px !important;
}

.s-reviews__item,
.testimonial,
.testimonial-card{
    background:var(--erq-unified-bg) !important;
    border:1px solid var(--erq-border) !important;
    border-radius:20px !important;
    padding:24px !important;
    box-shadow:var(--erq-shadow) !important;
}

.rating-stars,
.star{
    color:#D59B27 !important;
}


/* =========================================================
   15) النصوص العامة
========================================================= */

.home-block h1,
.home-block h2,
.home-block h3,
section h1,
section h2,
section h3{
    color:var(--erq-black) !important;
}

.home-block p,
section p{
    color:var(--erq-text-soft) !important;
}


/* =========================================================
   16) الحقول
========================================================= */

input,
select,
textarea,
.form-control{
    background:rgba(255,255,255,.28) !important;
    color:var(--erq-text) !important;
    border:1px solid rgba(100,72,44,.12) !important;
    border-radius:10px !important;
    box-shadow:none !important;
}


/* =========================================================
   17) صفحة المنتج
========================================================= */

.product-single,
.product-details{
    background:transparent !important;
}

.product-details h1,
.product-single h1{
    color:var(--erq-black) !important;
    font-weight:800 !important;
}


/* =========================================================
   18) السلة والدفع
========================================================= */

.cart-item,
.cart-product,
.checkout-summary,
.cart-summary{
    background:var(--erq-unified-bg) !important;
    border:1px solid var(--erq-border) !important;
    border-radius:16px !important;
    box-shadow:none !important;
}


/* =========================================================
   19) FOOTER — CURVED PREMIUM BLACK
========================================================= */

footer,
.store-footer{
    position:relative !important;
    background:var(--erq-black) !important;
    background-color:var(--erq-black) !important;
    color:#FFFFFF !important;
    margin-top:55px !important;
    border-radius:60px 60px 0 0 !important;
    overflow:hidden !important;
    box-shadow:0 -12px 35px rgba(0,0,0,.08) !important;
}

footer .footer-is-light,
.store-footer .footer-is-light,
footer .store-footer__inner,
.store-footer__inner,
footer > div,
.store-footer > div{
    background:var(--erq-black) !important;
    background-color:var(--erq-black) !important;
    color:#FFFFFF !important;
}

footer::before,
.store-footer::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:8% !important;
    right:8% !important;
    height:1px !important;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.18),
            transparent
        ) !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer strong,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer h6{
    color:#FFFFFF !important;
}

footer p,
footer span,
footer li,
.store-footer p,
.store-footer span,
.store-footer li{
    color:#FFFFFF !important;
}

footer a,
.store-footer a{
    color:#FFFFFF !important;
    transition:
        color .25s ease,
        transform .25s ease !important;
}

footer a:hover,
.store-footer a:hover{
    color:#D8C7B3 !important;
}

footer svg,
footer i,
.store-footer svg,
.store-footer i{
    color:#FFFFFF !important;
    stroke:#FFFFFF !important;
}

footer .social-link,
.store-footer .social-link{
    background:rgba(255,255,255,.05) !important;
    color:#FFFFFF !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:50% !important;
    transition:
        transform .25s ease,
        background .25s ease !important;
}

footer .social-link:hover,
.store-footer .social-link:hover{
    background:#FFFFFF !important;
    color:#111111 !important;
    transform:translateY(-3px) !important;
}

footer hr,
.store-footer hr{
    border-color:rgba(255,255,255,.12) !important;
}

footer .copyright,
.store-footer .copyright{
    background:#080808 !important;
    color:#FFFFFF !important;
    border-top:1px solid rgba(255,255,255,.09) !important;
}


/* =========================================================
   20) MOBILE
========================================================= */

@media(max-width:767px){

    .container{
        padding-left:14px !important;
        padding-right:14px !important;
    }

    .s-block,
    .home-block{
        margin-bottom:38px !important;
    }

    .s-block__title,
    .section-title,
    section h2{
        font-size:21px !important;
    }

    .s-product-card,
    .product-card,
    .product-entry{
        min-height:auto !important;
        border-radius:18px !important;
    }

    .s-product-card-image,
    .product-entry__image{
        min-height:320px !important;
    }

    .s-product-card-image img,
    .s-product-card-image-cover,
    .product-entry__image img{
        max-height:260px !important;
        max-width:90% !important;
    }

    .feature-card,
    .s-features__item{
        min-height:190px !important;
        padding:24px 18px !important;
    }

    .feature-card img,
    .feature-card svg,
    .s-features__item img,
    .s-features__item svg{
        width:62px !important;
        height:62px !important;
    }

    salla-add-product-button button{
        min-height:44px !important;
        font-size:13px !important;
    }

    footer,
    .store-footer{
        border-radius:34px 34px 0 0 !important;
        margin-top:38px !important;
    }
}


/* =========================================================
   END — ERQ
========================================================= */

/* =========================================================
   ERQ V7 | SALLA RAED — MOBILE PRODUCT CARDS
   Addresses: full bottle/cap visibility, two columns,
   excessive space before buttons, clipped cart buttons.
   Scoped to screens <= 767px. No brand color changes.
========================================================= */
@media (max-width: 767px) {
  /* Compact but readable horizontal space for two complete cards */
  .s-products-slider .container,
  .products-slider .container,
  .s-block--products .container,
  .s-block--products-slider .container {
    padding-inline: 10px !important;
  }

  /* A product listing (not the categories or main hero slider) */
  .products-grid,
  .product-grid,
  .s-products-list:not(.swiper-wrapper) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    align-items: start !important;
  }

  /* Raed's sliding products use Swiper; fit two slides in the visible width. */
  .s-products-slider .swiper-wrapper,
  .products-slider .swiper-wrapper,
  .s-block--products-slider .swiper-wrapper {
    align-items: flex-start !important;
  }
  .s-products-slider .swiper-slide,
  .products-slider .swiper-slide,
  .s-block--products-slider .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 calc((100% - 6px) / 2) !important;
    width: calc((100% - 6px) / 2) !important;
    max-width: calc((100% - 6px) / 2) !important;
    min-width: 0 !important;
    margin-right: 6px !important;
    height: auto !important;
  }

  .s-product-card,
  .product-card,
  .product-entry {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  /* Avoid cutting the cap at the top; constrain photo inside its own box. */
  .s-product-card-image,
  .product-entry__image {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: clamp(155px, 50vw, 205px) !important;
    aspect-ratio: auto !important;
    padding: 8px 5px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .s-product-card-image img,
  .s-product-card-image-cover,
  .product-entry__image img {
    box-sizing: border-box !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  .s-product-card-content,
  .product-card-content,
  .product-entry__content {
    box-sizing: border-box !important;
    padding: 9px 7px 10px !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .s-product-card-content-title,
  .product-entry__title,
  .product-card h3 {
    font-size: 12px !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere !important;
    margin: 0 !important;
    min-height: 0 !important;
  }
  .s-product-card-price,
  .product-price {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-block: 0 !important;
  }

  /* The button must belong inside its own card, not span the entire row. */
  .s-product-card salla-add-product-button,
  .product-card salla-add-product-button,
  .product-entry salla-add-product-button {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 6px 0 0 !important;
    align-self: stretch !important;
  }
  .s-product-card salla-add-product-button button,
  .s-product-card salla-add-product-button .s-button-element,
  .product-card salla-add-product-button button,
  .product-entry salla-add-product-button button {
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 5px 3px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    transform: none !important;
  }
  .s-product-card salla-add-product-button .s-button-text,
  .product-card salla-add-product-button .s-button-text,
  .product-entry salla-add-product-button .s-button-text {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* ===========================================================
   ERQ / RAED V7.4 — MOBILE TITLE AND PRICE CENTER ALIGNMENT
   Preserve V7 imagery, palette and desktop layout.
   =========================================================== */
@media only screen and (max-width: 767px) {
  /* Center the actual text area, including nested Raed/Salla wrappers. */
  .s-product-card .s-product-card-content,
  .s-product-card .s-product-card-content-main,
  .s-product-card .s-product-card-content-sub,
  .s-product-card .s-product-card-content-footer,
  .product-card .product-card-content,
  .product-entry .product-entry__content {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    align-items: center !important;
  }
  .s-product-card .s-product-card-content-main,
  .s-product-card .s-product-card-content-sub,
  .s-product-card .s-product-card-content-main > div,
  .s-product-card .s-product-card-content-sub > div {
    margin-inline: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }
  /* Title and inner link should share the same horizontal center as price. */
  .s-product-card .s-product-card-content-title,
  .s-product-card .s-product-card-content-title a,
  .s-product-card .s-product-card-content h3,
  .s-product-card .s-product-card-content h3 a,
  .product-card .product-card-content h3,
  .product-card .product-card-content h3 a,
  .product-entry .product-entry__title,
  .product-entry .product-entry__title a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
  }
  /* Center price group, amount, currency and discounted amount together. */
  .s-product-card .s-product-card-price,
  .s-product-card .s-product-card-sale-price,
  .s-product-card .s-product-card-content [class*="price"],
  .product-card .product-card-content [class*="price"],
  .product-entry .product-entry__content [class*="price"] {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    margin-inline: auto !important;
  }
  .s-product-card .s-product-card-price,
  .s-product-card .s-product-card-sale-price,
  .s-product-card .s-product-card-content .price,
  .product-card .product-price,
  .product-entry .product-price {
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
  }
  /* Original crossed-out amount stays visibly secondary. */
  .s-product-card .s-product-card-content :is(s, del, .old-price, .before-price),
  .product-card .product-card-content :is(s, del, .old-price, .before-price),
  .product-entry .product-entry__content :is(s, del, .old-price, .before-price) {
    font-size: 11px !important;
    font-weight: 400 !important;
  }
  /* Narrow the cart button symmetrically; never overflow a card. */
  .s-product-card salla-add-product-button,
  .product-card salla-add-product-button,
  .product-entry salla-add-product-button {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    margin: 5px auto 0 !important;
    align-self: center !important;
  }
  .s-product-card salla-add-product-button button,
  .s-product-card salla-add-product-button .s-button-element,
  .product-card salla-add-product-button button,
  .product-entry salla-add-product-button button {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}