/* 1. توحيد الهوية البصرية بلمسة مخصصة */
:root {
    --unique-main-color: #2c3e50; /* يمكنك تغيير هذا للون متجرك */
    --unique-shadow: 0 4px 15px rgba(0,0,0,0.05);
    --unique-radius: 15px;
}

/* 2. تغيير شكل بطاقات المنتجات (لتبدو مختلفة عن قالب سلة الافتراضي) */
.s-product-card {
    border-radius: var(--unique-radius) !important;
    box-shadow: var(--unique-shadow) !important;
    border: 1px solid #f0f0f0 !important;
    transition: transform 0.3s ease !important;
}

.s-product-card:hover {
    transform: translateY(-5px);
}

/* 3. إبراز السعر بشكل نظيف (مهم جداً لجوجل ميرشنت) */
[class*="price"], .s-product-card-price {
    color: var(--unique-main-color) !important;
    font-weight: 800 !important;
    font-family: 'Tahoma', sans-serif !important; /* استخدام خط مختلف عن الافتراضي */
}

/* 4. إخفاء أي بصمات تدل على القالب القديم */
.powered-by, .salla-logo {
    opacity: 0.7;
    filter: grayscale(100%);
}
/* تنسيق قسم التوثيق وتقليل المسافات */
.custom-trust-section {
    display: flex;
    flex-direction: column; /* جعل العناصر تحت بعضها لتقليل العرض */
    gap: 8px;              /* تقليل المسافة بين ختم السجل ومنصة الأعمال */
    margin-top: 10px;      /* تقليل المسافة العلوية */
    padding: 0;            /* إلغاء أي مسافات داخلية إضافية */
}

.custom-badge-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
}

.custom-badge-item img {
    width: 45px;           /* تصغير الحجم قليلاً للتناسق */
    height: 45px;
    object-fit: contain;
}

.badge-info {
    line-height: 1.2;      /* تقريب السطور من بعضها */
}

.badge-info span, .badge-info p {
    font-size: 11px;
    color: #777;
    margin-bottom: 2px;
}

.badge-info b {
    font-size: 13px;
    color: #333;
}

/* إزالة أي هوامش افتراضية من حاويات سلة التي قد تسبب المسافة */
.main-footer .s-trust-badges-wrapper, 
.main-footer .sbc-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}