/* ========================================
   1. بطاقات المنتجات
   ======================================== */

[data-product-card] {
    border: 1px solid #4a2f64 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.20) !important;
    background: #fff !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
    gap: 8px !important;
}

/* تنسيق صور المنتجات */
[data-product-card] > a:first-child {
    border-radius: 6px !important;
    overflow: hidden !important;
}

/* تقليل المسافات داخل تفاصيل المنتج */
[data-product-card] > div.flex.flex-1 {
    gap: 8px !important;
}

/* تنسيق السعر */
[data-product-card] > div.flex.flex-1 p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ضبط قسم الكمية */
[data-product-card] [data-quantity-section] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ========================================
   2. أقسام المتجر الدائرية
   ======================================== */

/* المسافة بين الأقسام */
.embla__container {
    gap: 10px !important;
}

/* ضبط كل قسم */
.embla__slide {
    flex: 0 0 auto !important;
    padding-inline: 4px !important;
    margin-inline-end: 0 !important;
}

/* تكبير دوائر الأقسام وتقوية الظل */
.embla__slide .overflow-hidden {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.28) !important;
}

/* ضبط الصور داخل الدوائر */
.embla__slide img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    display: block !important;
}

/* ترتيب الصورة واسم القسم */
.embla__slide a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 5px !important;
}

/* أسماء الأقسام */
.embla__slide h3 {
    font-size: 20px !important;
    font-weight: 500 !important;
    text-align: center !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* إظهار الظل خارج منطقة عرض السلايدر */
.embla__viewport[data-carousel-viewport] {
    overflow: visible !important;
}


/* ========================================
   3. الفوتر - التذييل
   ======================================== */

/* توسيط محتويات الفوتر */
.grid.grid-cols-1.gap-8 {
    text-align: center !important;
    row-gap: 24px !important;
}

/* توسيط الشعار */
.grid.grid-cols-1.gap-8 img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* توسيط العناوين */
.grid.grid-cols-1.gap-8 h3 {
    text-align: center !important;
    width: 100% !important;
}

/* توسيط وصف المتجر */
.grid.grid-cols-1.gap-8 p {
    text-align: center !important;
    width: 100% !important;
}

/* توسيط أيقونات التواصل الاجتماعي */
.grid.grid-cols-1.gap-8 .flex.gap-3 {
    justify-content: center !important;
}

/* توسيط روابط البريد والهاتف والعنوان */
.grid.grid-cols-1.gap-8 ul li {
    justify-content: center !important;
    flex-wrap: wrap !important;
    text-align: center !important;
}

/* ضبط نصوص الروابط */
.grid.grid-cols-1.gap-8 ul li a {
    text-align: center !important;
    overflow-wrap: anywhere !important;
}

/* الحفاظ على حجم أيقونات التواصل */
.grid.grid-cols-1.gap-8 ul li > div {
    flex-shrink: 0 !important;
}


/* ========================================
   4. تنسيقات الجوال
   ======================================== */

@media (max-width: 768px) {

    /* حجم دوائر الأقسام على الجوال */
    .embla__slide .overflow-hidden {
        width: 90px !important;
        height: 90px !important;
    }

    /* المسافة بين الأقسام */
    .embla__container {
        gap: 10px !important;
    }

    /* ضبط المسافات الجانبية */
    .embla__slide {
        padding-inline: 2px !important;
    }

    /* حجم أسماء الأقسام */
    .embla__slide h3 {
        font-size: 12px !important;
    }

    /* المسافة بين الصورة والعنوان */
    .embla__slide a {
        gap: 4px !important;
    }
}


/* ========================================
   5. منع التمرير الأفقي
   دون فرض حركة على الهيدر
   ======================================== */

html,
body {
    max-width: 100%;
    overflow-x: clip;
}

/* منع الصور من تجاوز عرض الشاشة */
img {
    max-width: 100%;
    box-sizing: border-box;
}
/* ظل أسفل ويدجت تمارا */
tamara-widget.tamara-product-widget {
    display: block !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.20) !important;
    margin-bottom: 12px !important;
}

/* الحفاظ على شكل محتوى تمارا */
tamara-widget.tamara-product-widget .SnippetWrapper__SnippetWrapper__Content--ac643 {
    border-radius: 8px !important;
}
/* إضافة ظل أسفل مربع تابي */
tabby-widget,
tabby-installments,
[data-tabby],
[class*="tabby"] {
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.22) !important;
    border-radius: 8px !important;
}

/* تنسيق محتوى تابي الداخلي */
[class*="Tabby"],
[class*="tabby"] > div {
    border-radius: 8px !important;
}
ارقام الصور


/* إظهار أرقام الصور المصغرة */
.product-gallery-thumbs__slide {
    position: relative !important;
    overflow: hidden;
}

.product-gallery-thumbs__slide::after {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 19px;
    height: 19px;
    background: #4a2f64;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
    z-index: 99;
    pointer-events: none;
}

.product-gallery-thumbs__slide:nth-child(1)::after { content: "1"; }
.product-gallery-thumbs__slide:nth-child(2)::after { content: "2"; }
.product-gallery-thumbs__slide:nth-child(3)::after { content: "3"; }
.product-gallery-thumbs__slide:nth-child(4)::after { content: "4"; }
.product-gallery-thumbs__slide:nth-child(5)::after { content: "5"; }
.product-gallery-thumbs__slide:nth-child(6)::after { content: "6"; }
.product-gallery-thumbs__slide:nth-child(7)::after { content: "7"; }
.product-gallery-thumbs__slide:nth-child(8)::after { content: "8"; }
.product-gallery-thumbs__slide:nth-child(9)::after { content: "9"; }
.product-gallery-thumbs__slide:nth-child(10)::after { content: "10"; }

اختصار العنوان

/* جعل عنوان المنتج سطر واحد */

/* عنوان المنتج في سطر واحد */
.product-card a,
.product-card a *,
.product-item a,
.product-item a *,
.product a.product-title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* منع التفاف العنوان */

/* عرض عنوان المنتج في سطر واحد */
[data-product-card] h3 {
    min-width: 0 !important;
    overflow: hidden !important;
}

[data-product-card] h3 a {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}
توسيط العنوان

/* توسيط عنوان القسم */
.flex.items-center.justify-between h2 {
    text-align: center !important;
    width: 100% !important;
}

.flex.items-center.justify-between:has(> h2) {
    justify-content: center !important;