/* --- بداية الأنماط الإضافية لنافذة الصورة المنبثقة --- */
   .image-modal { display: none; position: fixed; z-index: 1050; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.85); cursor: pointer; }
   .image-modal-content { margin: auto; display: block; width: auto; max-width: 90%; height: auto; max-height: 85vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: default; }
   .image-modal-close { position: absolute; top: 20px;   color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; cursor: pointer; line-height: 1; }
   .image-modal-close:hover, .image-modal-close:focus { color: #bbb; text-decoration: none; cursor: pointer; }
   .product-image img, .custom-product-image img { cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; }
   .product-image img:hover, .custom-product-image img:hover { transform: scale(1.03); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }

   body { margin: 0; padding: 0; background-color: #ffffff; direction: <?php echo ($lang == 'ar') ? 'rtl' : 'ltr'; ?>;}
   :root{ --primary-color:#FED700; --shadow:none; --transition:.25s ease; }

   /* ===== عرض كامل بدون أي فراغ ===== */
   .hero-electro{
     position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw;
     padding:0; background:#fff;
   }
   body{margin:0; padding:0; overflow-x:hidden;}

   /* ===== شبكة الهيرو: عمود صغير للأقسام + كبير للسلايدر ===== */
   .hero-grid{
     display:grid; grid-template-columns: 240px 1fr; gap:0; align-items:stretch;
   }

   .container-0, .carousel-container{margin:0 !important; padding:0 !important;}
   .carousel{border-radius:0 !important; box-shadow:none !important;}
   .carousel-image{height:clamp(320px, 38vw, 540px); object-fit:cover;}
   .carousel-inner{ position:relative; }
   .carousel-control{border-radius:50%;}
.carousel-caption {
  background: none !important;
  padding: 0;
}

.carousel-caption h5 {
  display: inline-block;
  /* أصفر شفاف بنسبة 80% */
  background: rgba(254, 215, 0, 1); /* نفس #FED700 لكن بشفافية 0.8 */
  color: #111;
  padding: .25rem .6rem;
  border-radius: 6px;
  backdrop-filter: blur(2px); /* يعطي نعومة خفيفة تحت الخلفية */
}

.carousel-caption p {
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
  margin-top: 4px;
}

   /* ===== الأقسام (دِسك توب يسار) ===== */
   .dept-aside{
     background:#fff; border-radius:0; box-shadow:none; border-right:1px solid #eee;
     align-self:stretch;
     overflow:hidden;
   }
   .dept-head{
     background:var(--primary-color); color:#111; font-weight:800;
     display:flex; align-items:center; gap:10px; padding:14px 16px; font-size:15px;
   }
   .dept-list{
     display:flex; flex-direction:column; padding:6px;
     overflow-y:auto; -webkit-overflow-scrolling: touch;
   }
   .dept-item{
     display:flex; align-items:center; justify-content:flex-start;
     gap:10px; padding:10px 14px; color:#222; text-decoration:none; transition:var(--transition);
     border-bottom:1px solid #f3f3f3;
   }
   .dept-item:hover{background:#fffbe6;}
   .dept-title{font-weight:700; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
   .dept-mobile{display:none;}
   .dept-item i{ margin-inline-start:auto; }

   .dept-thumb{
     width:28px; height:28px; flex:0 0 28px;
     object-fit:contain; background:#fff; border:1px solid #eee; border-radius:6px;
     margin-inline-end:10px;
   }

   html[dir="rtl"] .hero-grid{grid-template-columns: 240px 1fr;}
   html[dir="rtl"] .dept-aside{border-right:none; border-left:1px solid #eee;}
   html[dir="rtl"] .dept-item i{transform:scaleX(-1);}

   /* ===== الموبايل: السلايد شو أولاً، الأقسام تحته ===== */
   @media (max-width: 992px){
     .hero-grid{ display:block; }
     .dept-aside{ display:none; }
     .dept-mobile{ display:block; }

     .category-box{
       border-radius:0; box-shadow:none; border:1px solid #eee;
       background:#fff; display:flex; flex-direction:column; align-items:center; gap:8px;
       min-width:46vw; padding:12px;
     }
     .category-box img{width:68px; height:68px; object-fit:contain;}
     .category-box a{text-decoration:none; color:#222; font-weight:700; font-size:.95rem;}
     .categories-container{display:flex; overflow-x:auto; gap:12px; padding:12px 6px; scrollbar-width:none;}
     .categories-container::-webkit-scrollbar{display:none;}
     .scroll-btn{width:40px; height:40px; border-radius:50%; background:#fff; border:1px solid #eee;}
   }

   @media (max-width:576px){
     .scroll-btn{display:none;}
     .carousel-caption{padding:18px;} .carousel-caption p{display:none;}
   }

   /* ==================== [هوامش جانبية عامة 30px/10px] ==================== */
   .with-side-padding { padding-left: 30px; padding-right: 30px; }
   @media (max-width:576px){
     .with-side-padding { padding-left: 10px; padding-right: 10px; }
   }





  :root{
    /* غيّر هذا إلى الأصفر الأساسي لمتجرك */
    --store-yellow: #FED700;
  }
   /* ==================== [قسم آخر الإضافات - تصميم بدون حدود/خلفية] ==================== */
  .products {
    margin: 50px 30px 40px 30px;
    padding-top: 10px; 
    padding-bottom: 8px;
    background: transparent; 
    box-shadow: none; 
    border-radius: 0;
  }

  .products h2 {
    display:flex; 
    justify-content:space-between; 
    align-items:center;
    margin: 0 0 14px; 
    font-size: 20px; 
    color:#232f3e; 
    padding-bottom:12px; 
    border-bottom:2px solid #eee;
  }

  .products h2 a{
    display:inline-flex; 
    align-items:center; 
    text-decoration:none; 
    font-size:14px; 
    color:#007185;               /* لون نص الرابط (يبقى أزرق) */
    transition:all .3s; 
    font-weight:500;
    gap: 6px;
  }
  .products h2 a:hover{ 
    color:#007185;               /* نحافظ على لون النص ولا نبدّله */
    text-decoration:underline;
  }

  /* الأيقونة (SVG) بجانب "عرض الكل" */
  .products h2 a svg{
    width:18px; 
    height:18px; 
    margin:0 6px; 
    transition: transform .3s ease;
    flex-shrink: 0;
    fill: var(--store-yellow);   /* هنا اللون الأصفر الأساسي */
  }
  .products h2 a:hover svg{ 
    transform: translateX(5px); 
  }
  /* في الواجهات الإنجليزية نعكس اتجاه السهم للحفاظ على الاتساق */
  [dir="ltr"] .products h2 a svg { 
    transform: rotate(180deg); 
  }
  [dir="ltr"] .products h2 a:hover svg { 
    transform: rotate(180deg) translateX(5px); 
  }

  .product-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 18px;
    padding: 0;
    overflow: visible;
    list-style: none;
    margin: 0;
  }

  /* هاتف: عنصر واحد في السطر */
  @media (max-width: 576px){
    .product-list{ 
      grid-template-columns: 1fr; 
      gap: 14px 14px;
    }
    .products { 
      margin: 30px 16px; 
    }
  }

  .product-card{
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 12px;
    align-items: center;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 6px 0;
    cursor: pointer;
  }
  .product-card:focus-visible{
    outline: 2px solid #007185;
    outline-offset: 2px;
    border-radius: 8px;
  }

  .product-image{
    width: 110px; 
    height: 110px; 
    border-radius: 10px; 
    overflow:hidden;
    background:#fafafa; 
    display:flex; 
    align-items:center; 
    justify-content:center;
  }
  .product-image img{
    width: 100%; 
    height: 100%; 
    object-fit: contain; 
    transition: transform .35s ease;
  }
  .product-card:hover .product-image img{ 
    transform: scale(1.03); 
  }

  .product-details{ 
    display:flex; 
    flex-direction:column; 
    gap:6px; 
    min-width:0; 
  }

  /* العنوان باللون الأزرق */
  .product-title{
    margin: 0; 
    font-size: 15px; 
    color:#1d4ed8; /* أزرق */
    font-weight:700;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden; 
    line-height:1.4;
  }

  .product-desc{
    margin: 0; 
    font-size: 13px; 
    color:#4a5568;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden; 
    line-height:1.4;
  }
  .product-desc:empty{ display:none; }

  .product-price{ 
    margin: 2px 0 0; 
    font-weight: 600; 
    font-size: 15px; 
    color:#0f1111; /* اللون الافتراضي للسعر بدون خصم */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  }
  .sale-price{ color:#b12704; } /* أحمر عند وجود خصم */
  .original-price{ 
    text-decoration: line-through; 
    color:#565959; 
    font-size: 12px; 
  }
  .discount-badge{ 
    background:#cc0c39; 
    color:#fff; 
    font-size: 11px; 
    padding:2px 6px; 
    border-radius: 3px; 
    font-weight:500; 
  }





/* ===== “المنتجات حسب القسم” ===== */
.custom-category-section { margin: 0 30px 20px 30px; padding: 20px; }
.custom-category-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; font-size:20px; color:#232f3e; padding-bottom:12px; border-bottom:2px solid #eee; }
.custom-category-arrow { display:inline-flex; align-items:center; text-decoration:none; font-size:14px; color:#007185; transition:all .3s ease; font-weight:500; }
.custom-category-arrow:hover { color:#c7511f; text-decoration:underline; }
.custom-category-arrow img { width:18px; height:18px; margin:0 6px; transition:transform .3s ease; }
.custom-category-arrow:hover img { transform:translateX(5px); }

/* شبكة المنتجات (Electro: 4 أعمدة على الديسكتوب) */
.custom-products-wrapper { display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; }

/* ===== بطاقة المنتج بأسلوب Electro ===== */
.electro-card{
  display:flex; flex-direction:column; align-items:center;
  text-align:center; text-decoration:none; color:inherit;
  padding:14px 10px; background:#fff;
  border:none; border-radius:0;            /* إزالة الحدود والحواف */
  position:relative;                       /* مطلوب للفاصل الرأسي */
  transition:box-shadow .2s ease, transform .2s ease;
}
.electro-card:hover{ box-shadow:0 6px 18px rgba(0,0,0,.07); transform:translateY(-2px); }

/* الصورة */
.electro-thumb{ width:160px; height:160px; background:#fafafa; border-radius:12px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.electro-thumb img{ width:100%; height:100%; object-fit:contain; transition:transform .25s ease; }
.electro-card:hover .electro-thumb img{ transform:scale(1.03); }

/* الميتا (فئة) */
.electro-meta{ margin:10px 0 6px; font-size:12px; color:#7a8794; line-height:1.3; }

/* العنوان الأزرق (سطران) */
.electro-title{
  margin:0 0 8px; font-size:15px; color:#1d4ed8; font-weight:700;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4;
}
.electro-card:hover .electro-title{ text-decoration:underline; }

/* الوصف سطر واحد */
.electro-desc{
  margin:2px 0 8px; font-size:13px; color:#4a5568;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4;
}

/* السعر */
.electro-price{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; }
.electro-price .amount{ white-space:nowrap; }
.electro-price .sale-price{ color:#b12704; font-weight:700; font-size:16px; }
.electro-price .price{ color:#0f1111; font-weight:600; font-size:16px; }
.electro-price .original-price{ color:#9aa1a9; text-decoration:line-through; font-size:13px; }

/* رسبونسف */
@media (max-width: 1200px){ .custom-products-wrapper{ grid-template-columns:repeat(3,1fr); } }
@media (max-width: 900px){ .custom-products-wrapper{ grid-template-columns:repeat(2,1fr); } }

/* هواتف: عمودان + صورة أكبر + نصوص أصغر (مُدمجة في بلوك واحد) */
@media (max-width: 576px){
  .custom-category-section { padding: 0 10px; }
  .custom-products-wrapper{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .electro-card{ padding: 10px 6px; }

  .electro-thumb{
    width: 150px !important;
    height: 150px !important;
  }

  .electro-title{
    font-size: 13px;
    line-height: 1.35;
    margin-bottom: 6px;
    -webkit-line-clamp: 2;
  }
  .electro-meta{
    font-size: 11px;
    margin: 6px 0 4px;
  }
  .electro-desc{
    font-size: 12px;
    margin: 4px 0 6px;
    -webkit-line-clamp: 1;
  }
  .electro-price .sale-price,
  .electro-price .price{ font-size: 14px; }
  .electro-price .original-price{ font-size: 11px; }
}

/* فاصل رأسي احترافي بين البطاقات (بدون خطوط على الأطراف) */
/* 4 أعمدة */
@media (min-width: 1201px){
  .custom-products-wrapper > .electro-card:not(:nth-child(4n+1))::before{
    content:""; position:absolute; top:12%; bottom:12%; width:1px; background:#e6e6e6; left:-9px;
  }
}
/* 3 أعمدة */
@media (min-width: 901px) and (max-width: 1200px){
  .custom-products-wrapper > .electro-card:not(:nth-child(3n+1))::before{
    content:""; position:absolute; top:12%; bottom:12%; width:1px; background:#e6e6e6; left:-9px;
  }
}
/* 2 عمود (تابلت/لابتوب صغير) */
@media (min-width: 577px) and (max-width: 900px){
  .custom-products-wrapper > .electro-card:not(:nth-child(2n+1))::before{
    content:""; position:absolute; top:12%; bottom:12%; width:1px; background:#e6e6e6; left:-9px;
  }
}
/* الهواتف (عمودان) */
@media (max-width: 576px){
  .custom-products-wrapper > .electro-card:not(:nth-child(2n+1))::before{
    content:""; position:absolute; top:12%; bottom:12%; width:1px; background:#e6e6e6; left:-6px;
  }
}

/* دعم LTR للسهم */
[dir="ltr"] .custom-category-arrow img { transform:rotate(180deg); }
[dir="ltr"] .custom-category-arrow:hover img { transform:rotate(180deg) translateX(5px); }
/* ===== زر "عرض الكل" الجديد ===== */
.view-all-link{
  display:inline-flex; align-items:center; gap:8px;
  text-decoration:none; font-size:14px; font-weight:800;
  color:#0d6efd;            /* أزرق للنص */
  padding:6px 10px;
  border:1px solid transparent;
  border-radius:999px;
  transition:color .2s ease, box-shadow .2s ease;
}
.view-all-link svg{
  width:18px; height:18px;
  fill:#ffc107;             /* أصفر ثابت */
  transition:transform .2s ease;
}
.view-all-link:hover{ text-decoration:underline; }
.view-all-link:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,193,7,.35); /* حلقة تركيز واضحة */
}
/* حركة السهم مع التحويم */
.view-all-link:hover svg{ transform: translateX(4px); }

/* اتجاه RTL: اقلب السهم وغيّر اتجاه الحركة */
[dir="rtl"] .view-all-link svg{ transform: scaleX(-1); }
[dir="rtl"] .view-all-link:hover svg{ transform: scaleX(-1) translateX(-4px); }

/* إبقاء الهيدر منسقًا */
.custom-category-title{
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:18px; font-size:20px; color:#232f3e;
  padding-bottom:12px; border-bottom:2px solid #eee;
}

/* (اختياري) على الشاشات الصغيرة: صغّر الخط قليلًا */
@media (max-width:576px){
  .view-all-link{ font-size:13px; padding:6px 8px; }
}








   /* ===== الشات بوت (كما هو) ===== */
   .chatbot-icon { position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 28px; cursor: pointer; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); z-index: 1001; transition: all 0.3s ease; }
   .chatbot-icon:hover { transform: scale(1.1); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); }
   .chatbot-window { position: fixed; bottom: 100px; right: 30px; width: 350px; height: 450px; background-color: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); overflow: hidden; display: flex; flex-direction: column; z-index: 1000; transform: translateY(20px) scale(0.95); opacity: 0; visibility: hidden; transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0s linear 0.3s; }
   .chatbot-window.active { transform: translateY(0) scale(1); opacity: 1; visibility: visible; transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0s linear 0s; }
   .chatbot-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 15px; border-top-right-radius: 15px; }
   .chatbot-header h3 { margin: 0; font-size: 18px; font-family: 'Tajawal', sans-serif; }
   .close-chat { background: none; border: none; color: white; font-size: 22px; cursor: pointer; padding: 5px; transition: transform 0.2s ease; }
   .close-chat:hover { transform: rotate(90deg); }
   .chatbot-body { flex: 1; padding: 15px; overflow-y: auto; background-color: #f9f9f9; display: flex; flex-direction: column; gap: 10px; font-family: 'Tajawal', sans-serif; }
   .chatbot-body::-webkit-scrollbar { width: 8px; }
   .chatbot-body::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }
   .message { max-width: 85%; padding: 10px 15px; border-radius: 18px; line-height: 1.4; word-wrap: break-word; font-size: 15px; animation: fadeIn 0.3s ease forwards; }
   @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
   .bot-message { background-color: #e6e6ff; align-self: flex-start; color: #333; border-bottom-left-radius: 5px; }
   .user-message { background-color: #6c5ce7; color: white; align-self: flex-end; border-bottom-right-radius: 5px; }
   .options-container { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 5px; align-self: flex-start; }
   .option { background-color: #d1e7dd; color: #155724; padding: 8px 15px; border-radius: 20px; cursor: pointer; transition: all 0.2s ease; font-size: 14px; border: 1px solid #a3cfb5; }
   .option:hover { background-color: #c3e6cb; transform: translateY(-2px); }
   .chatbot-footer { padding: 15px; background-color: white; border-top: 1px solid #eee; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
   .chat-input { display: flex; gap: 10px; }
   .chat-input input { flex: 1; padding: 10px 15px; border: 1px solid #ddd; border-radius: 25px; outline: none; font-family: 'Tajawal', sans-serif; }
   .chat-input input:focus { border-color: #6c5ce7; }
   .send-btn { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; transition: background-color 0.3s ease; }
   .send-btn:hover { background-color: #5a4ac7; }
   .chat-input input:disabled, .send-btn:disabled { background-color: #e0e0e0; cursor: not-allowed; color: #888; }
   @media (max-width: 500px) { .chatbot-window { width: 90%; height: 70%; bottom: 80px; right: 5%; left: 5%; } .chatbot-icon { bottom: 20px; right: 20px; width: 50px; height: 50px; font-size: 24px; } }





  :root{
    --store-yellow: #F5C518;  /* غيّر هذا إن كان لديك لون أصفر مختلف */
    --text-dark:   #232f3e;
    --muted:       #7a8794;
    --bg-soft:     #f9fafb;
    --input-bg:    #f9f9f9;
    --border:      #e5e7eb;
    --accent:      #e9c46a;   /* ظل قريب إن أردت */
  }

  .contact-section{
    width: 100%;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0,0,0,.06);
    transition: box-shadow .3s ease, transform .2s ease;
  }
  .contact-section:hover{ box-shadow: 0 12px 40px rgba(0,0,0,.08); transform: translateY(-1px); }

  .section-title{
    text-align:center; font-size: 24px; color: var(--text-dark);
    margin: 0; padding: 22px 16px 10px; position: relative;
  }
  .section-title::after{
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    bottom: 0; width: 80px; height: 3px; background: var(--store-yellow); border-radius: 2px;
  }

  /* شبكة الحقول: عمودان على الشاشات المتوسطة وفوق */
  .contact-form{
    display: grid; gap: 16px; padding: 20px;
    grid-template-columns: 1fr;
  }
  @media (min-width: 768px){
    .contact-form{ grid-template-columns: 1fr 1fr; }
    .contact-form .field-full{ grid-column: 1 / -1; }
  }

  .form-field{
    display: flex; flex-direction: column; gap: 8px;
  }
  .form-label{
    font-size: 13px; color: var(--muted);
  }
  .form-input, .form-textarea{
    width: 100%; padding: 14px 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    font-size: 14px; color: #333;
    transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
    background: var(--input-bg);
  }
  .form-input:focus, .form-textarea:focus{
    border-color: var(--store-yellow);
    box-shadow: 0 0 0 4px rgba(245, 197, 24, 0.25);
    outline: none; background: #fff;
  }
  .form-input[readonly], .form-input[disabled]{ background: #f3f4f6; color:#666; cursor:not-allowed; }

  .form-textarea{ min-height: 130px; resize: vertical; }

  /* نجوم التقييم */
  .rating{
    display: inline-flex; gap: 6px; direction: ltr; /* لضمان ترتيب النجوم بصريًا */
  }
  .rating input{ display: none; }
  .rating label{
    width: 28px; height: 28px; cursor: pointer; position: relative;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.05));
  }
  .rating label::before{
    content: "☆"; position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size: 26px; color: #c9ced6; transition: color .2s ease, transform .2s ease;
  }
  .rating input:checked ~ label::before{ color: #c9ced6; }
  /* تلوين من اليسار إلى قيمة المختارة باستخدام اتجاه LTR */
  .rating label:hover ~ label::before{ color:#c9ced6; }
  .rating label:hover::before{ color: var(--store-yellow); transform: scale(1.06); }
  .rating input#rate-1:checked ~ label[for="rate-1"]::before,
  .rating input#rate-2:checked ~ label[for="rate-1"]::before,
  .rating input#rate-2:checked ~ label[for="rate-2"]::before,
  .rating input#rate-3:checked ~ label[for="rate-1"]::before,
  .rating input#rate-3:checked ~ label[for="rate-2"]::before,
  .rating input#rate-3:checked ~ label[for="rate-3"]::before,
  .rating input#rate-4:checked ~ label[for="rate-1"]::before,
  .rating input#rate-4:checked ~ label[for="rate-2"]::before,
  .rating input#rate-4:checked ~ label[for="rate-3"]::before,
  .rating input#rate-4:checked ~ label[for="rate-4"]::before,
  .rating input#rate-5:checked ~ label[for="rate-1"]::before,
  .rating input#rate-5:checked ~ label[for="rate-2"]::before,
  .rating input#rate-5:checked ~ label[for="rate-3"]::before,
  .rating input#rate-5:checked ~ label[for="rate-4"]::before,
  .rating input#rate-5:checked ~ label[for="rate-5"]::before{
    content: "★"; color: var(--store-yellow);
  }

  .contact-actions{
    display: flex; gap: 10px; justify-content: center; padding: 0 20px 22px;
  }
  .btn-submit{
    display:inline-flex; align-items:center; justify-content:center;
    padding: 12px 18px; background: var(--store-yellow); color: #232f3e;
    font-weight: 700; font-size: 15px; border: none; border-radius: 10px;
    cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
    width: 100%; max-width: 340px;
  }
  .btn-submit:hover{ transform: translateY(-2px); box-shadow: 0 8px 20px rgba(245,197,24,.25); }
  .btn-submit:active{ transform: translateY(0); }

  .popup-message{
    padding: 14px 16px; margin: 14px 20px 0; text-align:center; border-radius: 10px;
    background: #d4edda; color:#155724; border:1px solid #c3e6cb;
    opacity: 0; transition: opacity .5s ease;
  }

  /* دعم LTR */
  [dir="ltr"] .section-title { font-family: 'Arial', sans-serif; }
  [dir="ltr"] .form-input, [dir="ltr"] .form-textarea { direction: ltr; text-align: left; }