body,
p,
span,
a,
li,
label,
input,
button,
div {
    font-family: 'TheSans' !important;
    font-weight: 400 !important; /* Medium */
}
h1, h2, h3, h4, h5, h6,
.section-title,
.product-title,
.block-title,
.card-title,
.salla-product-card-title,
.s-product-card-title {
    font-family: 'TheSans' !important;
    font-weight: 700 !important; /* Bold */
}
button,
.add-to-cart-btn,
.salla-btn,
.btn,
.s-button {
    font-family: 'TheSans' !important;
    font-weight: 700 !important;
}


.athena-card {
    border-radius: 18px !important;
}

.athena-card img {
    border-radius: 18px 18px 0 0 !important; /* الجزء العلوي فقط للصورة */
}
/* منع أي مساحة إضافية داخل الكرت */
.athena-card {
    padding: 0 !important;
    height: auto !important;
}

/* الصورة تأخذ كامل ارتفاع الكرت */
.athena-card img {
    height: auto !important;
    display: block !important;
    width: 100% !important;
    border-radius: 18px !important;
}
/* عنوان المنتج – سطر واحد فقط مع ... */
.athena-card .product-title,
.athena-card .text-gray-900,
.product-box .product-title,
.s-product-card-entry .product-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;        /*  ← عدد الأسطر = 1 */
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: normal !important;
}
/* إزالة الخلفية من البنر بالكامل بكل طبقاته */
.banner,
.banner--fixed,
.banner a,
.banner img,
.banner--fixed img,
.banner--fixed a,
.banner--fixed div,
.banner--fixed::before,
.banner--fixed::after,
.banner::before,
.banner::after {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
/* الجوال – 2 منتجين في الصف */
@media (max-width: 575px) {
    .s-products-slider-card.swiper-slide {
        width: calc(100% / 2) !important;
    }
}

/* شاشات فوق الجوال (7 بوصة / جوالات كبيرة) – 3 منتجات */
@media (min-width: 576px) and (max-width: 767px) {
    .s-products-slider-card.swiper-slide {
        width: calc(100% / 3) !important;
    }
}

/* الآيباد – 4 منتجات */
@media (min-width: 768px) and (max-width: 991px) {
    .s-products-slider-card.swiper-slide {
        width: calc(100% / 4) !important;
    }
}

/* اللابتوب – 5 منتجات */
@media (min-width: 992px) and (max-width: 1199px) {
    .s-products-slider-card.swiper-slide {
        width: calc(100% / 5) !important;
    }
}

/* الشاشات الكبيرة – 6 منتجات */
@media (min-width: 1200px) {
    .s-products-slider-card.swiper-slide {
        width: calc(100% / 6) !important;
    }
}
/* جوال: 2 منتجات */
@media (max-width: 576px) {
    .s-products-list-vertical-cards,
    .s-products-list-filters-results {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

/* شاشات صغيرة: 3 منتجات */
@media (min-width: 577px) and (max-width: 768px) {
    .s-products-list-vertical-cards,
    .s-products-list-filters-results {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 14px !important;
    }
}

/* آيباد: 4 منتجات */
@media (min-width: 769px) and (max-width: 992px) {
    .s-products-list-vertical-cards,
    .s-products-list-filters-results {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 16px !important;
    }
}

/* كمبيوتر: 5 منتجات */
@media (min-width: 993px) {
    .s-products-list-vertical-cards,
    .s-products-list-filters-results {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 18px !important;
    }
}