@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');

:root {
  /* الألوان - Colors */
  --ebmenu1-color-bg-main: hwb(210 97% 2%);
  /* لون خلفية الصفحة */
  --ebmenu1-color-primary: #4B362D;
  --ebmenu1-color-white: #ffffff;
  --ebmenu1-color-black: #000;
  /* اللون البرتقالي الأساسي للموقع والأزرار */
  --ebmenu1-color-text-main: #1f2937;
  /* لون النص الأساسي */
  --ebmenu1-color-text-desc: #4b5563;
  /* لون نص الوصف */
  --ebmenu1-color-price-old: #9ca3af;
  /* لون السعر المشطوب */
  --ebmenu1-color-badge-bg: #4B362D;
  /* لون خلفية الخصم */
  --ebmenu1-color-badge-text: #ffffff;
  /* لون نص الخصم */
  --ebmenu1-color-btn-shadow: rgba(156, 163, 175, 0.623)f;


  /* ألوان للحدود والأيقونات (مفصلة كما طلبت) */
  --ebmenu1-color-border-slider: #e5e7eb;
  --ebmenu1-color-border-qty: #d1d5db;
  --ebmenu1-color-border: #d1d5db;
  --ebmenu1-color-icon-slider: #6b7280;
  --ebmenu1-color-icon-zoom: #1f2937;
  --ebmenu1-qty-border-color: #000000;
  /* ألوان المودال */
  --ebmenu1-color-modal-overlay: rgba(31, 41, 55, 0.7);
  /* رمادي زجاجي شفاف */
  --ebmenu1-color-modal-text: #ffffff;

  /* أحجام الخطوط - Font Sizes using clamp */
  --ebmenu1-font-title: clamp(1.5rem, 4vw, 2rem);
  --ebmenu1-font-para-title: clamp(1.25rem, 3vw, 1.75rem);
  --ebmenu1-font-para-text: clamp(1rem, 2.5vw, 1.5rem);
  --ebmenu1-font-price-new: clamp(1.25rem, 3vw, 1.75rem);
  --ebmenu1-font-price-old: clamp(1rem, 2vw, 1.25rem);
  --ebmenu1-font-desc: clamp(0.9rem, 1vw, 1rem);
  --ebmenu1-font-btn: clamp(1rem, 2vw, 1.1rem);

  --ebmenu1-qty-control-font: clamp(1.2rem, 2vw, 1.2rem);

  /* fix: stray "f" was breaking this declaration entirely */
  --ebmenu1-color-btn-shadow: rgba(156, 163, 175, 0.623);

  /* تفاصيل المنتج - Product details table */
  --ebmenu1-details-label-width: 220px;
  --ebmenu1-details-divider-color: var(--ebmenu1-color-border);

  --ebmenu1-details-header-bg: var(--ebmenu1-color-primary);
  --ebmenu1-details-header-text: var(--ebmenu1-color-white);
  --ebmenu1-details-header-fs: var(--ebmenu1-font-para-title);
  --ebmenu1-details-header-fw: 700;

  --ebmenu1-details-label-fs: var(--ebmenu1-font-para-text);
  --ebmenu1-details-label-fw: 600;

  --ebmenu1-details-value-fs: var(--ebmenu1-font-desc);
  --ebmenu1-details-value-fw: 400;
}



/* Main Container */
.ebmenu1-product-page {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  /* حواف داخلية للصفحة كاملة */
  max-width: 1440px;
  margin: auto;
  width: calc(100% - 2em);

  padding-top: 20px;

  /* للتوسيط فقط */
}

/* Desktop Layout (2 Columns) */
@media (min-width: 768px) {
  .ebmenu1-product-page {
    flex-direction: row;
    align-items: flex-start;
  }
}