/* تنسيق الأقسام */
.usage-tips-section, .faq-section, .payment-section {
    border: none;
    margin-bottom: 10px;
    border-radius: 8px;
    color: #fff; /* النص باللون الأبيض */
}

/* تنسيق ترويسات الأقسام */
.usage-tips-section h2, .faq-section h2, .payment-section h2 {
    background-color: #000; /* لون خلفية داكن للعناوين */
    color: #fff; /* لون النص أبيض */
    padding: 9px;
    font-size: 13px; /* تصغير حجم الخط */
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 8px;
}

/* التأكد من أن العناصر الداخلية (مثل أيقونات +) ترث نفس لون النص */
.usage-tips-section h2 span, .faq-section h2 span, .payment-section h2 span {
    color: inherit;
}

/* تنسيق الأيقونات */
.faq-toggle-icon, .usage-toggle-icon, .payment-toggle-icon {
    font-size: 14px; /* تصغير حجم الأيقونة */
    background-color: #000; /* لون خلفية داكن */
    color: #fff; /* لون الأيقونة */
    border-radius: 50%;
    width: 20px; 
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* تنسيق محتوى الأقسام */
.faq-content, .usage-content, .payment-content {
    padding: 15px;
    background-color: #f9f9f9; /* خلفية فاتحة للمحتوى */
    color: #333; /* نص داكن */
    font-size: 13px; /* تصغير حجم الخط */
    line-height: 1.8;
    border-radius: 8px;
}

/* مسافات بين العناصر داخل الأقسام */
.faq-item, .usage-item {
    margin-bottom: 10px;
}

/* تنسيق خيارات المنتج وحقل الكمية */
.s-product-options-wrapper, .s-quantity-input-input, .s-quantity-input-button svg {
    background-color: #f3f3f3;
    border-radius: 8px;
}
.text-base {
    font-size: 0.9rem;
    line-height: 1.5rem;
}



.s-product-options-wrapper, .s-quantity-input-input, .s-quantity-input-button svg {
    text-align-last: center;
}
.s-product-options-grid-mode {
    justify-content: center;
}
.text-store-text-primary {
    text-align-last: center;
}
.text-store-text-secondary {
    text-align: center;
}
.whitespace-nowrap {
    justify-content: center;
    }
    
/* تنسيق قسم القسيمة الشرائية بنفس نمط الأقسام الأخرى */
.custom-section {
    background-color: #fff0d3;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;             
    direction: rtl;  
    text-align: right; 
    margin-top: 10px;
    margin-bottom: 15px;
}
/* تنسيق الأيقونة */
.custom-section .icon {
    font-size: 22px;    
    color: #333333;     
    margin-top: 4px;   
}
/* تنسيق النصوص */
.custom-section .flex-col {
    display: flex;
    flex-direction: column;
    gap: 4px;                   
}
/* العنوان */
.custom-section span.text-sm {
    font-size: 14px;     
    font-weight: 500;     
    color: #000;    
}
/* الوصف */
.custom-section span.opacity-60 {
    font-size: 14px;     
    color: #000;   
}