body{background:#fff}.store-top{background:var(--navy);color:white;padding:8px 5%;font-size:13px;letter-spacing:.07em;display:flex;justify-content:space-between}.store-nav{display:flex;flex-wrap:wrap;gap:14px;padding:12px 5%;border-bottom:1px solid var(--line);align-items:center}.store-nav button{background:transparent;color:var(--navy);padding:4px 7px}.store-nav a{text-decoration:none}.store-nav .active{border-bottom:3px solid var(--orange);border-radius:0}.hero-stage{position:relative;min-height:430px;background:#e8f3fb}.hero-slide{display:grid;grid-template-columns:1fr 1fr;min-height:430px;align-items:center}.hero-copy{padding:45px 10%}.hero-copy h1{font-size:clamp(32px,4.1vw,62px);line-height:1.06;letter-spacing:-.035em;margin:16px 0 22px;max-width:650px;white-space:pre-line}.hero-copy p{font-size:18px;color:var(--muted);white-space:pre-line}.hero-media{width:100%;height:430px;object-fit:cover;background:#103453}.hero-slide.video{display:block;position:relative}.hero-slide.video .hero-media{height:530px;object-fit:contain}.hero-slide.video .hero-copy{position:absolute;inset-inline-start:4%;bottom:60px;max-width:560px;background:#174b7bdd;color:white;padding:22px 28px;border-radius:12px;pointer-events:none}.hero-slide.video .hero-copy h1{font-size:34px}.hero-slide.video .hero-copy p{color:#fff}.hero-slide.video .hero-copy a{pointer-events:auto}.slide-controls{background:white;display:flex;justify-content:center;gap:14px;padding:14px}.slide-controls button{background:#e8f3fb;color:var(--navy);padding:6px 15px}.slide-controls .selected{background:var(--navy);color:#fff}.catalog{padding:65px 5%;max-width:1550px;margin:auto}.catalog h2{font-size:38px;letter-spacing:-.035em;margin:8px 0}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--navy);font-weight:bold}.search{max-width:330px;width:100%}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.filters button{background:#eef5fa;color:var(--navy)}.filters .selected{background:var(--navy);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.product-visual{display:block;width:100%;height:210px;background:#f0f6fa;color:var(--navy);border-radius:0;padding:20px;position:relative}.product-visual img{width:100%;height:100%;object-fit:contain}.product-visual svg{height:95px;width:95px;color:var(--blue);stroke:currentColor;fill:none;stroke-width:1.4}.product-copy{padding:20px}.product-copy h3{margin:8px 0;font-size:19px}.product-name{background:transparent;color:var(--navy);padding:0;text-align:start}.product-copy p{color:var(--muted);font-size:14px;min-height:44px}.product-category{font-size:12px;font-weight:bold;text-transform:uppercase;color:#2a6b98}.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.price-row button{background:var(--orange);color:var(--navy);padding:8px 13px}.sold-label{position:absolute;inset-inline-start:12px;top:12px;background:var(--orange);color:#173a5a;padding:3px 8px;font-size:13px;border-radius:5px}.bottom-banner{background:var(--navy);color:#fff;padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.bottom-banner h2{font-size:32px}.store-footer{padding:35px 5%;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.store-footer a{color:var(--navy)}.bag-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.quantity{display:flex;align-items:center;gap:10px}.quantity button{padding:4px 12px}.toast{position:fixed;bottom:25px;inset-inline-end:25px;background:var(--navy);color:#fff;padding:15px 22px;border-radius:10px;z-index:50;box-shadow:0 5px 25px #174b7b33}.spec-list{padding-inline-start:22px}.checkout-total{font-size:23px;font-weight:bold}.site-header .cart{background:var(--orange);color:#153d61}.rtl-text{direction:rtl}[hidden]{display:none!important}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:32px}.hero-copy h1{font-size:40px}.hero-slide.video .hero-copy{max-width:400px}.hero-slide.video .hero-copy h1{font-size:28px}}@media(max-width:600px){.hero-slide{grid-template-columns:1fr}.hero-copy{padding:28px}.hero-copy h1{font-size:36px}.hero-media{height:270px}.hero-slide.video .hero-media{height:330px}.hero-slide.video .hero-copy{position:static;background:var(--navy);max-width:none;border-radius:0}.product-grid{gap:12px}.product-visual{height:155px;padding:12px}.product-copy{padding:13px}.product-copy h3{font-size:16px}.price-row{flex-wrap:wrap}.catalog{padding:35px 16px}.catalog h2{font-size:30px}.bottom-banner{display:block}.bag-line{grid-template-columns:1fr auto}.bag-line .line-total{grid-column:1/-1}.store-top{font-size:11px}.hero-slide.video .hero-copy h1{font-size:28px}.site-header img{width:110px}}
.hero-stage {
  min-height: 0;
}

.hero-slide,
.hero-slide.video {
  position: relative;
  display: flex;
  align-items: center;
  isolation: isolate;
  min-height: 560px;
  overflow: hidden;
  background: #174b7b;
}

/* Image/video fills the entire slide */
.hero-slide .hero-media,
.hero-slide.video .hero-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

/* Dark overlay keeps the text readable */
.hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / 40%);
  z-index: -1;
  pointer-events: none;
}

/* Text sits over the background */
.hero-slide .hero-copy,
.hero-slide.video .hero-copy {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: 850px;
  box-sizing: border-box;
  padding: 60px 5% 90px;
  background: transparent;
  border-radius: 0;
  color: #fff;
  pointer-events: none;
}

.hero-slide .hero-copy p,
.hero-slide .hero-copy .eyebrow {
  color: #fff;
}

.hero-slide .hero-copy a {
  pointer-events: auto;
}

@media (max-width: 600px) {
  .hero-slide,
  .hero-slide.video {
    min-height: 420px;
  }

  .hero-slide .hero-copy,
  .hero-slide.video .hero-copy {
    padding: 35px 24px 75px;
  }
}
@media (max-width: 700px) {

  /* الشريط العلوي */
  .store-top {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px 12px;
    padding: 6px 12px;
    text-align: center;
    letter-spacing: 0;
    font-size: 12px;
  }

  /* اللوجو وأزرار الحساب */
  .site-header {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 16px;
    padding: 10px 12px;
  }

  .site-header > a {
    flex: 0 0 auto;
    line-height: 0;
  }

  .site-header img {
    display: block;
    width: 105px;
    height: 58px;
  }

  .site-header .header-actions {
    flex: 1 1 210px;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    font-size: 14px;
  }

  .site-header .header-actions > a,
  .site-header .header-actions > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px;
    white-space: nowrap;
  }

  .site-header .cart {
    gap: 4px;
  }

  /* التصنيفات: صف واحد قابل للسحب */
  .store-nav,
  .catalog .filters {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scroll-padding-inline: 12px;
  }

  .store-nav {
    padding: 8px 12px;
  }

  .store-nav > *,
  .catalog .filters > * {
    flex: 0 0 auto;
    white-space: nowrap;
    min-height: 44px;
    font-size: 14px;
  }

  .store-nav > button,
  .store-nav > a {
    display: inline-flex;
    align-items: center;
    padding: 8px 10px;
  }

  /* أزرار التنقل بين السلايدات */
  .slide-controls {
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 12px;
  }

  .slide-controls button {
    min-width: 44px;
    min-height: 44px;
    padding: 6px 10px;
    font-size: 14px;
  }

  /* تقليل المسافات قبل المنتجات */
  .catalog {
    padding: 28px 16px;
  }

  .catalog > .toolbar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .catalog > .toolbar > div {
    min-width: 0;
  }

  .catalog .eyebrow {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }

  .catalog h2 {
    margin: 8px 0 0;
    font-size: clamp(26px, 7vw, 34px);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  .catalog .search {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .catalog .search input {
    min-height: 46px;
    font-size: 16px;
  }

  .catalog .filters {
    margin: 18px 0 12px;
    padding-bottom: 6px;
  }

  .catalog .filters button {
    padding: 8px 14px;
  }

  #result-count {
    margin: 0 0 16px;
    font-size: 14px;
  }

  /* كروت المنتجات */
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .product-card {
    min-width: 0;
  }

  .product-copy {
    padding: 12px;
  }

  .product-copy h3 {
    font-size: 16px;
    overflow-wrap: anywhere;
  }

  .price-row {
    flex-wrap: wrap;
    gap: 10px;
  }

  .price-row button {
    width: 100%;
    min-height: 44px;
  }
}
@media (max-width: 700px) {

  /* اللوجو في صف، وأزرار التحكم في صف واحد تحته */
  html[dir="rtl"] .site-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 8px;
    padding: 10px 16px;
  }

  html[dir="rtl"] .site-header img {
    width: 120px;
    height: 62px;
  }

  html[dir="rtl"] .site-header .header-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 8px;
    font-size: 14px;
  }

  html[dir="rtl"] .header-actions > a,
  html[dir="rtl"] .header-actions > button {
    min-height: 44px;
    padding: 8px 10px;
    white-space: nowrap;
  }

  /* ترتيب التصنيفات من اليمين مع السحب الأفقي */
  html[dir="rtl"] .store-nav,
  html[dir="rtl"] .catalog .filters {
    direction: rtl;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: 100%;
    overflow-x: auto;
  }

  /* تحسين قراءة العنوان العربي */
  html[dir="rtl"] .hero-slide .hero-copy,
  html[dir="rtl"] .hero-slide.video .hero-copy {
    text-align: right;
    padding: 36px 24px 80px;
  }

  html[dir="rtl"] .hero-slide .hero-copy h1,
  html[dir="rtl"] .hero-slide.video .hero-copy h1 {
    font-size: clamp(28px, 7.5vw, 36px);
    line-height: 1.55;
    letter-spacing: 0;
    margin: 12px 0 16px;
    overflow-wrap: break-word;
  }

  html[dir="rtl"] .hero-copy p {
    font-size: 18px;
    line-height: 1.8;
    margin: 0 0 20px;
  }

  html[dir="rtl"] .hero-copy .btn {
    font-size: 16px;
    padding: 12px 20px;
  }

  html[dir="rtl"] .catalog h2 {
    line-height: 1.5;
    letter-spacing: 0;
    overflow-wrap: break-word;
  }

  html[dir="rtl"] .catalog .eyebrow,
  html[dir="rtl"] .product-category {
    letter-spacing: 0;
  }
}