/* ShopyLi Design System 0.2.4 — Electric Pop refined, scoped to an explicit root. */
@font-face {
  font-family: 'ShopyLi Arabic';
  src: url('../fonts/Tajawal-Regular.woff2') format('woff2');
  font-style: normal; font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'ShopyLi Arabic';
  src: url('../fonts/Tajawal-Medium.woff2') format('woff2');
  font-style: normal; font-weight: 500 600; font-display: swap;
}
@font-face {
  font-family: 'ShopyLi Arabic';
  src: url('../fonts/Tajawal-Bold.woff2') format('woff2');
  font-style: normal; font-weight: 700 900; font-display: swap;
}
.shopyli-ui {
  --sh-brand: #6428ff;
  --sh-brand-hover: #4e16dc;
  --sh-brand-soft: #eee8ff;
  --sh-action: #e11d48;
  --sh-action-hover: #c9133c;
  --sh-action-ink: #ffffff;
  --sh-action-line: #e11d48;
  --sh-action-soft: #fff0f4;
  --sh-accent: #0879c4;
  --sh-accent-ink: #ffffff;
  --sh-accent-soft: #eaf5fc;
  --sh-page: #f7f8fa;
  --sh-surface: #ffffff;
  --sh-on-color: #ffffff;
  --sh-media: #f0f3f8;
  --sh-ink: #18142b;
  --sh-muted: #646477;
  --sh-line: #e4e6ef;
  --sh-control-line: #78718b;
  --sh-success: #007047;
  --sh-success-soft: #e5fff1;
  --sh-warning: #895500;
  --sh-warning-soft: #fff5d4;
  --sh-error: #c90043;
  --sh-error-soft: #fff0f5;
  --sh-disabled: #e9eaf0;
  --sh-focus: #4e16dc;
  --sh-overlay: rgb(24 20 43 / .5);
  --sh-glow-brand: none;
  --sh-glow-action: 0 3px 8px rgb(225 29 72 / .16);
  --sh-glow-action-hover: 0 4px 12px rgb(225 29 72 / .2);
  --sh-glow-selection: none;
  --sh-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sh-font-ar: 'ShopyLi Arabic', Tahoma, Arial, sans-serif;
  --sh-text-xs: .75rem;
  --sh-text-sm: .875rem;
  --sh-text-md: 1rem;
  --sh-text-lg: 1.25rem;
  --sh-text-xl: 1.5rem;
  --sh-text-2xl: 2rem;
  --sh-leading: 1.55;
  --sh-space-1: .25rem;
  --sh-space-2: .5rem;
  --sh-space-3: .75rem;
  --sh-space-4: 1rem;
  --sh-space-5: 1.25rem;
  --sh-space-6: 1.5rem;
  --sh-space-8: 2rem;
  --sh-space-10: 2.5rem;
  --sh-space-12: 3rem;
  --sh-radius-sm: .5rem;
  --sh-radius-md: .75rem;
  --sh-radius-lg: 1rem;
  --sh-radius-xl: 1.5rem;
  --sh-radius-full: 999px;
  --sh-shadow-card: 0 2px 6px rgb(24 20 43 / .04);
  --sh-shadow-raised: 0 8px 28px rgb(24 20 43 / .09);
  --sh-shadow-overlay: 0 24px 64px rgb(24 20 43 / .18);
  --sh-motion-fast: 140ms;
  --sh-motion-normal: 220ms;
  --sh-ease: cubic-bezier(.2, .8, .2, 1);
  --sh-touch: 2.75rem;
  --sh-nav-height: 4.5rem;
  --sh-product-gap: .5rem;
  --sh-product-padding: .625rem;
  --sh-product-meta-size: .6875rem;
  --sh-product-title-size: .875rem;
  --sh-product-title-line: 1.375rem;
  --sh-product-price-size: 1.0625rem;
  color: var(--sh-ink);
  background: var(--sh-page);
  font-family: var(--sh-font);
  font-size: 1rem;
  line-height: var(--sh-leading);
  text-align: start;
  overflow-wrap: anywhere;
  -webkit-tap-highlight-color: transparent;
}
.shopyli-ui:lang(ar), .shopyli-ui :lang(ar) {
  font-family: var(--sh-font-ar); --sh-leading: 1.7;
  line-height: var(--sh-leading); letter-spacing: normal;
}