/* 💠 ترتيب التابس */ .placement { text-align: center; margin-top: 2rem; margin-bottom: 1.3rem; order: 12; } /* 🔹 أزرار التابس */ .tab-buttons { display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: nowrap; width: 100%; } /* 🔹 شكل الزر */ .tab-btn { flex: 1 1 0; text-align: center; padding: 8px 16px; background-color: var(--dm-bg-sec); border: none; cursor: pointer; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; color: var(--dm-text-main); font-size: 1rem; transition: all 0.2s ease; white-space: nowrap; display: flex; align-items: center; justify-content: center; } /* 🔹 حالة التاب النشط */ .tab-btn.active-tab { background-color: #000; color: #fff; } /* 🔹 إخفاء المحتوى غير النشط */ .custom-tabs-on .product__description, .custom-tabs-on .prod-comments-wrapper { display: none; } /* 🖥️ فقط في الديسكتوب نخفي باقي الفورم (ما عدا الشراء) */ @media (min-width: 641px) { .custom-tabs-on.product-single .form.product-form > *:not(.sticky-product-bar) { display: none; } .custom-tabs-on.product-single .form.product-form.active-tab > *:not(.sticky-product-bar) { display: block; } } /* 🔹 إظهار التاب النشط فقط */ .custom-tabs-on .product__description.active-tab, .custom-tabs-on .prod-comments-wrapper.active-tab { display: block; } /* 🔹 إظهار salla-comments فقط لما القسم نشط */ .custom-tabs-on .prod-comments-wrapper.active-tab salla-comments { display: block; } /* 🖼️ أيقونات التابات */ [class^="sicon-"], [class*=" sicon-"] { padding: 0.4rem; font-size: 1rem; } /* 🔻 النقطة الحمراء الصغيرة في تاب الخيارات */ #show-options { position: relative; } .product-single #show-options:before { content: ""; position: absolute; top: 0.45rem; display: block; height: 0.4rem; width: 0.4rem; border-radius: 10000px; background-color: rgba(239, 68, 68, 1); animation: flash 2.1s infinite both; } [dir="rtl"] .product-single #show-options:before { right: 0.25rem; } [dir="ltr"] .product-single #show-options:before { left: 0.25rem; } @keyframes flash { 0% { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(3); } } /* 📱 الموبايل */ @media (max-width: 640px) { .tab-buttons { gap: 5px; } .tab-btn { font-size: 0.8rem; padding: 6px 8px; } .tab-btn i { font-size: 0.8rem; margin-inline-end: 3px; } /* ✅ في الموبايل: لا تخفي أبداً جزء الشراء */ .sticky-product-bar.bg-white.lm-bg-sec.p-5.rounded-md.rounded-b-none.rounded-t-none.dm-bg-sec.dm-text-main { display: block !important; visibility: visible !important; opacity: 1 !important; }