/* التصميم الأساسي */
div.menu-list {
    background: transparent;
    border: none;
    padding: 0;
    max-width: 180px;
    display: flex;
    flex-direction: column;
    text-align: right;
}

/* إخفاء النص الأخضر الموجود أصلاً */
div.menu-list > *:first-child {
    display: none !important;
}

/* العنوان الرئيسي "روابط تهمك" بالأبيض */
div.menu-list::before {
    content: "روابط تهمك";
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 15px;
    order: -2;
}

/* العنوان الفرعي */
div.menu-list::after {
    content: "تعرف على المزيد عن المتجر";
    display: block;
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 12px;
    order: -1;
}

/* الروابط */
div.menu-list a {
    color: #6b7280 !important;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    font-size: 14px;
    transition: color 0.2s ease;
}

div.menu-list a:hover {
    color: #ffffff !important;
}

/* خط فاصل بعد الروابط - للجوال فقط */
@media (max-width: 768px) {
    div.menu-list {
        text-align: center;
        margin: 0 auto;
        padding-bottom: 20px;
        border-bottom: 1px solid #122B2B;
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(-50vw + 50%);
    }
    
    div.menu-list::before,
    div.menu-list::after,
    div.menu-list a {
        text-align: center;
    }
}

/* للكمبيوتر - المحاذاة يمين */
@media (min-width: 769px) {
    div.menu-list {
        text-align: right;
    }
    
    div.menu-list::before,
    div.menu-list::after,
    div.menu-list a {
        text-align: right;
    }
}
/* إخفاء "قالوا عن bactereia" */
h2:contains("قالوا عن"),
.text-primary,
[class*="text-primary"] {
    display: none !important;
}

/* طريقة أخرى لإخفاء النص الأخضر */
h2.font-bold.text-lg {
    display: none !important;
}

/* تصميم كارد التقييم */
.flex.flex-col.w-full.px-4.pb-8.-mt-8 {
    background: linear-gradient(135deg, #1a3d3d 0%, #0d2424 100%) !important;
    border-radius: 40px !important;
    padding: 35px 25px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
    position: relative !important;
    margin-top: -32px !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
}

/* أيقونة الاقتباس الرصاصية */
.flex.flex-col.w-full.px-4.pb-8.-mt-8::before {
    content: "❝" !important;
    position: absolute !important;
    top: 20px !important;
    left: 25px !important;
    font-size: 60px !important;
    color: rgba(107, 114, 128, 0.2) !important;
    font-family: Georgia, serif !important;
}

/* صورة المستخدم */
.flex.flex-col.w-full.px-4.pb-8.-mt-8 img {
    border: 3px solid #b9d344 !important;
    box-shadow: 0 4px 12px rgba(185, 211, 68, 0.3) !important;
    border-radius: 50% !important;
}

/* اسم المستخدم */
.flex.flex-col.w-full.px-4.pb-8.-mt-8 h3 {
    color: #ffffff !important;
}

/* النجوم */
.flex.flex-col.w-full.px-4.pb-8.-mt-8 svg {
    color: #f59e0b !important;
    fill: #f59e0b !important;
}

/* نص التقييم */
.flex.flex-col.w-full.px-4.pb-8.-mt-8 p {
    color: #d1d5db !important;
}

/* إخفاء المربع الأبيض */
.da-bgg,
.bg-white.da-bgg {
    background: transparent !important;
}
/* إخفاء "قالوا عن bactereia" */
.s-slider-block__title-right {
    display: none !important;
}
/* إخفاء أيقونة الاقتباس الزيادة */
.testimonial_icon.icon-quote.scale-y-100.scale-x-100.absolute.top-4.ltr\:rig... {
    display: none !important;
}

/* طريقة أبسط */
.testimonial_icon,
.icon-quote {
    display: none !important;
}

/* إخفاء ::before إذا كانت من هناك */
div.flex.flex-col.w-full.px-4.pb-8.-mt-8::before {
    display: none !important;
}
/* تبديل وتكبير الصورة */
div.flex.flex-col.w-full.px-4.pb-8.-mt-8 img {
    content: url('https://res.cloudinary.com/dagcj6agh/image/upload/v1770879624/%D8%B9%D9%85%D9%8A%D9%84_%D8%A8%D9%83%D8%AA%D9%8A%D8%B1%D9%8A%D8%A7_p3eqtc.png') !important;
    width: 300px !important;
    height: auto !important;
    max-height: 250px !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    object-fit: contain !important;
    display: block !important;
    margin: 30px auto 15px auto !important;
}

/* إزالة الدائرة من الحاوية */
.testimonial_avatar {
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

/* تقليل المسافة بين الصورة والاسم */
.flex.flex-col.w-full.px-4.pb-8.-mt-8 h3 {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

/* تقليل المسافات في الكارد */
.flex.flex-col.w-full.px-4.pb-8.-mt-8 {
    padding: 20px 20px 25px 20px !important;
}

.flex.flex-col.w-full.px-4.pb-8.-mt-8 p {
    margin-top: 10px !important;
}
/* حذف العنوان والنص الصغير */
div.flex.flex-col.w-full > h2,
div.flex.flex-col.w-full > p {
    display: none !important;
}
/* تصغير من اليمين واليسار وتنعيم الحواف فقط */
div.faqs-list.grid.items-start.grid-cols-1.md\:grid-cols-2.gap-4 {
    gap: 12px !important;
    padding: 0 20px !important;
}

div.faqs-list.grid.items-start.grid-cols-1.md\:grid-cols-2.gap-4 > div {
    border-radius: 28px !important;
}

div.faqs-list.grid.items-start.grid-cols-1.md\:grid-cols-2.gap-4 > div > div {
    border-radius: 28px !important;
}
/* خلفية السعر - جامدة */
section.sticky-product-bar.bg-white.da-bgg.p-5.mt-4.rounded-md {
    background: #0d2424 !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
/* مربع النص - غامق وواضح */
input.s-form-control,
input[type="text"].s-form-control {
    background: rgba(13, 36, 36, 0.8) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 15px 20px !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

input.s-form-control:focus {
    background: rgba(13, 36, 36, 0.9) !important;
    box-shadow: 0 0 10px rgba(185, 211, 68, 0.2) !important;
}

/* أزرار حدد العدد */
.s-product-options-grid-mode-span button,
.s-product-options-grid-mode-span > * {
    background: linear-gradient(135deg, rgba(26, 61, 61, 0.5) 0%, rgba(13, 36, 36, 0.7) 100%) !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 12px 20px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.s-product-options-grid-mode-span button:hover,
.s-product-options-grid-mode-span > *:hover {
    background: linear-gradient(135deg, rgba(26, 61, 61, 0.7) 0%, rgba(13, 36, 36, 0.9) 100%) !important;
    transform: translateY(-2px) !important;
}

/* مربع السعر - جامد بدون إضاءة */
section.total.details.mb-5 {
    background: #0d2424 !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

section.total.details.mb-5 * {
    color: #fff !important;
    font-weight: bold !important;
}
/* المربع الكبير فقط */
.s-product-options-grid-mode-span {
    background: #1A3D3D !important;
    border-radius: 24px !important;
    padding: 15px !important;
}

/* الأزرار - تنسيق بسيط جداً */
.s-product-options-grid-mode-span label {
    background: #1A3D3D !important;
    border-radius: 24px !important;
    padding: 14px 30px !important;
    color: #ffffff !important;
}

/* المحدد */
.s-product-options-grid-mode-span input:checked + label {
    background: #0d2424 !important;
}
/* منع الزوم نهائياً */
* {
    touch-action: pan-x pan-y !important;
    user-zoom: fixed !important;
    -webkit-user-zoom: fixed !important;
    -moz-user-zoom: fixed !important;
    -ms-user-zoom: fixed !important;
}

html {
    touch-action: manipulation !important;
}

body {
    touch-action: manipulation !important;
    -ms-touch-action: manipulation !important;
}

/* منع الزوم بالضغط المزدوج */
a, button, input, select, textarea {
    touch-action: manipulation !important;
}