/* Add custom CSS styles below */ 
/* إضافة إطار أنيق ومقوس حول عناوين الأقسام الرئيسية */
h2, .section-title {
    border: 2px solid #5a1818;
    border-radius: 8px;
    padding: 8px 16px;
    display: inline-block;
}h2, .section-title {
    border: 2px solid #5a1818;
    border-radius: 30px; /* حواف دائرية أكثر نعومة */
    background-color: #fbf6f6; /* خلفية خفيفة جداً تتماشى مع العنابي */
    padding: 10px 25px;
    display: inline-block;
}h2, .section-title {
    border-bottom: 3px double #5a1818; /* خط سفلي مزدوج فخم */
    padding-bottom: 8px;
    display: inline-block;
}h2, .section-title, .category-title, .product-title {
    border: 1px solid #5a1818;
    border-radius: 6px;
    padding: 5px 10px;
    display: inline-block;
}/* مثال لتطبيق إطار على عناوين الأقسام الرئيسية */
h2, .section-title {
    border: 2px solid #5a1818; /* لون الإطار (يمكنك تغييره ليناسب هوية متجرك) */
    border-radius: 8px; /* تقويس حواف الإطار */
    padding: 10px 20px; /* مسافة داخلية بين النص والإطار */
    display: inline-block; /* ليكون الإطار على قد النص فقط */
}h2, .section-title {
    border-bottom: 3px solid #5a1818;
    padding-bottom: 8px;
    display: inline-block;
}
/* إضافة إطار أنيق ومقوس حول عناوين الأقسام الرئيسية */
h2, .section-title {
    border: 2px solid #5a1818;
    border-radius: 8px;
    padding: 8px 16px;
    display: inline-block;
}/* تعديل خلفية صندوق خيارات المنتجات */
.product-options, .product-block, .cart-item-options {
    background-color: #ffffff; /* أو تغييرها إلى transparent لشفافية كاملة */
}