/* =========================================================
   TRUE STORE — LIGHT REDESIGN V2
   الصق هذا الملف فقط داخل: تخصيص متقدم > تخصيص باستخدام CSS
   مهم: احذف كود النسخة السابقة بالكامل ولا تدمج الملفين.
   ========================================================= */

:root {
  --ts-red: #d7192d;
  --ts-red-dark: #a90f20;
  --ts-red-soft: #fff0f2;
  --ts-ink: #17181c;
  --ts-text: #25272d;
  --ts-muted: #747983;
  --ts-page: #f7f8fa;
  --ts-white: #ffffff;
  --ts-line: #e8e9ed;
  --ts-line-strong: #dfe1e6;
  --ts-shadow-sm: 0 8px 24px rgba(23, 24, 28, 0.06);
  --ts-shadow-md: 0 18px 45px rgba(23, 24, 28, 0.09);
  --ts-radius-sm: 12px;
  --ts-radius-md: 18px;
  --ts-radius-lg: 26px;
}

html {
  scroll-behavior: smooth;
  background: var(--ts-page);
}

body.theme-raed {
  color: var(--ts-text);
  background: var(--ts-page) !important;
}

body.theme-raed,
body.theme-raed button,
body.theme-raed input,
body.theme-raed select,
body.theme-raed textarea {
  font-family: "Dubai", Tahoma, Arial, sans-serif;
}

body.theme-raed ::selection {
  color: #fff;
  background: var(--ts-red);
}

body.theme-raed img {
  max-width: 100%;
}

/* إزالة أي بقايا مرئية من النسخة القديمة */
body.theme-raed .ts-trust-bar,
body.theme-raed .ts-shop-now,
body.theme-raed .ts-digital-badge {
  display: none !important;
}

/* =========================================================
   1) شريط الإعلان
   ========================================================= */

body.theme-raed .s-advertisement {
  min-height: 42px;
  color: #fff !important;
  background: linear-gradient(90deg, var(--ts-red-dark), var(--ts-red), #e42639) !important;
  border: 0 !important;
}

body.theme-raed .s-advertisement-content {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
}

body.theme-raed .s-advertisement a,
body.theme-raed .s-advertisement button,
body.theme-raed .s-advertisement i {
  color: #fff !important;
}

/* =========================================================
   2) الهيدر والبحث والقائمة
   ========================================================= */

body.theme-raed .store-header {
  position: relative;
  z-index: 50;
  color: var(--ts-ink);
  background: var(--ts-white) !important;
  border-bottom: 1px solid var(--ts-line);
}

body.theme-raed .top-navbar {
  min-height: 54px;
  color: var(--ts-text);