#fw-section-hero-1766166627 {

/* ===============================
   GLOBAL STYLE (Luxury Look)
================================ */
body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  background-color: #ffffff;
  color: #111;
  letter-spacing: 0.2px;
}

/* ===============================
   HERO / BANNER
================================ */
.hero {
  min-height: 90vh;
  padding: 0 !important;
}

.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* نحيد أي نص أو زر فوق البانر */
.hero__content,
.hero__cta,
.hero button {
  display: none !important;
}

/* ===============================
   SECTION TITLES
================================ */
h1, h2, h3 {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
}

h2 {
  font-size: 28px;
  margin-bottom: 30px;
  text-align: center;
}

/* ===============================
   PRODUCT GRID
================================ */
.product-grid {
  gap: 30px;
}

/* ===============================
   PRODUCT CARDS (Premium Effect)
================================ */
.product-card {
  background: #fff;
  border-radius: 18px;
  padding: 20px;
  transition: all 0.35s ease;
}

.product-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* Product Image */
.product-card img {
  border-radius: 14px;
}

/* Product Title */
.product-card h3 {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 15px;
  letter-spacing: 1px;
}

/* Product Price */
.product-card .price {
  font-weight: 600;
  font-size: 15px;
  margin-top: 8px;
}

/* ===============================
   BUTTONS (Luxury Black)
================================ */
button,
.btn {
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 40px !important;
  padding: 14px 28px !important;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

button:hover,
.btn:hover {
  background-color: #111 !important;
  transform: translateY(-2px);
}

/* ===============================
   NAVBAR / HEADER
================================ */
header {
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

header img {
  max-height: 42px;
}

/* ===============================
   FOOTER
================================ */
footer {
  background: #111;
  color: #aaa;
}

footer a {
  color: #aaa;
}

footer a:hover {
  color: #fff;
}

/* ===============================
   SPACING (Clean Layout)
================================ */
section {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* ===============================
   MOBILE OPTIMIZATION
================================ */
@media (max-width: 768px) {
  .hero {
    min-height: 70vh;
  }

  h2 {
    font-size: 22px;
  }

  section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .product-grid {
    gap: 20px;
  }
}
/* ===============================
   FIX BIG GAP UNDER HERO
================================ */

/* نقص الارتفاع ديال البانر شوية */
.hero {
  min-height: 75vh !important;
}

/* نقص المسافة بين البانر وأول سيكشن */
.hero + section {
  padding-top: 20px !important;
}

/* نقص padding العام */
section {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* الموبايل */
@media (max-width: 768px) {
  .hero {
    min-height: 60vh !important;
  }

  .hero + section {
    padding-top: 10px !important;
  }
}
}



#fw-section-header {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}