/* Shop tokens — Digital Simplicity · Empire family */
:root {
  --gp-navy: #002B5B;
  --gp-navy-deep: #0A1128;
  --gp-orange: #ea580c;
  --gp-orange-hot: #ff6600;
  --gp-ink: #1e293b;
  --gp-muted: #64748b;
  --gp-paper: #f8fafc;
  --gp-white: #ffffff;
  --gp-max: 1120px;
  --gp-font-ar: "Tajawal", system-ui, sans-serif;
  --gp-font-en: "Inter", system-ui, sans-serif;
  --gp-radius: 4px;
}

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

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .shop-hero__glow, .shop-hero__showcase-glow, .shop-cat, .shop-feature { animation: none !important; }
  .shop-hero__slide { transition: none !important; transform: none !important; }
  .shop-hero__dot.is-active::after { animation: none !important; width: 100%; }
}

body.shop-body {
  margin: 0;
  color: var(--gp-ink);
  background: var(--gp-white);
  font-family: var(--gp-font-en);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  padding-bottom: calc(4.25rem + env(safe-area-inset-bottom, 0px));
}
body.shop-body[data-lang="ar"] { font-family: var(--gp-font-ar); }

.gp-skip-link {
  position: absolute;
  inset-inline-start: 0.75rem;
  top: -3rem;
  z-index: 10000;
  padding: 0.5rem 0.85rem;
  background: var(--gp-navy);
  color: #fff;
  border-radius: 0.35rem;
  font-weight: 700;
  text-decoration: none;
}
.gp-skip-link:focus { top: 0.75rem; }
.gp-main:focus { outline: none; }

.shop-wrap {
  width: min(100% - 2rem, var(--gp-max));
  margin-inline: auto;
}