/* =========================================================
   Silver Store - أقسام الصفحة الرئيسية: الفئات والعلامات التجارية
   كل القواعد مقيّدة بـ .sc-home-cats / .sc-home-brands،
   فلا يتأثر أي قسم أو صفحة أخرى.
   بطاقات مربّعة بحدود ناعمة بدل الدوائر + حركة خفيفة.
   ========================================================= */

.sc-home-cats,
.sc-home-brands {
    --sch-primary: #1455AC;
    --sch-accent: #1B7FED;
    --sch-ink: #15284D;
    --sch-line: #E7ECF4;
}

/* ---------- البطاقة المربّعة ---------- */
.sc-home-cats .__cate-item .__img {
    width: 100%;
    max-width: 106px;
    height: auto;
    aspect-ratio: 1;
    margin-inline: auto;
    border-radius: 14px;
    border: 1px solid var(--sch-line);
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(21, 40, 77, .04);
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.sc-home-cats .__cate-item .__img.circle {
    width: 100%;
    max-width: 106px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 14px;
}

.sc-home-cats .__cate-item .__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 13px;
    transition: transform .35s ease;
}

.sc-home-cats .__cate-item .__img .temporary-closed {
    border-radius: 14px;
}

/* ---------- الحركة الخفيفة ---------- */
.sc-home-cats .__cate-item a:hover .__img,
.sc-home-cats .__cate-item a:focus-visible .__img {
    border-color: var(--sch-accent);
    box-shadow: 0 8px 18px rgba(20, 85, 172, .12);
    transform: translateY(-4px);
}

/* الصورة كانت تصغُر عند المرور (scale .88) — الآن تكبر قليلا داخل الإطار */
.sc-home-cats .__cate-item:hover img,
.sc-home-cats .__cate-item a:hover .__img img {
    transform: scale(1.06);
}

.sc-home-cats .__cate-item h3 {
    color: var(--sch-ink);
    transition: color .25s ease;
}

.sc-home-cats .__cate-item a:hover h3 {
    color: var(--sch-primary);
}

/* ---------- استجابة الشاشات ---------- */
@media (max-width: 1199.98px) {
    .sc-home-cats .__cate-item .__img,
    .sc-home-cats .__cate-item .__img.circle {
        max-width: 96px;
    }
}

@media (max-width: 991.98px) {
    .sc-home-cats .__cate-item .__img,
    .sc-home-cats .__cate-item .__img.circle {
        max-width: 100%;
        border-radius: 12px;
    }

    .sc-home-cats .__cate-item .__img img {
        border-radius: 11px;
    }

    .sc-home-cats .__cate-item a:hover .__img {
        transform: translateY(-2px);
    }
}

/* من يفضّل تقليل الحركة لا يرى أي انتقال */
@media (prefers-reduced-motion: reduce) {
    .sc-home-cats .__cate-item .__img,
    .sc-home-cats .__cate-item .__img img,
    .sc-home-cats .__cate-item h3 {
        transition: none;
    }

    .sc-home-cats .__cate-item a:hover .__img {
        transform: none;
    }

    .sc-home-cats .__cate-item:hover img,
    .sc-home-cats .__cate-item a:hover .__img img {
        transform: none;
    }
}

/* =========================================================
   متنفّس رأسي داخل السلايدر
   owl يضع overflow:hidden على .owl-stage-outer، فحافة البطاقة
   العلوية كانت تُقصّ لحظة ارتفاعها 4px عند المرور. الحشوة توسّع
   منطقة القصّ، والهامش السالب يعيد التخطيط إلى مكانه تمامًا.
   الحشوة رأسية فقط: أي حشوة أفقية تغيّر حساب owl لعرض العناصر.
   ========================================================= */

.sc-home-brands .owl-stage-outer,
.sc-home-cats .owl-stage-outer {
    padding-block: 10px;
    margin-block: -10px;
}

/* =========================================================
   قسم العلامات التجارية — بطاقات مربّعة بدل الدوائر
   ========================================================= */

.sc-home-brands .__brand-item {
    max-width: 88px;
    width: 100%;
    margin-inline: auto;
    aspect-ratio: 1;
    border-radius: 14px;
    border: 1px solid var(--sch-line);
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(21, 40, 77, .04);
    padding: 10px;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

/* الشعارات عريضة: contain يُظهرها كاملة، وcover كان يقصّ أطرافها */
.sc-home-brands .__brand-item img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
    transition: transform .35s ease;
}

.sc-home-brands .__brand-item:hover,
.sc-home-brands .__brand-item:focus-visible {
    border-color: var(--sch-accent);
    box-shadow: 0 8px 18px rgba(20, 85, 172, .12);
    transform: translateY(-4px);
}

/* التكبير كان 1.2 فيقصّ الشعار داخل الإطار — خفّضناه */
.sc-home-brands .__brand-item:hover img {
    transform: scale(1.06);
}

@media (max-width: 991.98px) {
    .sc-home-brands .__brand-item {
        max-width: 76px;
        border-radius: 12px;
        padding: 8px;
    }

    .sc-home-brands .__brand-item:hover {
        transform: translateY(-2px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sc-home-brands .__brand-item,
    .sc-home-brands .__brand-item img {
        transition: none;
    }

    .sc-home-brands .__brand-item:hover,
    .sc-home-brands .__brand-item:hover img {
        transform: none;
    }
}