/* =========================================================
   ELECTRIC HOUSE — PREMIUM CSS-ONLY THEME
   EasyOrders | No JavaScript required
   ========================================================= */

:root{
  --eh-bg:#f4f4f2;
  --eh-surface:#ffffff;
  --eh-dark:#080a0b;
  --eh-dark2:#15191b;
  --eh-gold:#c7a15a;
  --eh-gold2:#ead39a;
  --eh-green:#16c765;
  --eh-green2:#0a9d4a;
  --eh-text:#121517;
  --eh-muted:#72777b;
  --eh-line:rgba(10,13,15,.10);
  --eh-shadow:0 12px 34px rgba(0,0,0,.075);
  --eh-shadow2:0 20px 50px rgba(0,0,0,.12);
  --eh-radius:20px;
}

*,
*:before,
*:after{box-sizing:border-box}

html{
  scroll-behavior:smooth;
}

body{
  margin:0!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(199,161,90,.055),transparent 30%),
    var(--eh-bg)!important;
  color:var(--eh-text)!important;
  font-family:Tahoma,Arial,sans-serif!important;
  overflow-x:hidden!important;
}

/* ===================== TOP TRUST BAR ===================== */

body:before{
  content:"🚚  شحن لجميع المحافظات   •   🛡️ منتجات مختارة بعناية   •   💬 خدمة عملاء";
  display:block;
  width:100%;
  padding:9px 12px;
  background:linear-gradient(90deg,#070909,#171b1d,#070909);
  color:#fff;
  text-align:center;
  font-size:11px;
  font-weight:800;
  letter-spacing:.15px;
  border-bottom:1px solid rgba(199,161,90,.22);
}

/* ===================== HEADER ===================== */

header,
nav{
  background:rgba(255,255,255,.97)!important;
  border:0!important;
  box-shadow:0 1px 0 var(--eh-line),0 8px 30px rgba(0,0,0,.045)!important;
  backdrop-filter:blur(12px)!important;
}

header a,
nav a{
  color:var(--eh-text)!important;
  font-weight:800!important;
  transition:all .2s ease!important;
}

header a:hover,
nav a:hover{
  color:var(--eh-green2)!important;
}

/* ===================== MAIN CONTAINER ===================== */

main,
[role="main"]{
  width:100%!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:16px!important;
  padding-right:16px!important;
}

/* ===================== FIRST CONTENT / HERO-LIKE BLOCK ===================== */

main > section:first-child,
main > div:first-child,
[role="main"] > section:first-child,
[role="main"] > div:first-child{
  position:relative!important;
  margin-top:20px!important;
  margin-bottom:28px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(22,199,101,.20),transparent 25%),
    radial-gradient(circle at 12% 90%,rgba(199,161,90,.16),transparent 30%),
    linear-gradient(120deg,#070909,#171b1d 60%,#0b0e0f)!important;
  color:#fff!important;
  box-shadow:var(--eh-shadow2)!important;
  border:1px solid rgba(199,161,90,.18)!important;
}

/* Decorative gold ring */
main > section:first-child:after,
main > div:first-child:after,
[role="main"] > section:first-child:after,
[role="main"] > div:first-child:after{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  border:1px solid rgba(199,161,90,.20);
  border-radius:50%;
  left:-90px;
  bottom:-145px;
  pointer-events:none;
}

/* Hero text */
main > section:first-child h1,
main > div:first-child h1,
[role="main"] > section:first-child h1,
[role="main"] > div:first-child h1{
  color:#fff!important;
  font-weight:900!important;
}

main > section:first-child h2,
main > div:first-child h2,
[role="main"] > section:first-child h2,
[role="main"] > div:first-child h2{
  color:#fff!important;
  font-weight:900!important;
}

/* ===================== TYPOGRAPHY ===================== */

h1,h2,h3,h4,h5,h6{
  font-weight:900!important;
  letter-spacing:-.3px;
}

h1{font-size:clamp(26px,4vw,44px)!important}
h2{font-size:clamp(22px,3vw,32px)!important}
h3{font-size:clamp(18px,2.5vw,25px)!important}

p{
  line-height:1.8;
}

/* ===================== PRODUCT / CATEGORY CARDS ===================== */

[class*="product-card"],
[class*="ProductCard"],
[class*="product_card"],
[class*="product-item"],
[class*="ProductItem"],
[class*="category-card"],
[class*="CategoryCard"]{
  position:relative!important;
  background:var(--eh-surface)!important;
  border:1px solid var(--eh-line)!important;
  border-radius:var(--eh-radius)!important;
  box-shadow:var(--eh-shadow)!important;
  overflow:hidden!important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease!important;
}

[class*="product-card"]:hover,
[class*="ProductCard"]:hover,
[class*="product_card"]:hover,
[class*="product-item"]:hover,
[class*="ProductItem"]:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 20px 42px rgba(0,0,0,.13)!important;
  border-color:rgba(199,161,90,.45)!important;
}

/* Product image area */
[class*="product-card"] img,
[class*="ProductCard"] img,
[class*="product_card"] img,
[class*="product-item"] img,
[class*="ProductItem"] img{
  display:block;
  width:100%;
  transition:transform .35s ease!important;
}

[class*="product-card"]:hover img,
[class*="ProductCard"]:hover img,
[class*="product_card"]:hover img,
[class*="product-item"]:hover img,
[class*="ProductItem"]:hover img{
  transform:scale(1.035)!important;
}

/* ===================== PRICES ===================== */

[class*="price"],
[class*="Price"]{
  font-weight:950!important;
  color:var(--eh-dark)!important;
  letter-spacing:.2px;
}

/* ===================== BUY BUTTONS ===================== */

button,
input[type="submit"],
input[type="button"],
a[role="button"],
[class*="buy"],
[class*="Buy"],
[class*="order"],
[class*="Order"]{
  border-radius:13px!important;
  font-weight:900!important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease!important;
}

button[type="submit"],
input[type="submit"]{
  border:0!important;
  color:#fff!important;
  background:
    linear-gradient(135deg,var(--eh-green),var(--eh-green2))!important;
  box-shadow:0 8px 22px rgba(22,199,101,.20)!important;
}

button[type="submit"]:hover,
input[type="submit"]:hover{
  filter:brightness(1.04)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(22,199,101,.28)!important;
}

/* ===================== FORM ===================== */

input,
textarea,
select{
  min-height:45px!important;
  border:1px solid #dedfdf!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--eh-text)!important;
  transition:.2s ease!important;
}

textarea{
  min-height:100px!important;
}

input:focus,
textarea:focus,
select:focus{
  outline:none!important;
  border-color:var(--eh-green)!important;
  box-shadow:0 0 0 4px rgba(22,199,101,.10)!important;
}

/* ===================== CATEGORY TABS / FILTERS ===================== */

[class*="category"] a,
[class*="Category"] a,
[class*="filter"] button,
[class*="Filter"] button{
  border-radius:999px!important;
  font-weight:800!important;
  transition:.2s ease!important;
}

[class*="category"] a:hover,
[class*="Category"] a:hover,
[class*="filter"] button:hover,
[class*="Filter"] button:hover{
  background:var(--eh-dark)!important;
  color:#fff!important;
}

/* ===================== BADGES ===================== */

[class*="badge"],
[class*="Badge"],
[class*="tag"],
[class*="Tag"],
[class*="label"],
[class*="Label"]{
  border-radius:999px!important;
  font-weight:900!important;
}

/* ===================== LINKS ===================== */

a{
  transition:.2s ease!important;
}

/* ===================== SEPARATORS ===================== */

hr{
  border:0!important;
  border-top:1px solid var(--eh-line)!important;
  margin:28px 0!important;
}

/* ===================== FOOTER ===================== */

footer{
  margin-top:45px!important;
  background:
    radial-gradient(circle at 85% 10%,rgba(22,199,101,.12),transparent 25%),
    linear-gradient(135deg,#070909,#171b1d)!important;
  color:#fff!important;
  border-top:1px solid rgba(199,161,90,.20)!important;
}

footer a{
  color:var(--eh-gold2)!important;
  font-weight:700!important;
}

footer a:hover{
  color:var(--eh-green)!important;
}

/* ===================== MOBILE ===================== */

@media(max-width:700px){

  body:before{
    font-size:9px;
    padding:8px 7px;
  }

  main,
  [role="main"]{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  main > section:first-child,
  main > div:first-child,
  [role="main"] > section:first-child,
  [role="main"] > div:first-child{
    margin-top:12px!important;
    border-radius:20px!important;
  }

  [class*="product-card"],
  [class*="ProductCard"],
  [class*="product_card"],
  [class*="product-item"],
  [class*="ProductItem"]{
    border-radius:15px!important;
  }

  button,
  input[type="submit"],
  a[role="button"]{
    min-height:44px!important;
  }

  h1{font-size:28px!important}
  h2{font-size:23px!important}
}

/* ===================== ACCESSIBILITY ===================== */

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:3px solid rgba(22,199,101,.35)!important;
  outline-offset:2px!important;
}