/* 1. القواعد العامة وتحسين الخطوط */
*, ::before, ::after {
    font-weight: 500 !important;
}

/* 2. الهيدر والشعار (Header & Logo) */
.navbar-brand img {
    max-height: 6rem !important;
    transform-origin: 50% 5em;
}

.navbar-brand {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-right: -2em;
}

.is_large .header-btn {
    padding: 0;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1px;
}

.sicon-menu::before {
    color: #000000 !important;
}

/* 3. استجابة الشاشات (Desktop vs Mobile) */
.computer { display: none; }

@media (min-width: 724px) {
    .computer { display: block; }
    .phone { display: none; }
    .ezz .container .square-grid > :nth-child(4) {
        margin-top: -17% !important;
    }
    .square-grid .banner-square {
        align-self: flex-start;
    }
}

/* 4. قسم المميزات المتجاوب (angel-feature) */
.angel-feature {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

.angel-feature .flex-center {
    flex: 1 1 150px;
    width: auto !important;
}

.angel-feature .flex-center p {
    background: linear-gradient(to left, #fff, #e2e2e2) !important;
    padding: 10px !important;
    min-height: 50px;
    border-radius: 5rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.dark .angel-feature .flex-center p {
    background: linear-gradient(to left, #fff0, #e2e2e233) !important;
}

/* 5. بطاقة المنتج (Product Cards) */
.s-product-card-entry.no-bg {
    border: 1px solid #ff8a0830 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(128, 128, 128, 0.15) !important;
    background: #fff;
    transition: transform 0.3s ease;
}

.s-product-card-price, .s-product-card-sale-price h4 {
    font-size: .99rem;
    font-weight: 800 !important;
    color: black;
}

.s-product-card-sale-price:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
    color: red;
}

/* زر أضف للسلة */
.s-product-card-content-footer salla-add-product-button .s-button-outline {
    border-radius: 99px;
    background: #f75816 !important;
    color: white !important;
    border: none !important;
}

/* 6. عناوين الأقسام والتحريك (Animations) */
.md\:text-xl, .s-block__title h2, .s-slider-block__title-right h2 {
    background-image: linear-gradient(-225deg, #a2a2a2 0%, #ccc 27%, black 67%, black 100%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 3s linear infinite;
    display: inline-block;
    font-weight: 600 !important;
}

@keyframes textclip {
    100% { background-position: 200% center; }
}

/* 7. الفوتر والبراندات */
/* تم حذف كود إخفاء الرقم الضريبي ليعود للظهور مجدداً */

.s-block--logos-slider .swiper-slide > a {
    border: 1.5px solid #fbc442;
    border-radius: 10px;
}