/* =========================================================
   Angel Script — v30 "Perfect Edition"
   احذف كل CSS القديم والصق هذا الملف كاملًا فقط.
   يُستخدم مع Angel Store - JavaScript v34.js
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700;800;900&display=swap");

:root {
  --angel-gold: #d4af37;
  --angel-gold-light: #fff1b8;
  --angel-gold-dark: #9a7216;
  --angel-ink: #111111;
  --angel-soft: #fffdf7;
}

/* .store-content عند سلة أحيانًا flex-direction:row (بسبب has-hero-area)،
   وهذا يضغط الهيرو وقسم المنتجين لعمود ضيق بدل عرض كامل. نرجعها عمود عادي بالرئيسية. */
body.angel-home-page .store-content {
  display: block !important;
}

html { scroll-behavior: smooth; }

header,
.store-header,
.navbar,
.main-nav-container,
.site-header {
  background: rgba(255,255,255,.90) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(212,175,55,.18) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.04) !important;
}

/* لا نخفي منتج سلة إلا في الرئيسية. */
body.angel-home-page .angel-native-product-hidden {
  position: fixed !important;
  left: -10000px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* شاشة البداية */
#angel-splash {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at center, #fffdf5 0%, #ffffff 100%);
  opacity: 1;
  transition: opacity .7s ease;
}
#angel-splash.angel-splash-out {
  opacity: 0;
  pointer-events: none;
}
#angel-splash-img {
  width: min(190px, 48vw);
  max-height: 42vh;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(132,92,14,.16);
}

/* الشعار والشريط العلوي */
.angel-logo-bar {
  display: flex;
  justify-content: center;
  padding: 10px 16px;
}
.angel-logo-top {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(212,175,55,.5);
  box-shadow: 0 8px 26px rgba(132,92,14,.14);
}
.angel-topbar {
  position: relative;
  z-index: 9997;
  overflow: hidden;
  padding: 14px 0;
  border-bottom: 1px solid rgba(212,175,55,.25);
  background: linear-gradient(90deg, #ffffff, #fff4c9, #ffffff);
}
.angel-topbar-marquee {
  width: 100%;
  overflow: hidden;
  direction: ltr;
}
.angel-topbar-track {
  display: inline-flex;
  white-space: nowrap;
}
.angel-topbar-item {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  color: #111111;
  font-weight: 900;
  font-size: 19px;
}
.angel-topbar-code {
  padding: 6px 18px;
  border-radius: 999px;
  color: #6f4d09;
  background: linear-gradient(135deg, #ffffff, #fff1b8);
  border: 1px solid rgba(212,175,55,.52);
}

/* البانر */
.angel-hero {
  position: relative;
  overflow: hidden;
  width: min(92%, 1380px);
  min-height: 560px;
  margin: 24px auto 40px;
  border-radius: 38px;
  border: 1px solid rgba(212,175,55,.30);
  box-shadow: 0 24px 72px rgba(132,92,14,.14);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 62% 12% !important;
  display: flex;
  align-items: center;
}
.angel-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    270deg,
    rgba(255,255,255,.95) 0%,
    rgba(255,255,255,.78) 34%,
    rgba(255,255,255,.25) 66%,
    rgba(255,255,255,.03) 100%
  );
}
.angel-hero-content {
  position: relative;
  z-index: 1;
  width: min(54%, 720px);
  padding: 54px 52px;
  text-align: right;
  direction: rtl;
}
.angel-hero h2 {
  display: inline-block;
  margin: 0 0 28px;
  color: #111111 !important;
  font-size: clamp(38px, 5.2vw, 72px);
  line-height: 1.12;
  font-weight: 900;
  direction: rtl;
  unicode-bidi: plaintext;
  white-space: nowrap;
}
.angel-btn.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 0 36px;
  border-radius: 999px;
  color: #111111 !important;
  font-size: 17px;
  font-weight: 900;
  text-decoration: none !important;
  background: linear-gradient(135deg, var(--angel-gold), var(--angel-gold-light));
  border: 1px solid rgba(212,175,55,.55);
  box-shadow: 0 14px 34px rgba(212,175,55,.24);
  transition: transform .22s ease, box-shadow .22s ease;
}
.angel-btn.primary::after {
  content: " ↓";
  margin-inline-start: 8px;
}
.angel-btn.primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 44px rgba(212,175,55,.32);
}

/* المنتج الصغير الوحيد: محاذاة يمين فعلية، لا تتأثر باتجاه RTL. */
.angel-product-spotlight {
  width: min(92%, 1380px);
  margin: 0 auto 74px;
  display: block;
  direction: ltr;
  opacity: .94;
  transition: opacity .34s ease;
}
.angel-product-spotlight.angel-is-near {
  opacity: 1;
}

/* شبكة منتجَي الواجهة: الأول بالترتيب (الجديد) يظهر يمين لأنها RTL، والثاني (القديم) يسار.
   flex بدل grid حتى تلتصق البطاقتان ببعض بدل ما تنكسر المسافة بينهما لحافتي العمود. */
.angel-product-spotlight-grid {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.angel-product-slot {
  flex: 0 0 auto;
  min-width: 0;
}

/* بطاقة Black Ops 7: لا إطار أسود ولا قص مشوّه. */
.angel-game-thumb {
  width: 236px;
  height: 104px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background-size: 180% !important;
  background-position: 61% 18% !important;
  border: 1px solid rgba(212,175,55,.46);
  box-shadow: 0 12px 28px rgba(132,92,14,.15);
}
.angel-game-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15,9,1,.12), rgba(255,237,185,.05));
}
.angel-game-thumb span {
  position: relative;
  z-index: 1;
  display: block;
  color: #fffaf0;
  font-family: Impact, "Arial Black", Arial, sans-serif;
  font-size: 29px;
  line-height: 1;
  letter-spacing: 1px;
  white-space: nowrap;
  text-shadow:
    0 3px 0 rgba(101,65,7,.88),
    0 0 16px rgba(255,212,103,.9),
    0 2px 12px rgba(0,0,0,.7);
}

/* بطاقة المنتج */
.angel-compact-product-wrap {
  width: 318px;
  max-width: 100%;
  margin-top: 13px;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  z-index: 5;
  direction: rtl;
}
.angel-compact-product {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #111111 !important;
  text-decoration: none !important;
  background: #ffffff;
  border: 1px solid rgba(212,175,55,.28);
  border-radius: 22px;
  box-shadow: 0 15px 40px rgba(132,92,14,.13);
  transform: scale(1);
  transform-origin: top right;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
  will-change: transform;
}
.angel-compact-product:hover,
.angel-compact-product:focus-visible {
  transform: scale(1.045) !important;
  border-color: rgba(212,175,55,.74);
  box-shadow: 0 25px 58px rgba(132,92,14,.25);
}
.angel-compact-product-image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  opacity: 1 !important;
  filter: none !important;
  background: #080808;
}
.angel-compact-product-info {
  padding: 12px 15px 14px;
  text-align: right;
  direction: rtl;
}
.angel-compact-product-name {
  color: #111111;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 900;
}
.angel-compact-product-price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 4px;
}
.angel-compact-product-price del {
  color: #999999 !important;
  font-size: 13px;
}
.angel-compact-product-price strong {
  color: #d8402f !important;
  font-size: 17px;
  font-weight: 900;
}

/* زر سلة واحد فقط في البطاقة الصغيرة. */
.angel-add-single {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 50px !important;
  height: 50px !important;
  margin: 11px 0 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(212,175,55,.56) !important;
  border-radius: 999px !important;
  color: #111111 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, var(--angel-gold), var(--angel-gold-light)) !important;
  box-shadow: 0 12px 28px rgba(212,175,55,.20);
  gap: 10px;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.angel-add-single .angel-cart-icon { width: 19px; height: 19px; flex: 0 0 19px; }
.angel-add-single:hover {
  transform: translateY(-2px);
  box-shadow: 0 19px 38px rgba(212,175,55,.32);
}
.angel-add-single:disabled { cursor: wait; filter: saturate(.78); }

/* صفحة المنتج: نرجع لها شكل واضح وذهبي، ولا نثبت الصورة عند التمرير. */
body.angel-product-page {
  background: linear-gradient(180deg, #fffdf8 0%, #ffffff 42%) !important;
  color: #171717 !important;
}
body.angel-product-page main,
body.angel-product-page .s-main,
body.angel-product-page [class*="product-page"] {
  color: #171717 !important;
}
body.angel-product-page .s-product-details,
body.angel-product-page .s-product-form,
body.angel-product-page [class*="product-details"],
body.angel-product-page [class*="product-info"],
body.angel-product-page [class*="product-content"] {
  color: #171717 !important;
}
body.angel-product-page h1,
body.angel-product-page h2,
body.angel-product-page h3,
body.angel-product-page p,
body.angel-product-page li,
body.angel-product-page span {
  color: inherit;
}
body.angel-product-page .s-product-gallery,
body.angel-product-page .s-product-slider,
body.angel-product-page .s-product-image,
body.angel-product-page [class*="product-gallery"],
body.angel-product-page [class*="product-slider"] {
  position: static !important;
  top: auto !important;
}
body.angel-product-page .s-button-primary,
body.angel-product-page .add-to-cart,
body.angel-product-page [class*="add-to-cart"],
body.angel-product-page [class*="add_to_cart"],
body.angel-product-page salla-add-product-button {
  --color-primary: #d4af37;
  --color-primary-d: #9a7216;
  --color-primary-l: #fff1b8;
  opacity: 1 !important;
  filter: none !important;
}
body.angel-product-page .s-button-primary,
body.angel-product-page .add-to-cart,
body.angel-product-page [class*="add-to-cart"] button,
body.angel-product-page [class*="add_to_cart"] button {
  color: #111111 !important;
  background: linear-gradient(135deg, var(--angel-gold), var(--angel-gold-light)) !important;
  border: 1px solid rgba(212,175,55,.56) !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}
/* صفحة التفاصيل: نفس مظهر زر البطاقة وخط قريب من iPhone / SF Pro. */
body.angel-product-page .s-product-details,
body.angel-product-page .s-product-form,
body.angel-product-page [class*="product-details"],
body.angel-product-page [class*="product-info"],
body.angel-product-page [class*="product-content"] {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
}
body.angel-product-page .s-product-details h1,
body.angel-product-page [class*="product-title"],
body.angel-product-page h1 {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  line-height: 1.25 !important;
}
body.angel-product-page .s-product-details p,
body.angel-product-page .s-product-details li,
body.angel-product-page [class*="product-description"] p,
body.angel-product-page [class*="product-description"] li {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -.012em !important;
  line-height: 1.9 !important;
}
body.angel-product-page .s-product-price,
body.angel-product-page .price,
body.angel-product-page [class*="price"] {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 800 !important;
}
body.angel-product-page .s-button-primary,
body.angel-product-page .add-to-cart,
body.angel-product-page [class*="add-to-cart"],
body.angel-product-page [class*="add_to_cart"],
body.angel-product-page salla-add-product-button,
body.angel-product-page salla-add-product-button::part(button),
body.angel-product-page salla-button::part(button) {
  min-height: 50px !important;
  color: #111111 !important;
  background: linear-gradient(135deg, var(--angel-gold), var(--angel-gold-light)) !important;
  border: 1px solid rgba(212,175,55,.56) !important;
  border-radius: 999px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 28px rgba(212,175,55,.20) !important;
}
body.angel-product-page .s-button-primary:hover,
body.angel-product-page .add-to-cart:hover,
body.angel-product-page [class*="add-to-cart"]:hover,
body.angel-product-page salla-add-product-button:hover {
  transform: translateY(-2px);
}

.angel-purchase-count-hidden {
  display: none !important;
}

/* أزرار التواصل */
.angel-contact-btn {
  position: fixed;
  right: 22px;
  z-index: 9999;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  text-decoration: none !important;
  transition: transform .22s ease;
}
.angel-contact-btn:hover {
  transform: translateY(-4px) scale(1.07);
}
.angel-contact-btn svg {
  width: 26px;
  height: 26px;
}
.angel-whatsapp {
  bottom: 88px;
  background: linear-gradient(135deg, #25d366, #80f0aa);
  box-shadow: 0 12px 32px rgba(37,211,102,.30);
}
.angel-telegram {
  bottom: 24px;
  background: linear-gradient(135deg, #0088cc, #35b8e0);
  box-shadow: 0 12px 32px rgba(0,136,204,.28);
}

@media (max-width: 980px) {
  .angel-hero {
    min-height: 390px;
    background-position: 62% 12% !important;
  }
  .angel-hero-content {
    width: 58%;
    padding: 35px 28px;
  }
  .angel-product-spotlight {
    width: 94%;
  }
  .angel-product-spotlight-grid {
    gap: 16px;
  }
}

@media (max-width: 600px) {
  .angel-logo-top {
    width: 48px;
    height: 48px;
  }
  .angel-topbar-item {
    font-size: 17px;
    gap: 12px;
  }
  .angel-hero {
    width: 94%;
    min-height: 400px;
    border-radius: 26px;
    align-items: flex-end;
  }
  .angel-hero-content {
    width: 100%;
    padding: 14px 20px 46px;
  }
  .angel-hero h2 {
    font-size: clamp(28px, 8.2vw, 38px);
    white-space: nowrap;
  }
  .angel-product-spotlight {
    margin-top: 64px !important;
    margin-bottom: 22px !important;
  }
  .angel-product-spotlight-grid {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 12px;
  }
  .angel-product-slot {
    flex: 1 1 0;
    min-width: 0;
  }
  .angel-game-thumb {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 236 / 104;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .angel-game-thumb span {
    font-size: 15px;
    letter-spacing: .5px;
  }
  .angel-compact-product-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .angel-compact-product-name {
    font-size: 12px;
    line-height: 1.35;
  }
  .angel-compact-product-price strong {
    font-size: 14px;
  }
  .angel-compact-product-price del {
    font-size: 11px;
  }
  .angel-add-single {
    min-height: 42px !important;
    height: 42px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
    gap: 6px;
  }
  .angel-add-single .angel-cart-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
  }
  .angel-contact-btn {
    right: 16px;
  }
}

/* ======= استرجاع قسم وش يميزنا والأسئلة الشائعة ======= */
.angel-section {
  width: min(92%, 1380px);
  margin: 50px auto;
  direction: rtl;
}
.angel-section-title {
  margin: 0 auto 22px;
  width: fit-content;
  padding: 11px 26px;
  border-radius: 999px;
  background: linear-gradient(135deg, #fff, #fff1b8);
  color: #111 !important;
  border: 1px solid rgba(212, 175, 55, 0.34);
  box-shadow: 0 10px 26px rgba(212, 175, 55, 0.12);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 900;
  text-align: center;
}
html.dark .angel-section-title,
html[data-theme="dark"] .angel-section-title {
  background: linear-gradient(135deg, #1e1e1e, #2a2210) !important;
  color: #eee !important;
  border-color: rgba(212, 175, 55, 0.30) !important;
}
.angel-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.angel-feature-card {
  text-align: center;
  padding: 28px 18px;
  border-radius: 24px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(212, 175, 55, 0.20);
  box-shadow: 0 14px 38px rgba(132, 92, 14, 0.09);
  cursor: default;
  transition: transform .38s cubic-bezier(.34,1.56,.64,1), box-shadow .38s ease, background .35s ease, border-color .35s ease;
}
html.dark .angel-feature-card,
html[data-theme="dark"] .angel-feature-card {
  background: rgba(25,25,25,0.90) !important;
  border-color: rgba(212,175,55,0.20) !important;
}
.angel-feature-card:hover {
  transform: scale(1.08) translateY(-5px);
  background: linear-gradient(135deg, #fffef0, #fff6c4) !important;
  border-color: rgba(212, 175, 55, 0.72) !important;
  box-shadow: 0 32px 72px rgba(212,175,55,.38), 0 0 0 1px rgba(212,175,55,.26), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.angel-feature-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff, #fff1b8);
  border: 1px solid rgba(212,175,55,.32);
  box-shadow: 0 8px 20px rgba(212,175,55,.11);
  font-size: 24px;
  transition: transform .38s cubic-bezier(.34,1.56,.64,1), background .35s ease, box-shadow .35s ease;
}
.angel-feature-card:hover .angel-feature-icon {
  transform: scale(1.18);
  background: linear-gradient(135deg, #fff1b8, #f0c830) !important;
  box-shadow: 0 14px 32px rgba(212,175,55,.50) !important;
}
html.dark .angel-feature-icon,
html[data-theme="dark"] .angel-feature-icon {
  background: linear-gradient(135deg, #222, #2a2210) !important;
}
.angel-feature-card h4 {
  margin: 0 0 8px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  font-weight: 900;
  color: #111 !important;
  transition: color .28s ease;
}
.angel-feature-card:hover h4 { color: #9a7216 !important; }
html.dark .angel-feature-card h4,
html[data-theme="dark"] .angel-feature-card h4 { color: #eee !important; }
.angel-feature-card p {
  margin: 0;
  color: #5f5a52 !important;
  font-size: 14px;
  line-height: 1.85;
}
html.dark .angel-feature-card p,
html[data-theme="dark"] .angel-feature-card p { color: #999 !important; }
.angel-faq { display: grid; gap: 10px; }
.angel-faq-item {
  border-radius: 16px;
  background: rgba(255,255,255,0.94);
  border: 1px solid rgba(212,175,55,.20);
  box-shadow: 0 8px 24px rgba(132,92,14,.07);
  overflow: hidden;
}
html.dark .angel-faq-item,
html[data-theme="dark"] .angel-faq-item {
  background: rgba(22,22,22,.92) !important;
  border-color: rgba(212,175,55,.18) !important;
}
.angel-faq-q {
  width: 100%;
  border: none !important;
  background: transparent !important;
  color: #111 !important;
  text-align: right;
  padding: 18px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-weight: 900 !important;
  font-size: 15px;
}
html.dark .angel-faq-q,
html[data-theme="dark"] .angel-faq-q { color: #eee !important; }
.angel-faq-q::after {
  content: "+";
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #d4af37, #fff1b8);
  color: #111;
  border: 1px solid rgba(212,175,55,.34);
  font-size: 18px;
  line-height: 1;
  transition: transform .4s cubic-bezier(.34,1.56,.64,1);
}
.angel-faq-item.active .angel-faq-q::after { content: "−"; transform: rotate(180deg); }
.angel-faq-a {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  padding: 0 20px;
  transition: grid-template-rows .42s cubic-bezier(.4,0,.2,1), opacity .35s ease, padding .42s ease;
}
.angel-faq-item.active .angel-faq-a {
  grid-template-rows: 1fr;
  opacity: 1;
  padding: 0 20px 18px;
}
.angel-faq-inner {
  overflow: hidden;
  color: #5f5a52;
  font-size: 14px;
  line-height: 2;
}
html.dark .angel-faq-inner,
html[data-theme="dark"] .angel-faq-inner { color: #999; }
@media (max-width: 980px) {
  .angel-features { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .angel-section { width: 94%; }
}


/* ===== v18 repairs ===== */
.angel-native-noise-hidden { display: none !important; }

/* البطاقة فقط تكبر؛ زر السلة يبقى منفصلاً عنها. */
.angel-compact-product-wrap:hover .angel-compact-product { transform: none !important; }
.angel-compact-product:hover,
.angel-compact-product:focus-visible {
  transform: scale(1.045) !important;
  border-color: rgba(212,175,55,.74) !important;
  box-shadow: 0 25px 58px rgba(132,92,14,.25) !important;
}
.angel-add-single { margin-top: 16px !important; }

/* خط الأقسام: نفس خط القالب الأصلي، بدون خط الآيفون المفروض على الأقسام. */
.angel-section,
.angel-section h3,
.angel-section h4,
.angel-section p,
.angel-section button,
.angel-section .angel-faq-inner {
  font-family: inherit !important;
}

/* سلة القائمة الجانبية / نافذة السلة بنفس الهوية الذهبية. */
salla-cart-summary,
salla-cart-summary::part(container),
.s-cart-summary,
.s-cart-drawer,
[class*="cart-drawer"],
[class*="cart-summary"] {
  --color-primary: #d4af37 !important;
  --color-primary-d: #9a7216 !important;
  --color-primary-l: #fff1b8 !important;
}
.s-cart-summary .s-button-primary,
.s-cart-drawer .s-button-primary,
[class*="cart-drawer"] .s-button-primary,
[class*="cart-summary"] .s-button-primary,
salla-cart-summary salla-button::part(button),
salla-cart-summary salla-button::part(base) {
  color: #111 !important;
  background: linear-gradient(135deg,#d4af37,#fff1b8) !important;
  border: 1px solid rgba(212,175,55,.58) !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(212,175,55,.22) !important;
}

/* صفحة التفاصيل: أبقِ زري الإضافة والشراء ظاهرين وقابلين للضغط. */
body.angel-product-page .angel-native-add-visible,
body.angel-product-page salla-add-product-button,
body.angel-product-page .s-button-primary,
body.angel-product-page .add-to-cart,
body.angel-product-page [class*="add-to-cart"],
body.angel-product-page [class*="add_to_cart"] {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  filter: none !important;
}
body.angel-product-page .angel-product-actions-ready {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}
body.angel-product-page .angel-product-actions-ready > salla-add-product-button,
body.angel-product-page .angel-product-actions-ready > .s-button-primary,
body.angel-product-page .angel-product-actions-ready > .add-to-cart,
body.angel-product-page .angel-product-actions-ready > [class*="add-to-cart"],
body.angel-product-page .angel-product-actions-ready > [class*="add_to_cart"],
body.angel-product-page .angel-product-buy-now {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
}
body.angel-product-page .angel-product-buy-now {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 18px !important;
  color: #111 !important;
  background: linear-gradient(135deg,#d4af37,#fff1b8) !important;
  border: 1px solid rgba(212,175,55,.58) !important;
  border-radius: 999px !important;
  font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 28px rgba(212,175,55,.20) !important;
  cursor: pointer !important;
}
body.angel-product-page .angel-product-buy-now:hover { transform: translateY(-2px); }
body.angel-product-page .angel-product-buy-now .angel-cart-icon { width:19px; height:19px; }

/* زر الإضافة الأصلي داخل صفحة المنتج يأخذ نفس شكل الزر الذهبي بدون تعطيل وظيفته. */
body.angel-product-page .angel-product-actions-ready > .s-button-primary,
body.angel-product-page .angel-product-actions-ready > .add-to-cart,
body.angel-product-page .angel-product-actions-ready > [class*="add-to-cart"],
body.angel-product-page .angel-product-actions-ready > [class*="add_to_cart"],
body.angel-product-page .angel-product-actions-ready > salla-add-product-button {
  border-radius: 999px !important;
  --color-primary: #d4af37 !important;
  --color-primary-d: #9a7216 !important;
  --color-primary-l: #fff1b8 !important;
}

@media (max-width:600px) {
  body.angel-product-page .angel-product-actions-ready { grid-template-columns: 1fr !important; }
}

/* ===== v21 clean redo: scoped fixes only ===== */
:root {
  --angel-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

@keyframes angel-preboot-cover {
  0%, 78% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
body:not(.angel-ui-ready)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999998;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,241,184,.52), rgba(255,255,255,0) 30%),
    linear-gradient(180deg, #fffdf7 0%, #ffffff 100%);
  animation: angel-preboot-cover 2.45s ease forwards;
}
body.angel-ui-ready::before {
  display: none !important;
}

.angel-logo-refresh {
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  transition: transform .22s ease, filter .22s ease;
}
.angel-logo-refresh:hover,
.angel-logo-refresh:focus-visible {
  transform: rotate(16deg) scale(1.08);
  filter: drop-shadow(0 10px 18px rgba(132,92,14,.20));
  outline: none;
}

body.angel-home-page .angel-topbar,
body.angel-home-page .angel-topbar *,
body.angel-home-page .angel-hero,
body.angel-home-page .angel-hero *,
body.angel-home-page .angel-product-spotlight,
body.angel-home-page .angel-product-spotlight *,
.angel-section,
.angel-section h3,
.angel-section h4,
.angel-section p,
.angel-section button,
.angel-section .angel-faq-inner,
body.angel-product-page,
body.angel-product-page .s-product-details,
body.angel-product-page .s-product-form,
body.angel-product-page [class*="product-details"],
body.angel-product-page [class*="product-info"],
body.angel-product-page [class*="product-content"],
body.angel-product-page [class*="product-description"],
body.angel-product-page [class*="product-description"] * {
  font-family: var(--angel-font) !important;
  letter-spacing: 0 !important;
}

body.angel-home-page .angel-product-spotlight {
  opacity: .46 !important;
  transform: translateY(12px);
  filter: saturate(.88);
  transition: opacity .18s ease, transform .18s ease, filter .18s ease !important;
}
body.angel-home-page .angel-product-spotlight.angel-is-near {
  opacity: 1 !important;
  transform: translateY(0);
  filter: none;
}
.angel-compact-product-wrap .angel-compact-product:hover,
.angel-compact-product-wrap .angel-compact-product:focus-visible {
  transform: scale(1.055) !important;
  border-color: rgba(212,175,55,.74) !important;
  box-shadow: 0 25px 58px rgba(132,92,14,.25) !important;
}

.angel-feature-card {
  cursor: pointer !important;
  overflow: hidden;
}
.angel-feature-card h4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.angel-feature-card h4::after {
  content: "+";
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #111;
  background: linear-gradient(135deg, #fff, #fff1b8);
  border: 1px solid rgba(212,175,55,.34);
  font-size: 15px;
  line-height: 1;
  transition: transform .34s cubic-bezier(.34,1.56,.64,1), background .25s ease;
}
.angel-feature-card p {
  max-height: 0 !important;
  opacity: 0;
  overflow: hidden;
  margin: 0 !important;
  transition: max-height .42s cubic-bezier(.4,0,.2,1), opacity .28s ease, margin .28s ease;
}
.angel-feature-card.active,
.angel-feature-card:focus-visible {
  transform: scale(1.08) translateY(-5px);
  background: linear-gradient(135deg, #fffef0, #fff6c4) !important;
  border-color: rgba(212,175,55,.72) !important;
  box-shadow: 0 32px 72px rgba(212,175,55,.38), 0 0 0 1px rgba(212,175,55,.26), inset 0 1px 0 rgba(255,255,255,.95) !important;
  outline: none;
}
.angel-feature-card.active h4 { color: #9a7216 !important; }
.angel-feature-card.active h4::after {
  content: "-";
  transform: rotate(180deg);
  background: linear-gradient(135deg, #fff1b8, #f0c830);
}
.angel-feature-card.active p {
  max-height: 180px !important;
  opacity: 1;
  margin-top: 9px !important;
}

body.angel-product-page main,
body.angel-product-page .s-main,
body.angel-product-page [class*="product-page"] {
  overflow: visible !important;
}
body.angel-product-page .angel-product-gallery-sticky,
body.angel-product-page .s-product-gallery,
body.angel-product-page .s-product-slider,
body.angel-product-page .s-product-image,
body.angel-product-page [class*="product-gallery"],
body.angel-product-page [class*="product-slider"] {
  position: sticky !important;
  top: 92px !important;
  align-self: flex-start !important;
  z-index: 2 !important;
  height: fit-content !important;
}
body.angel-product-page .angel-product-gallery-sticky img,
body.angel-product-page .s-product-gallery img,
body.angel-product-page [class*="product-gallery"] img {
  filter: none !important;
  opacity: 1 !important;
}

body.angel-product-page .s-product-details h1,
body.angel-product-page [class*="product-title"],
body.angel-product-page h1 {
  font-family: var(--angel-font) !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  color: #a97910 !important;
  background: linear-gradient(135deg, #8f650c 0%, #d4af37 45%, #fff1b8 72%, #9a7216 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 8px 24px rgba(132,92,14,.10);
}
body.angel-product-page .s-product-details p,
body.angel-product-page .s-product-details li,
body.angel-product-page [class*="product-description"],
body.angel-product-page [class*="product-description"] p,
body.angel-product-page [class*="product-description"] li,
body.angel-product-page [class*="product-description"] span,
body.angel-product-page [class*="product-description"] div {
  font-family: var(--angel-font) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 2 !important;
  letter-spacing: 0 !important;
  color: #252525 !important;
}

body.angel-product-page .angel-product-buy-hidden {
  display: none !important;
}
body.angel-product-page .angel-product-actions-ready {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 540px !important;
  direction: rtl !important;
}
body.angel-product-page .angel-product-actions-ready > salla-add-product-button,
body.angel-product-page .angel-product-actions-ready > .s-button-primary,
body.angel-product-page .angel-product-actions-ready > .add-to-cart,
body.angel-product-page .angel-product-actions-ready > [class*="add-to-cart"],
body.angel-product-page .angel-product-actions-ready > [class*="add_to_cart"],
body.angel-product-page .angel-product-buy-now {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
}
body.angel-product-page .angel-product-actions-ready,
body.angel-product-page .angel-product-actions-ready *,
body.angel-product-page .angel-native-add-visible,
body.angel-product-page .angel-product-buy-now {
  --color-primary: #ffffff !important;
  --color-primary-d: #f7efd5 !important;
  --color-primary-l: #ffffff !important;
  --color-primary-reverse: #9a7216 !important;
}
body.angel-product-page .angel-product-buy-now,
body.angel-product-page .angel-product-actions-ready > button,
body.angel-product-page .angel-product-actions-ready > .s-button-primary,
body.angel-product-page .angel-product-actions-ready > .add-to-cart,
body.angel-product-page .angel-product-actions-ready > [class*="add-to-cart"]:not(salla-add-product-button),
body.angel-product-page .angel-product-actions-ready > [class*="add_to_cart"]:not(salla-add-product-button),
body.angel-product-page .angel-native-add-visible::part(button),
body.angel-product-page .angel-native-add-visible::part(base),
body.angel-product-page salla-button.angel-native-add-visible::part(button),
body.angel-product-page salla-button.angel-native-add-visible::part(base) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 18px !important;
  color: #9a7216 !important;
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(212,175,55,.72) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(132,92,14,.10) !important;
  font-family: var(--angel-font) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  cursor: pointer !important;
  filter: none !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease !important;
}
body.angel-product-page .angel-product-buy-now:hover,
body.angel-product-page .angel-product-actions-ready > button:hover,
body.angel-product-page .angel-product-actions-ready > .s-button-primary:hover,
body.angel-product-page .angel-product-actions-ready > .add-to-cart:hover,
body.angel-product-page .angel-native-add-visible:hover {
  transform: translateY(-2px) !important;
  color: #111 !important;
  border-color: rgba(154,114,22,.88) !important;
  box-shadow: 0 16px 34px rgba(132,92,14,.18) !important;
}
body.angel-product-page .angel-product-buy-now .angel-cart-icon {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
}

.angel-checkout-ready,
.angel-checkout-ready::part(button),
.angel-checkout-ready::part(base),
salla-cart-summary salla-button::part(button),
salla-cart-summary salla-button::part(base),
.s-cart-summary .s-button-primary,
.s-cart-drawer .s-button-primary,
[class*="cart-drawer"] .s-button-primary,
[class*="cart-summary"] .s-button-primary {
  color: #111 !important;
  background: radial-gradient(circle at 25% 18%, rgba(255,255,255,.56), transparent 27%), linear-gradient(135deg, #d4af37, #fff1b8) !important;
  border: 1px solid rgba(212,175,55,.58) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(212,175,55,.22) !important;
  font-family: var(--angel-font) !important;
  font-weight: 900 !important;
}
.angel-add-toast,
[class*="toast"].angel-add-toast,
[class*="notification"].angel-add-toast,
[class*="alert"].angel-add-toast {
  border: 1px solid rgba(212,175,55,.42) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 16px 42px rgba(132,92,14,.18) !important;
  color: #111 !important;
  font-family: var(--angel-font) !important;
}

@media (max-width: 900px) {
  body.angel-product-page .angel-product-gallery-sticky,
  body.angel-product-page .s-product-gallery,
  body.angel-product-page .s-product-slider,
  body.angel-product-page .s-product-image,
  body.angel-product-page [class*="product-gallery"],
  body.angel-product-page [class*="product-slider"] {
    position: static !important;
    top: auto !important;
  }
}
@media (max-width: 600px) {
  body.angel-home-page .angel-hero {
    background-size: 190% !important;
    background-position: 58% 2% !important;
  }
  body.angel-product-page .angel-product-actions-ready {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.angel-home-page .angel-product-spotlight,
  body.angel-home-page .angel-product-spotlight.angel-is-near,
  .angel-feature-card,
  .angel-feature-card p {
    transition: none !important;
    transform: none !important;
  }
}

/* ===== v22 targeted fixes ===== */
@keyframes angel-btn-bounce {
  0%, 100% {
    transform: translateY(0);
    box-shadow: 0 14px 34px rgba(212,175,55,.24);
  }
  50% {
    transform: translateY(-9px);
    box-shadow: 0 24px 50px rgba(212,175,55,.36);
  }
}

body:not(.angel-ui-ready)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999998;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none;
  animation: none !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,241,184,.55), rgba(255,255,255,0) 30%),
    linear-gradient(180deg, #fffdf7 0%, #ffffff 100%) !important;
}
body.angel-ui-ready::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.angel-home-page .angel-hero h2 {
  display: block !important;
  margin: 0 0 30px !important;
  font-family: var(--angel-font) !important;
  font-size: clamp(40px, 6vw, 76px) !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
}
body.angel-home-page .angel-hero .angel-btn.primary {
  display: inline-flex !important;
  width: auto !important;
  min-width: 190px !important;
  min-height: 64px !important;
  padding: 0 46px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  background: radial-gradient(circle at 25% 18%, rgba(255,255,255,.52), transparent 26%), linear-gradient(135deg, var(--angel-gold), var(--angel-gold-light)) !important;
  border: 1px solid rgba(212,175,55,.58) !important;
  box-shadow: 0 14px 34px rgba(212,175,55,.24) !important;
  animation: angel-btn-bounce 2s ease-in-out infinite;
}
body.angel-home-page .angel-hero .angel-btn.primary:hover {
  animation-play-state: paused;
  transform: translateY(-8px) !important;
}

body.angel-home-page .angel-game-thumb span {
  font-family: Impact, "Arial Black", Arial, sans-serif !important;
  color: #fffaf0 !important;
  font-size: 29px !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  text-shadow:
    0 3px 0 rgba(101,65,7,.88),
    0 0 16px rgba(255,212,103,.9),
    0 2px 12px rgba(0,0,0,.7) !important;
  -webkit-text-fill-color: #fffaf0 !important;
  background: none !important;
}

/* المنتج الفضي (الجديد): لون النص فضي + إخفاء أي كتابة أعلى يسار صورته */
body.angel-home-page .angel-product-slot[data-product-id="403215054"] .angel-game-thumb span {
  color: #f4f6f8 !important;
  text-shadow:
    0 3px 0 rgba(70,74,80,.85),
    0 0 16px rgba(210,215,222,.85),
    0 2px 12px rgba(0,0,0,.65) !important;
  -webkit-text-fill-color: #f4f6f8 !important;
}
body.angel-home-page .angel-product-slot[data-product-id="403215054"] .angel-game-thumb {
  filter: grayscale(1) brightness(1.08) contrast(1.05) !important;
}

body.angel-home-page .angel-compact-product-name {
  font-family: var(--angel-font) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  color: #8a6510 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #8a6510 !important;
}

/* اسم المنتج الفضي (الجديد) بلون فضي بدل الذهبي، بدون تدرّج حتى يبقى واضح */
body.angel-home-page .angel-product-slot[data-product-id="403215054"] .angel-compact-product-name {
  color: #585c62 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #585c62 !important;
}

body.angel-home-page .angel-features {
  align-items: start !important;
}
body.angel-home-page .angel-feature-card:not(.active) {
  align-self: start !important;
  height: auto !important;
}

body.angel-product-page .angel-product-buy-hidden,
body.angel-product-page [data-angel-native-buy-hidden="1"],
body.angel-product-page salla-buy-now-button:not(.angel-product-buy-now),
body.angel-product-page salla-buy-now:not(.angel-product-buy-now),
body.angel-product-page [class*="buy-now"]:not(.angel-product-buy-now):not(.angel-product-actions-ready),
body.angel-product-page [class*="buy_now"]:not(.angel-product-buy-now):not(.angel-product-actions-ready),
body.angel-product-page [class*="quick-buy"]:not(.angel-product-buy-now):not(.angel-product-actions-ready),
body.angel-product-page [class*="quick_buy"]:not(.angel-product-buy-now):not(.angel-product-actions-ready) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.angel-product-page .angel-product-actions-ready {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  max-width: 520px !important;
}
body.angel-product-page .angel-product-actions-ready,
body.angel-product-page .angel-product-actions-ready *,
body.angel-product-page .angel-native-add-visible,
body.angel-product-page .angel-product-buy-now {
  --color-primary: #d4af37 !important;
  --color-primary-d: #9a7216 !important;
  --color-primary-l: #fff1b8 !important;
  --color-primary-reverse: #111111 !important;
}
body.angel-product-page .angel-product-buy-now,
body.angel-product-page .angel-product-actions-ready > button,
body.angel-product-page .angel-product-actions-ready > .s-button-primary,
body.angel-product-page .angel-product-actions-ready > .add-to-cart,
body.angel-product-page .angel-product-actions-ready > [class*="add-to-cart"]:not(salla-add-product-button),
body.angel-product-page .angel-product-actions-ready > [class*="add_to_cart"]:not(salla-add-product-button),
body.angel-product-page .angel-native-add-visible::part(button),
body.angel-product-page .angel-native-add-visible::part(base),
body.angel-product-page salla-add-product-button.angel-native-add-visible::part(button),
body.angel-product-page salla-add-product-button.angel-native-add-visible::part(base),
body.angel-product-page salla-button.angel-native-add-visible::part(button),
body.angel-product-page salla-button.angel-native-add-visible::part(base) {
  min-height: 52px !important;
  height: 52px !important;
  color: #111111 !important;
  background: radial-gradient(circle at 25% 18%, rgba(255,255,255,.56), transparent 27%), linear-gradient(135deg, #d4af37, #fff1b8) !important;
  border: 1px solid rgba(212,175,55,.60) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(212,175,55,.20), inset 0 1px 0 rgba(255,255,255,.82) !important;
  font-family: var(--angel-font) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  filter: none !important;
}
body.angel-product-page .angel-product-buy-now:hover,
body.angel-product-page .angel-product-actions-ready > button:hover,
body.angel-product-page .angel-product-actions-ready > .s-button-primary:hover,
body.angel-product-page .angel-product-actions-ready > .add-to-cart:hover,
body.angel-product-page .angel-native-add-visible:hover {
  transform: translateY(-2px) !important;
  color: #111 !important;
  border-color: rgba(154,114,22,.88) !important;
  box-shadow: 0 18px 38px rgba(212,175,55,.28), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

@media (max-width: 600px) {
  body.angel-home-page .angel-hero .angel-btn.primary {
    min-width: 168px !important;
    min-height: 58px !important;
    padding: 0 34px !important;
    font-size: 17px !important;
  }
}

/* ===== v23 product page action/typography fixes ===== */
html.angel-no-preboot body::before,
html.angel-no-preboot body:not(.angel-ui-ready)::before,
html.angel-no-preboot body.angel-ui-ready::before {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  animation: none !important;
  pointer-events: none !important;
}

body.angel-product-page .angel-product-native-action-hidden,
body.angel-product-page [data-angel-native-action-hidden="1"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.angel-product-page .angel-generated-product-actions {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(100%, 390px) !important;
  max-width: 390px !important;
  margin: 12px 0 0 !important;
  direction: rtl !important;
  align-items: stretch !important;
}
body.angel-product-page .angel-generated-product-actions .angel-product-add-now,
body.angel-product-page .angel-generated-product-actions .angel-product-buy-now {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  height: 46px !important;
  padding: 0 14px !important;
  color: #111111 !important;
  background:
    radial-gradient(circle at 24% 17%, rgba(255,255,255,.62), transparent 28%),
    linear-gradient(135deg, #d4af37 0%, #fff1b8 100%) !important;
  border: 1px solid rgba(212,175,55,.62) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(212,175,55,.22), inset 0 1px 0 rgba(255,255,255,.88) !important;
  font-family: var(--angel-font) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  cursor: pointer !important;
  filter: none !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
body.angel-product-page .angel-generated-product-actions .angel-product-add-now:hover,
body.angel-product-page .angel-generated-product-actions .angel-product-buy-now:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(154,114,22,.88) !important;
  box-shadow: 0 16px 32px rgba(212,175,55,.30), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.angel-product-page .angel-generated-product-actions .angel-cart-icon {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}

body.angel-product-page .s-product-price,
body.angel-product-page .price,
body.angel-product-page [class*="product-price"],
body.angel-product-page [class*="price"],
body.angel-product-page ins,
body.angel-product-page .sale-price,
body.angel-product-page [class*="sale-price"],
body.angel-product-page .amount {
  color: #d8402f !important;
  font-family: var(--angel-font) !important;
  font-weight: 900 !important;
}
body.angel-product-page del,
body.angel-product-page [class*="regular-price"],
body.angel-product-page [class*="old-price"] {
  color: #777777 !important;
  opacity: .78 !important;
}

body.angel-product-page .s-product-details p,
body.angel-product-page .s-product-details li,
body.angel-product-page [class*="product-description"],
body.angel-product-page [class*="product-description"] p,
body.angel-product-page [class*="product-description"] li,
body.angel-product-page [class*="product-description"] span,
body.angel-product-page [class*="product-description"] div {
  color: #111111 !important;
  font-family: var(--angel-font) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 2.05 !important;
  letter-spacing: 0 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body.angel-product-page .angel-purchase-count-hidden,
body.angel-product-page [class*="sold"],
body.angel-product-page [class*="sales-count"],
body.angel-product-page [class*="purchase-count"] {
  display: none !important;
}

@media (max-width: 600px) {
  body.angel-product-page .angel-generated-product-actions {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.angel-product-page .angel-generated-product-actions .angel-product-add-now,
  body.angel-product-page .angel-generated-product-actions .angel-product-buy-now {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 13px !important;
    padding: 0 10px !important;
  }
}

/* v24: keep Salla's native add control callable while only hiding it visually. */
body.angel-product-page .angel-product-native-action-hidden,
body.angel-product-page [data-angel-native-action-hidden="1"] {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  overflow: hidden !important;
  opacity: .01 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.angel-product-page .angel-product-buy-hidden,
body.angel-product-page [data-angel-native-buy-hidden="1"],
body.angel-product-page salla-buy-now-button:not(.angel-product-buy-now),
body.angel-product-page salla-buy-now:not(.angel-product-buy-now),
body.angel-product-page [class*="buy-now"]:not(.angel-product-buy-now):not(.angel-product-actions-ready),
body.angel-product-page [class*="buy_now"]:not(.angel-product-buy-now):not(.angel-product-actions-ready),
body.angel-product-page [class*="quick-buy"]:not(.angel-product-buy-now):not(.angel-product-actions-ready),
body.angel-product-page [class*="quick_buy"]:not(.angel-product-buy-now):not(.angel-product-actions-ready) {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  overflow: hidden !important;
  opacity: .01 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* v24: make the long product description closer to the heavy product-title feel. */
body.angel-product-page .s-product-details p,
body.angel-product-page .s-product-details li,
body.angel-product-page [class*="product-description"],
body.angel-product-page [class*="product-description"] p,
body.angel-product-page [class*="product-description"] li,
body.angel-product-page [class*="product-description"] span,
body.angel-product-page [class*="product-description"] div,
body.angel-product-page [class*="product-description"] strong,
body.angel-product-page [class*="product-description"] b {
  color: #050505 !important;
  font-family: var(--angel-font) !important;
  font-size: clamp(18px, 1.45vw, 22px) !important;
  font-weight: 900 !important;
  line-height: 1.85 !important;
  letter-spacing: 0 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

@media (max-width: 600px) {
  body.angel-product-page .s-product-details p,
  body.angel-product-page .s-product-details li,
  body.angel-product-page [class*="product-description"],
  body.angel-product-page [class*="product-description"] p,
  body.angel-product-page [class*="product-description"] li,
  body.angel-product-page [class*="product-description"] span,
  body.angel-product-page [class*="product-description"] div,
  body.angel-product-page [class*="product-description"] strong,
  body.angel-product-page [class*="product-description"] b {
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.9 !important;
  }
}

/* v25: the live theme stores the long product copy in .product__description. */
body.angel-product-page .product__description,
body.angel-product-page .product__description article,
body.angel-product-page .product__description .article--main,
body.angel-product-page .product__description p,
body.angel-product-page .product__description li,
body.angel-product-page .product__description span,
body.angel-product-page .product__description div,
body.angel-product-page .product__description b,
body.angel-product-page .product__description strong,
body.angel-product-page article.article--main,
body.angel-product-page article.article--main * {
  color: #050505 !important;
  font-family: var(--angel-font) !important;
  font-size: clamp(22px, 1.9vw, 28px) !important;
  font-weight: 900 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  text-align: inherit !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* اختصار وصف المنتج: أول سطرين ظاهرين + زر عرض المزيد */
/* نخفي الوصف بهدوء لحد ما الجافاسكربت يقصّه، عشان ما يبين "ومضة" النص الكامل ثم يختصر فجأة.
   fallback أوتوماتيكي بعد نص ثانية يظهره حتى لو تأخر الجافاسكربت، عشان ما يضل مخفي للأبد. */
@keyframes angel-desc-reveal-fallback {
  0%, 55% { opacity: 0; }
  100% { opacity: 1; }
}
body.angel-product-page .product__description,
body.angel-product-page article.article--main {
  animation: angel-desc-reveal-fallback 550ms ease forwards;
}
body.angel-product-page .product__description.angel-desc-page-ready,
body.angel-product-page article.article--main.angel-desc-page-ready {
  animation: none !important;
  opacity: 1 !important;
}
body.angel-product-page .product__description .angel-desc-more,
body.angel-product-page article.article--main .angel-desc-more {
  display: none !important;
}
body.angel-product-page .angel-desc-ready.angel-desc-open .angel-desc-more {
  display: block !important;
}
body.angel-product-page .angel-desc-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 10px 0 4px !important;
  padding: 0 22px !important;
  min-height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,.5) !important;
  background: linear-gradient(135deg, var(--angel-gold), var(--angel-gold-light)) !important;
  color: #111111 !important;
  font-family: var(--angel-font) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(212,175,55,.18);
}

@media (max-width: 600px) {
  body.angel-product-page .product__description,
  body.angel-product-page .product__description article,
  body.angel-product-page .product__description .article--main,
  body.angel-product-page .product__description p,
  body.angel-product-page .product__description li,
  body.angel-product-page .product__description span,
  body.angel-product-page .product__description div,
  body.angel-product-page .product__description b,
  body.angel-product-page .product__description strong,
  body.angel-product-page article.article--main,
  body.angel-product-page article.article--main * {
    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1.78 !important;
  }
}

/* v26: Rush-style product page sizing without the oversized v25 copy. */
body.angel-product-page,
body.angel-product-page .product-name,
body.angel-product-page .product__description,
body.angel-product-page .product__description *,
body.angel-product-page .p-price-outer,
body.angel-product-page .regular-place,
body.angel-product-page .price-wrapper,
body.angel-product-page .total-price,
body.angel-product-page .before-price {
  font-family: "Alexandria", var(--angel-font), -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body.angel-product-page .product-name,
body.angel-product-page h1.product-name,
body.angel-product-page .s-product-details h1,
body.angel-product-page [class*="product-title"],
body.angel-product-page h1 {
  color: #a87910 !important;
  font-size: clamp(24px, 1.75vw, 31px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
  margin-bottom: 10px !important;
}

body.angel-product-page .p-price-outer,
body.angel-product-page .regular-place,
body.angel-product-page .price-wrapper,
body.angel-product-page .price_is_on_sale,
body.angel-product-page [class*="price-wrapper"],
body.angel-product-page [class*="product-price"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  margin: 4px 0 18px !important;
}

body.angel-product-page .total-price,
body.angel-product-page .p-price,
body.angel-product-page .s-product-price,
body.angel-product-page [class*="sale-price"],
body.angel-product-page ins,
body.angel-product-page .amount {
  color: #d8402f !important;
  font-size: clamp(22px, 1.45vw, 27px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body.angel-product-page .before-price,
body.angel-product-page del,
body.angel-product-page [class*="regular-price"],
body.angel-product-page [class*="old-price"] {
  color: #7f7f7f !important;
  font-size: clamp(16px, 1.05vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  opacity: .85 !important;
  text-decoration-thickness: 2px !important;
}

body.angel-product-page .product__description,
body.angel-product-page .product__description article,
body.angel-product-page .product__description .article--main,
body.angel-product-page .product__description p,
body.angel-product-page .product__description li,
body.angel-product-page .product__description span,
body.angel-product-page .product__description div,
body.angel-product-page article.article--main,
body.angel-product-page article.article--main * {
  color: #111111 !important;
  font-size: clamp(17px, 1.08vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.82 !important;
  text-shadow: none !important;
}

body.angel-product-page .product__description b,
body.angel-product-page .product__description strong,
body.angel-product-page .product__description h2,
body.angel-product-page .product__description h3,
body.angel-product-page article.article--main b,
body.angel-product-page article.article--main strong {
  font-size: clamp(18px, 1.18vw, 21px) !important;
  font-weight: 800 !important;
}

/* v26: remove the gray/white band above the product image and let media own the space. */
body.angel-product-page .angel-product-gallery-sticky,
body.angel-product-page .s-product-gallery,
body.angel-product-page .s-product-slider,
body.angel-product-page .s-product-image,
body.angel-product-page .details-slider,
body.angel-product-page [class*="product-gallery"],
body.angel-product-page [class*="product-slider"],
body.angel-product-page [class*="product-images"] {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

body.angel-product-page .s-product-gallery .swiper,
body.angel-product-page .s-product-gallery .swiper-wrapper,
body.angel-product-page .s-product-gallery .swiper-slide,
body.angel-product-page .details-slider .swiper,
body.angel-product-page .details-slider .swiper-wrapper,
body.angel-product-page .details-slider .swiper-slide,
body.angel-product-page [class*="product-gallery"] .swiper,
body.angel-product-page [class*="product-gallery"] .swiper-wrapper,
body.angel-product-page [class*="product-gallery"] .swiper-slide {
  margin-top: 0 !important;
  padding-top: 0 !important;
  align-items: flex-start !important;
}

body.angel-product-page .s-product-gallery img,
body.angel-product-page .s-product-slider img,
body.angel-product-page .s-product-image img,
body.angel-product-page .details-slider img,
body.angel-product-page [class*="product-gallery"] img,
body.angel-product-page [class*="product-slider"] img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 0 !important;
  object-fit: cover !important;
}

/* دائرة القلب (المفضلة) فوق صورة المنتج مالها داعي: نخفيها بالكامل. */
body.angel-product-page .btn--wishlist,
body.angel-product-page [class*="wishlist"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.angel-product-page .s-social-share-btn,
body.angel-product-page [class*="social-share"] {
  z-index: 6 !important;
}

body.angel-product-page .s-product-gallery .btn--wishlist,
body.angel-product-page .details-slider .btn--wishlist,
body.angel-product-page [class*="product-gallery"] .btn--wishlist,
body.angel-product-page .s-product-gallery .s-social-share-btn,
body.angel-product-page .details-slider .s-social-share-btn,
body.angel-product-page [class*="product-gallery"] .s-social-share-btn {
  position: absolute !important;
  top: 18px !important;
  margin: 0 !important;
}

body.angel-product-page .s-product-gallery .s-social-share-btn,
body.angel-product-page .details-slider .s-social-share-btn,
body.angel-product-page [class*="product-gallery"] .s-social-share-btn {
  left: 24px !important;
}

body.angel-product-page .s-product-gallery .btn--wishlist,
body.angel-product-page .details-slider .btn--wishlist,
body.angel-product-page [class*="product-gallery"] .btn--wishlist {
  left: 78px !important;
}

@media (max-width: 600px) {
  body.angel-product-page .product-name,
  body.angel-product-page h1.product-name,
  body.angel-product-page .s-product-details h1,
  body.angel-product-page [class*="product-title"],
  body.angel-product-page h1 {
    font-size: 23px !important;
    line-height: 1.4 !important;
  }

  body.angel-product-page .product__description,
  body.angel-product-page .product__description *,
  body.angel-product-page article.article--main,
  body.angel-product-page article.article--main * {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.85 !important;
  }

  body.angel-product-page .total-price,
  body.angel-product-page .p-price,
  body.angel-product-page .s-product-price,
  body.angel-product-page [class*="sale-price"],
  body.angel-product-page ins,
  body.angel-product-page .amount {
    font-size: 22px !important;
  }
}

/* v29 bug-report cleanup: scoped final overrides only */
body.angel-product-page nav.breadcrumbs,
body.angel-product-page .breadcrumbs,
body.angel-product-page .breadcrumb,
body.angel-product-page .container--breadcrumbs,
body.angel-product-page [class*="breadcrumb"],
body.angel-product-page .angel-breadcrumb-hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.angel-product-page .sold-q-or-remained_wrapper,
body.angel-product-page .sold-times-wrapper,
body.angel-product-page [class*="sold-q-or-remained"],
body.angel-product-page [class*="sold-times"],
body.angel-product-page [class*="sold"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.angel-product-page h1.product-main-title,
body.angel-product-page .product-main-title,
body.angel-product-page h1.product-name,
body.angel-product-page .product-name,
body.angel-product-page .s-product-details h1 {
  color: #a87910 !important;
  -webkit-text-fill-color: unset !important;
  text-shadow: 0 10px 28px rgba(168, 121, 16, 0.18) !important;
}

body.angel-product-page .p-price-outer,
body.angel-product-page .price-wrapper,
body.angel-product-page [class*="price-wrapper"] {
  justify-content: flex-start !important;
  text-align: right !important;
}

body.angel-product-page .p-price-outer,
body.angel-product-page .price-wrapper {
  width: 100% !important;
}

body.angel-home-page header salla-search,
body.angel-product-page header salla-search,
body.angel-home-page .store-header salla-search,
body.angel-product-page .store-header salla-search,
body.angel-home-page .site-header salla-search,
body.angel-product-page .site-header salla-search,
body.angel-home-page .navbar salla-search,
body.angel-product-page .navbar salla-search,
body.angel-header-ready .angel-search-hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

body.angel-header-ready .angel-logo-bar,
body.angel-header-ready .angel-header-old-image-hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.angel-header-ready header,
body.angel-header-ready .store-header,
body.angel-header-ready .site-header,
body.angel-header-ready .navbar,
body.angel-header-ready .main-nav-container {
  position: relative !important;
  min-height: 84px !important;
}

body.angel-header-ready .angel-header-mark {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 8 !important;
  width: 88px !important;
  height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: visible !important;
}

body.angel-header-ready .angel-header-mark img {
  display: block !important;
  width: 88px !important;
  height: 76px !important;
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  -webkit-mask-image: radial-gradient(ellipse 58% 62% at 50% 48%, #000 58%, rgba(0, 0, 0, 0.78) 74%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 58% 62% at 50% 48%, #000 58%, rgba(0, 0, 0, 0.78) 74%, transparent 100%) !important;
}

body.angel-header-ready .angel-header-polished .angel-header-cart-control::before,
body.angel-header-ready .angel-header-polished .angel-header-cart-control::after,
body.angel-header-ready .angel-header-polished .angel-header-menu-control::before,
body.angel-header-ready .angel-header-polished .angel-header-menu-control::after,
body.angel-header-ready .angel-header-polished .angel-header-user-control::before,
body.angel-header-ready .angel-header-polished .angel-header-user-control::after {
  content: none !important;
  display: none !important;
}

body.angel-product-page .s-product-gallery,
body.angel-product-page .details-slider,
body.angel-product-page [class*="product-gallery"] {
  position: relative !important;
}

body.angel-product-page .s-product-gallery .btn--wishlist,
body.angel-product-page .details-slider .btn--wishlist,
body.angel-product-page [class*="product-gallery"] .btn--wishlist,
body.angel-product-page .s-product-gallery .s-social-share-btn,
body.angel-product-page .details-slider .s-social-share-btn,
body.angel-product-page [class*="product-gallery"] .s-social-share-btn {
  position: absolute !important;
  top: 18px !important;
  left: auto !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(168, 121, 16, 0.18) !important;
  box-shadow: 0 8px 22px rgba(17, 17, 17, 0.12) !important;
  color: #a87910 !important;
  z-index: 12 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.angel-product-page .s-product-gallery .s-social-share-btn,
body.angel-product-page .details-slider .s-social-share-btn,
body.angel-product-page [class*="product-gallery"] .s-social-share-btn {
  right: 18px !important;
}

body.angel-product-page .s-product-gallery .btn--wishlist,
body.angel-product-page .details-slider .btn--wishlist,
body.angel-product-page [class*="product-gallery"] .btn--wishlist {
  right: 68px !important;
}

body.angel-product-page .s-product-gallery .btn--wishlist button,
body.angel-product-page .details-slider .btn--wishlist button,
body.angel-product-page .s-product-gallery .s-social-share-btn button,
body.angel-product-page .details-slider .s-social-share-btn button,
body.angel-product-page [class*="product-gallery"] .btn--wishlist button,
body.angel-product-page [class*="product-gallery"] .s-social-share-btn button {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.dark body.angel-light-active,
body.color-mode-dark.angel-light-active,
body.angel-light-active.angel-home-page,
body.angel-light-active.angel-product-page {
  background: #ffffff !important;
  color: #151515 !important;
}

body.angel-light-active header,
body.angel-light-active .store-header,
body.angel-light-active .site-header,
body.angel-light-active .navbar,
body.angel-light-active .main-nav-container,
body.angel-light-active .angel-product-shell,
body.angel-light-active .product-single,
body.angel-light-active .product__description,
body.angel-light-active article.article--main {
  background-color: #ffffff !important;
  color: #151515 !important;
  border-color: rgba(168, 121, 16, 0.14) !important;
}

body.angel-light-active .product__description *,
body.angel-light-active article.article--main * {
  color: #2b2b2b !important;
}

body.angel-dark-active.angel-home-page,
body.angel-dark-active.angel-product-page {
  background: #050505 !important;
  color: #f7f1e6 !important;
}

body.angel-dark-active header,
body.angel-dark-active .store-header,
body.angel-dark-active .site-header,
body.angel-dark-active .navbar,
body.angel-dark-active .main-nav-container,
body.angel-dark-active .angel-product-shell,
body.angel-dark-active .product-single,
body.angel-dark-active .product__description,
body.angel-dark-active article.article--main {
  background-color: #050505 !important;
  color: #f7f1e6 !important;
  border-color: rgba(210, 164, 54, 0.2) !important;
}

body.angel-dark-active .product__description *,
body.angel-dark-active article.article--main * {
  color: #e9e0d1 !important;
}

body.angel-dark-active.angel-product-page h1.product-main-title,
body.angel-dark-active.angel-product-page .product-main-title,
body.angel-dark-active.angel-product-page h1.product-name,
body.angel-dark-active.angel-product-page .product-name,
body.angel-dark-active.angel-product-page .s-product-details h1 {
  color: #d8aa39 !important;
  -webkit-text-fill-color: unset !important;
}

/* v30: dark readability, crisp header image, and dark transition */
body.angel-header-ready .angel-header-mark {
  width: 88px !important;
  height: 88px !important;
  filter: none !important;
  transform: translate(-50%, -50%) translateZ(0) !important;
}

body.angel-header-ready .angel-header-mark img {
  width: 84px !important;
  height: auto !important;
  max-width: 84px !important;
  max-height: 84px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: none !important;
  image-rendering: auto !important;
  backface-visibility: hidden !important;
  transform: none !important;
  border-radius: 20px !important;
  clip-path: inset(0 round 20px) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

@media (max-width: 600px) {
  body.angel-header-ready header,
  body.angel-header-ready .store-header,
  body.angel-header-ready .site-header,
  body.angel-header-ready .navbar,
  body.angel-header-ready .main-nav-container {
    min-height: 56px !important;
  }
  body.angel-header-ready .angel-header-mark {
    width: 42px !important;
    height: 42px !important;
  }
  body.angel-header-ready .angel-header-mark img {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }
  body.angel-header-ready .angel-header-theme-control {
    position: absolute !important;
    left: 276px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 6 !important;
  }
}

html.angel-early-dark body:not(.angel-ui-ready)::before,
body.angel-dark-active:not(.angel-ui-ready)::before {
  background:
    radial-gradient(circle at 50% 42%, rgba(212, 175, 55, 0.16), rgba(0, 0, 0, 0) 32%),
    linear-gradient(180deg, #050505 0%, #000000 100%) !important;
}

html.angel-early-dark #angel-splash,
body.angel-dark-active #angel-splash {
  background:
    radial-gradient(circle at center, rgba(212, 175, 55, 0.12) 0%, rgba(0, 0, 0, 0) 34%),
    #050505 !important;
}

html.angel-early-dark #angel-splash-img,
body.angel-dark-active #angel-splash-img {
  box-shadow: 0 26px 80px rgba(212, 175, 55, 0.18) !important;
}

body.angel-dark-active.angel-product-page,
body.angel-dark-active.angel-product-page .s-product-details,
body.angel-dark-active.angel-product-page .s-product-form,
body.angel-dark-active.angel-product-page .product-form,
body.angel-dark-active.angel-product-page form,
body.angel-dark-active.angel-product-page .product__description,
body.angel-dark-active.angel-product-page article.article--main {
  color: #f4efe6 !important;
  -webkit-text-fill-color: currentColor !important;
}

body.angel-dark-active.angel-product-page .product__description,
body.angel-dark-active.angel-product-page .product__description *,
body.angel-dark-active.angel-product-page article.article--main,
body.angel-dark-active.angel-product-page article.article--main *,
body.angel-dark-active.angel-product-page .s-product-details p,
body.angel-dark-active.angel-product-page .s-product-details li,
body.angel-dark-active.angel-product-page .s-product-details span,
body.angel-dark-active.angel-product-page .s-product-details div:not(.price-wrapper):not(.p-price-outer),
body.angel-dark-active.angel-product-page [class*="product-description"],
body.angel-dark-active.angel-product-page [class*="product-description"] * {
  color: #f1eadf !important;
  -webkit-text-fill-color: #f1eadf !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

body.angel-dark-active.angel-product-page label,
body.angel-dark-active.angel-product-page .form-label,
body.angel-dark-active.angel-product-page [class*="label"],
body.angel-dark-active.angel-product-page [class*="quantity"],
body.angel-dark-active.angel-product-page [class*="qty"],
body.angel-dark-active.angel-product-page .quantity,
body.angel-dark-active.angel-product-page .s-quantity-input-container,
body.angel-dark-active.angel-product-page .s-quantity-input,
body.angel-dark-active.angel-product-page [class*="tamara"],
body.angel-dark-active.angel-product-page [class*="tabby"],
body.angel-dark-active.angel-product-page [class*="payment"],
body.angel-dark-active.angel-product-page [class*="installment"] {
  color: #f7f1e6 !important;
  -webkit-text-fill-color: #f7f1e6 !important;
  opacity: 1 !important;
}

body.angel-dark-active.angel-product-page input,
body.angel-dark-active.angel-product-page select,
body.angel-dark-active.angel-product-page textarea,
body.angel-dark-active.angel-product-page .s-quantity-input,
body.angel-dark-active.angel-product-page [class*="quantity"] input,
body.angel-dark-active.angel-product-page [class*="qty"] input {
  background-color: #0d0d0d !important;
  color: #f7f1e6 !important;
  -webkit-text-fill-color: #f7f1e6 !important;
  border-color: rgba(212, 175, 55, 0.32) !important;
}

body.angel-dark-active.angel-product-page [class*="quantity"] button,
body.angel-dark-active.angel-product-page [class*="qty"] button,
body.angel-dark-active.angel-product-page .s-quantity-input-container button {
  color: #f7f1e6 !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(212, 175, 55, 0.28) !important;
}

body.angel-dark-active.angel-product-page .total-price,
body.angel-dark-active.angel-product-page .p-price,
body.angel-dark-active.angel-product-page .s-product-price,
body.angel-dark-active.angel-product-page [class*="sale-price"],
body.angel-dark-active.angel-product-page ins,
body.angel-dark-active.angel-product-page .amount {
  color: #ff5a4d !important;
  -webkit-text-fill-color: #ff5a4d !important;
}

/* v31: wide Tamara banner above the features section. */
body.angel-home-page .angel-tamara-banner-section {
  width: min(94%, 1540px) !important;
  margin: 42px auto 18px !important;
  direction: rtl !important;
  opacity: 0;
  transform: translateY(34px) scale(.985);
  filter: blur(8px) saturate(.92);
  transition: opacity .78s ease, transform .86s cubic-bezier(.2,.8,.2,1), filter .86s ease;
  will-change: opacity, transform, filter;
}

body.angel-home-page .angel-tamara-banner-section.angel-banner-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: none;
}

body.angel-home-page .angel-tamara-banner-frame {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background: #080808 !important;
  border: 1px solid rgba(212, 175, 55, .28) !important;
  box-shadow: 0 22px 70px rgba(20, 12, 2, .18), 0 0 0 1px rgba(255, 241, 184, .18) inset !important;
  isolation: isolate !important;
  transform: translateZ(0);
}

body.angel-home-page .angel-tamara-banner-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 42%, rgba(255, 255, 255, .32) 50%, transparent 58% 100%);
  opacity: 0;
  transform: translateX(-120%);
}

body.angel-home-page .angel-tamara-banner-section.angel-banner-visible .angel-tamara-banner-frame::after {
  animation: angel-tamara-banner-shine 1.2s ease .24s both;
}

body.angel-home-page .angel-tamara-banner-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1915 / 821 !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1);
  transition: transform .72s cubic-bezier(.2,.8,.2,1), filter .72s ease;
  backface-visibility: hidden;
}

body.angel-home-page .angel-tamara-banner-frame:hover .angel-tamara-banner-img,
body.angel-home-page .angel-tamara-banner-frame:focus-within .angel-tamara-banner-img {
  transform: scale(1.035);
  filter: saturate(1.04) contrast(1.02);
}

@keyframes angel-tamara-banner-shine {
  0% { opacity: 0; transform: translateX(-120%); }
  18% { opacity: .62; }
  100% { opacity: 0; transform: translateX(120%); }
}

@media (max-width: 700px) {
  body.angel-home-page .angel-tamara-banner-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 16px !important;
    margin-bottom: 10px !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    transform: translateY(16px) scale(.99);
    filter: blur(3px) saturate(.94);
  }
  body.angel-home-page .angel-tamara-banner-frame {
    border-radius: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.angel-home-page .angel-tamara-banner-section,
  body.angel-home-page .angel-tamara-banner-img {
    transition: none !important;
  }

  body.angel-home-page .angel-tamara-banner-section {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  body.angel-home-page .angel-tamara-banner-frame::after {
    animation: none !important;
  }
}
/* ═══════════════════════════════════════════════════════════
   v30 PERFECT EDITION — طبقة التصميم النهائية
   لمسات فخامة: توهج ذهبي، حركات ناعمة، بطاقات زجاجية،
   شارة خصم، لمعة صور، وتحسين شامل للوضعين الفاتح والليلي.
   ═══════════════════════════════════════════════════════════ */

/* ─── خلفية الصفحة: هالة ذهبية علوية ناعمة ─── */
body.angel-light-active.angel-home-page,
body.angel-light-active.angel-product-page {
  background:
    radial-gradient(1100px 460px at 50% -120px, rgba(212, 175, 55, 0.13), rgba(212, 175, 55, 0) 62%),
    linear-gradient(180deg, #fffdf7 0%, #ffffff 340px) !important;
}
body.angel-dark-active.angel-home-page,
body.angel-dark-active.angel-product-page {
  background:
    radial-gradient(1100px 460px at 50% -120px, rgba(212, 175, 55, 0.10), rgba(212, 175, 55, 0) 62%),
    linear-gradient(180deg, #070604 0%, #050505 340px) !important;
}

/* ─── تحديد النص وشريط التمرير بهوية المتجر ─── */
::selection { background: rgba(212, 175, 55, 0.85); color: #111; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: rgba(212, 175, 55, 0.06); }
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, #d4af37, #9a7216);
  border: 2px solid rgba(255, 255, 255, 0.55);
}
body.angel-dark-active::-webkit-scrollbar-thumb { border-color: rgba(5, 5, 5, 0.6); }

/* ─── الهيدر: زجاج مصنفر + خيط ذهبي سفلي ─── */
body.angel-header-ready header,
body.angel-header-ready .store-header,
body.angel-header-ready .site-header,
body.angel-header-ready .navbar,
body.angel-header-ready .main-nav-container {
  background: rgba(255, 253, 247, 0.86) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.25);
  backdrop-filter: blur(14px) saturate(1.25);
  border-bottom: 1px solid rgba(212, 175, 55, 0.28) !important;
  box-shadow: 0 8px 30px rgba(132, 92, 14, 0.06) !important;
}
body.angel-dark-active.angel-header-ready header,
body.angel-dark-active.angel-header-ready .store-header,
body.angel-dark-active.angel-header-ready .site-header,
body.angel-dark-active.angel-header-ready .navbar,
body.angel-dark-active.angel-header-ready .main-nav-container {
  background: rgba(7, 6, 4, 0.86) !important;
  border-bottom-color: rgba(212, 175, 55, 0.22) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45) !important;
}

/* ─── الهيرو: إطار متوهج يتنفس + عنوان ذهبي متدرج ─── */
@keyframes angel-hero-aura {
  0%, 100% { box-shadow: 0 24px 72px rgba(132, 92, 14, 0.14), 0 0 0 1px rgba(212, 175, 55, 0.30), 0 0 42px rgba(212, 175, 55, 0.10); }
  50%      { box-shadow: 0 28px 84px rgba(132, 92, 14, 0.20), 0 0 0 1px rgba(212, 175, 55, 0.52), 0 0 68px rgba(212, 175, 55, 0.22); }
}
body.angel-home-page .angel-hero {
  border-color: rgba(212, 175, 55, 0.42) !important;
  animation: angel-hero-aura 5.5s ease-in-out infinite;
}
body.angel-home-page .angel-hero h2 {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #111111;
  color: #111111 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
body.angel-dark-active.angel-home-page .angel-hero h2 {
  background: linear-gradient(165deg, #f7e6ae 5%, #d4af37 45%, #f3d982 75%, #b98f1d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.45));
}

/* زر "شوف المنتج": لمعة ضوء تعبر الزر */
body.angel-home-page .angel-hero .angel-btn.primary {
  position: relative !important;
  overflow: hidden !important;
}
@keyframes angel-btn-sheen {
  0%, 64% { transform: translateX(-160%) skewX(-18deg); }
  100%    { transform: translateX(260%) skewX(-18deg); }
}
body.angel-home-page .angel-hero .angel-btn.primary::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  width: 38%;
  left: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
  animation: angel-btn-sheen 3.4s ease-in-out infinite;
  pointer-events: none;
}
body.angel-home-page .angel-hero .angel-btn.primary:active { transform: translateY(-2px) scale(0.98) !important; }

/* ─── قسم المنتجين: دخول متدرج بطاقة بعد بطاقة ─── */
body.angel-home-page .angel-product-spotlight .angel-product-slot {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.6s ease, transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1);
}
body.angel-home-page .angel-product-spotlight.angel-is-near .angel-product-slot {
  opacity: 1;
  transform: none;
}
body.angel-home-page .angel-product-spotlight.angel-is-near .angel-product-slot:nth-child(2) {
  transition-delay: 0.16s;
}

/* الصور المصغّرة (BLACK OPS 7): ارتفاع خفيف عند المرور */
body.angel-home-page .angel-game-thumb {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body.angel-home-page .angel-product-slot:hover .angel-game-thumb {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(132, 92, 14, 0.28);
}

/* بطاقة المنتج: حافة ذهبية تشتد عند المرور + ظل أعمق */
body.angel-home-page .angel-compact-product {
  border-color: rgba(212, 175, 55, 0.34) !important;
  transition: transform 0.26s ease, box-shadow 0.26s ease, border-color 0.26s ease;
}
body.angel-home-page .angel-compact-product:hover,
body.angel-home-page .angel-compact-product:focus-visible {
  border-color: rgba(212, 175, 55, 0.9) !important;
  box-shadow: 0 28px 64px rgba(132, 92, 14, 0.30), 0 0 0 1px rgba(212, 175, 55, 0.5) !important;
}

/* لمعة ضوئية تمسح صورة المنتج عند المرور */
.angel-card-media { position: relative; display: block; overflow: hidden; }
.angel-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, 0.32) 48%, transparent 64%);
  transform: translateX(-130%);
  transition: transform 0.85s ease;
  pointer-events: none;
}
.angel-compact-product:hover .angel-card-media::after { transform: translateX(130%); }

/* شارة الخصم المحسوبة تلقائيًا */
.angel-discount-chip {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  padding: 5px 14px;
  border-radius: 999px;
  font-family: var(--angel-font);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
  color: #ffffff;
  background: linear-gradient(135deg, #b71c1c, #e53935);
  box-shadow: 0 8px 20px rgba(183, 28, 28, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
}

/* زر إضافة للسلة: لمعة + استجابة ضغط */
.angel-add-single { position: relative !important; overflow: hidden !important; }
.angel-add-single::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  width: 34%;
  left: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  transform: translateX(-160%) skewX(-18deg);
  transition: transform 0.7s ease;
  pointer-events: none;
}
.angel-add-single:hover::before { transform: translateX(320%) skewX(-18deg); }
.angel-add-single:hover {
  box-shadow: 0 16px 36px rgba(212, 175, 55, 0.35) !important;
  filter: brightness(1.04);
}
.angel-add-single:active { transform: scale(0.97) !important; }

/* ─── بانر تمارا: توهج ذهبي يتنفس عند ظهوره ─── */
@keyframes angel-tamara-aura {
  0%, 100% { box-shadow: 0 22px 70px rgba(20, 12, 2, 0.18), 0 0 0 1px rgba(212, 175, 55, 0.30); }
  50%      { box-shadow: 0 26px 80px rgba(20, 12, 2, 0.24), 0 0 46px rgba(212, 175, 55, 0.24), 0 0 0 1px rgba(212, 175, 55, 0.55); }
}
body.angel-home-page .angel-tamara-banner-section.angel-banner-visible .angel-tamara-banner-frame {
  animation: angel-tamara-aura 5s ease-in-out infinite;
}

/* ─── أزرار التواصل: طفو هادئ متبادل ─── */
@keyframes angel-contact-float {
  from { transform: translateY(0); }
  to   { transform: translateY(-5px); }
}
.angel-contact-btn { animation: angel-contact-float 2.6s ease-in-out infinite alternate; }
.angel-contact-btn.angel-telegram { animation-delay: 1.3s; }
.angel-contact-btn:hover { animation-play-state: paused; }

/* ─── صفحة المنتج: استجابة ضغط للأزرار ─── */
.angel-product-add-now:active,
.angel-product-buy-now:active { transform: scale(0.97) !important; }

/* ─── الجوال: ضبط الشارة واللمسات للشاشة الصغيرة ─── */
@media (max-width: 600px) {
  .angel-discount-chip {
    top: 8px;
    right: 8px;
    padding: 3px 10px;
    font-size: 11px;
  }
  body.angel-home-page .angel-product-slot:hover .angel-game-thumb { transform: none; }
}

/* ─── احترام تفضيل تقليل الحركة ─── */
@media (prefers-reduced-motion: reduce) {
  body.angel-home-page .angel-hero,
  body.angel-home-page .angel-hero .angel-btn.primary::before,
  body.angel-home-page .angel-product-spotlight .angel-product-slot,
  body.angel-home-page .angel-tamara-banner-section.angel-banner-visible .angel-tamara-banner-frame,
  .angel-contact-btn,
  .angel-add-single::before,
  .angel-card-media::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   v30.1 — أقسام احترافية + تموضع الهيرو + قائمة المنتجات الجانبية
   ═══════════════════════════════════════════════════════════ */

/* ─── الكمبيوتر: إنزال العنوان وزر "شوف تحت" داخل الهيرو ─── */
@media (min-width: 981px) {
  body.angel-home-page .angel-hero-content {
    transform: translateY(58px);
  }
}

/* ─── القائمة الجانبية: روابط المنتجات المحقونة ─── */
.angel-menu-product { list-style: none !important; }
.angel-menu-product a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  margin: 6px 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  background: linear-gradient(135deg, rgba(255, 253, 247, 0.9), rgba(255, 241, 184, 0.35)) !important;
  color: #14110a !important;
  font-family: var(--angel-font) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}
.angel-menu-product a:hover {
  border-color: rgba(212, 175, 55, 0.7) !important;
  box-shadow: 0 10px 24px rgba(212, 175, 55, 0.18);
  transform: translateY(-1px);
}
.angel-menu-product a img {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px;
  border-radius: 10px !important;
  object-fit: cover !important;
  border: 1px solid rgba(212, 175, 55, 0.35);
  display: block !important;
}
body.angel-dark-active .angel-menu-product a {
  background: linear-gradient(135deg, rgba(20, 18, 12, 0.95), rgba(212, 175, 55, 0.12)) !important;
  color: #f3ead2 !important;
}