/* ════════════════════════════════════════════════════════
   الحلة الجديدة (الشريحة ١٥) — ثلاثة ثيمات خفيفة بنفس الهوية فوق قاعدة site.css (theme-plain):
   نقي tv-pure (أبيض) · دافئ tv-warm (كريمي) · هادئ tv-calm (أخضر ناعم). الوزن الأقصى للخط 600.
═══════════════════════════════════════════════════════ */
body.v2 {
  --v-bg: #ffffff; --v-surface: #f5f8f9; --v-card: #ffffff; --v-line: #e6ecee;
  --v-ink: #1d2a30; --v-muted: #66767d; --v-brand: #0e7c86; --v-brand-soft: #e3f3f4; --v-brand-ink: #0a5c63;
  --v-accent: #f59e0b; --v-accent-soft: #fff4dd; --v-accent-ink: #9a5b00; --v-foot: #0b3f45; --v-ok: #16a34a; --v-late: #dc2626;
  --board: var(--v-brand); --board-deep: var(--v-brand-ink); --paper: var(--v-bg); --ink: var(--v-ink); --ink-2: var(--v-muted); --yellow: var(--v-accent);
  font-family: 'Cairo', sans-serif; font-weight: 400; background: var(--v-bg); color: var(--v-ink);
}
body.v2.tv-warm { --v-bg: #fffbf5; --v-surface: #fff4e4; --v-line: #f1e4cf; --v-ink: #2b2620; --v-muted: #7a6f62; --v-brand-soft: #e6f2ef; --v-accent: #e88a0c; --v-accent-soft: #ffeccc; --v-foot: #3b2f22; }
body.v2.tv-calm { --v-bg: #f7faf9; --v-surface: #edf4f3; --v-line: #dde8e6; --v-ink: #23312f; --v-muted: #6d7d7a; --v-brand: #2c8c87; --v-brand-soft: #e2f0ee; --v-brand-ink: #1f6965; --v-accent: #eab042; --v-accent-soft: #fbf1d9; --v-foot: #23413f; }
body.v2.line-female { --v-brand: #a33e7c; --v-brand-ink: #7a2a5c; --v-brand-soft: #fbe9f3; }
body.v2 b, body.v2 strong, body.v2 h1, body.v2 h2, body.v2 h3, body.v2 h4, body.v2 th { font-weight: 600; }
body.v2 .wrap { max-width: 1280px; }
body.v2 .sic, body.v2 .ic { flex: none; }
.rv { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.rv.in, .no-io .rv { opacity: 1; transform: none; }

/* ═══ الأزرار ═══ */
.v2btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 12px; padding: 11px 20px; font: 500 15px 'Cairo', sans-serif; cursor: pointer; text-decoration: none; transition: transform .2s, background .2s, box-shadow .2s; }
.v2btn:hover { transform: translateY(-2px); }
.v2btn.pri { background: var(--v-brand); color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--v-brand) 25%, transparent); }
.v2btn.lite { background: #fff; color: var(--v-brand-ink); border: 1px solid var(--v-line); }
.v2btn.wa { background: #1faa59; color: #fff; }
.v2btn.sm { padding: 8px 14px; font-size: 13.5px; }

/* ═══ الهيدر ═══ */
body.v2 .top.v2top { position: sticky; top: 0; z-index: 40; background: #fff; border-bottom: 1px solid var(--v-line); box-shadow: none; padding: 0; }
.v2row { display: flex; align-items: center; gap: 16px; padding-top: 10px; padding-bottom: 10px; }
body.v2 .brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--v-brand-ink); flex: none; }
body.v2 .brand b { font-size: 19px; display: block; line-height: 1.3; }
body.v2 .brand small { display: block; font-size: 11.5px; color: var(--v-muted); font-weight: 400; }
.v2mark { width: 36px; height: 36px; border-radius: 11px; background: var(--v-brand); color: #fff; display: grid; place-items: center; font-size: 18px; font-weight: 600; flex: none; }
.v2search { flex: 1; position: relative; max-width: 560px; }
.v2search label { display: flex; align-items: center; gap: 8px; background: var(--v-surface); border: 1px solid var(--v-line); border-radius: 12px; padding: 0 14px; color: var(--v-muted); transition: .2s; }
.v2search label:focus-within { border-color: var(--v-brand); background: #fff; box-shadow: 0 0 0 4px var(--v-brand-soft); }
.v2search input { flex: 1; border: 0; background: none; outline: none; padding: 10px 0; font: 14px 'Cairo', sans-serif; color: var(--v-ink); min-width: 0; }
.v2search input::-webkit-search-cancel-button { display: none; }
.sugg { position: absolute; top: calc(100% + 6px); inset-inline: 0; background: #fff; border: 1px solid var(--v-line); border-radius: 14px; box-shadow: 0 18px 40px rgba(0,0,0,.1); padding: 6px; display: none; max-height: 360px; overflow: auto; z-index: 60; }
.sugg.on { display: block; }
.sugg a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; font-size: 14px; color: var(--v-ink); text-decoration: none; }
.sugg a:hover, .sugg a.hl { background: var(--v-surface); }
.sugg a small { color: var(--v-muted); font-size: 12px; display: block; }
.sugg a b { margin-inline-start: auto; color: var(--v-brand-ink); font-size: 13.5px; white-space: nowrap; }
.sugg mark { background: var(--v-accent-soft); color: inherit; border-radius: 3px; }
.sugg .empty { padding: 12px; color: var(--v-muted); font-size: 13.5px; }
.sugg .empty a { display: inline; padding: 0; color: var(--v-brand); }
body.v2 .tools { display: flex; align-items: center; gap: 6px; margin-inline-start: auto; }
.icobtn, body.v2 .accbtn, body.v2 .cartbtn, body.v2 .tbtn { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 10px; border: 0; background: none; color: var(--v-ink); font: 14px 'Cairo', sans-serif; text-decoration: none; cursor: pointer; }
.icobtn:hover, body.v2 .accbtn:hover, body.v2 .cartbtn:hover, body.v2 .tbtn:hover { background: var(--v-surface); }
body.v2 .accbtn.in { color: var(--v-brand-ink); }
.bdg { background: var(--v-accent); color: #fff; font-size: 11px; border-radius: 999px; padding: 0 6px; line-height: 18px; min-width: 18px; text-align: center; }
.icobtn .bdg { position: absolute; top: 2px; inset-inline-start: 2px; }
.bdg.pop { animation: v2pop .45s ease; }
@keyframes v2pop { 40% { transform: scale(1.5); } }
.v2wa { display: inline-flex; align-items: center; gap: 6px; background: #1faa59; color: #fff; border-radius: 10px; padding: 8px 14px; font-size: 14px; text-decoration: none; }
body.v2 .burger { display: none; }
.v2navrow { border-top: 1px solid var(--v-line); }
.v2navrow .wrap { display: flex; align-items: center; gap: 10px; }
body.v2 .v2navrow .nav { display: flex; align-items: center; gap: 2px; flex-wrap: nowrap; position: static; background: none; box-shadow: none; padding: 0; }
body.v2 .v2navrow .nav > a, body.v2 .v2navrow .ddbtn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 12px; color: var(--v-muted); font: 14px 'Cairo', sans-serif; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; text-decoration: none; cursor: pointer; }
body.v2 .v2navrow .nav > a:hover, body.v2 .v2navrow .ddbtn:hover { color: var(--v-brand-ink); background: none; }
body.v2 .v2navrow .nav > a.on, body.v2 .v2navrow .ddbtn.on { color: var(--v-brand-ink); border-bottom-color: var(--v-brand); background: none; }
body.v2 .v2navrow .nav .sic { width: 18px; height: 18px; }
body.v2 .whobox { margin-inline-start: auto; display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--v-muted); }
body.v2 .whobox .glab .sic { display: none; }
body.v2 .whos { display: flex; gap: 4px; }
body.v2 .whobtn { display: inline-flex; align-items: center; gap: 4px; border-radius: 999px; padding: 4px 12px; background: var(--v-surface); color: var(--v-muted); font-size: 13px; text-decoration: none; border: 0; }
body.v2 .whobtn .sic { display: none; }
body.v2 .whobtn.on { background: var(--v-brand); color: #fff; }
body.v2 .subbar.v2sub { background: var(--v-surface); border-bottom: 1px solid var(--v-line); }
body.v2 .subbar.v2sub .wrap { padding-top: 6px; padding-bottom: 6px; }

/* ═══ الرئيسية: السلايدر ═══ */
.hm-hero { position: relative; height: 470px; overflow: hidden; border-radius: 0 0 22px 22px; margin: 0 -16px; background: var(--v-surface); }
.hm-hero .hs { position: absolute; inset: 0; opacity: 0; transition: opacity .9s ease; }
.hm-hero .hs.on { opacity: 1; z-index: 1; }
.hm-hero .hs > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 7s ease; }
.hm-hero .hs.on > img { transform: scale(1); }
.hm-hero .hs::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to left, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 40%, rgba(255,255,255,0) 70%); }
body.v2.tv-warm .hm-hero .hs::after { background: linear-gradient(to left, rgba(255,251,245,.96) 0%, rgba(255,251,245,.86) 40%, rgba(255,251,245,0) 70%); }
.hm-hero .ht { position: absolute; z-index: 2; top: 50%; inset-inline-start: 56px; transform: translateY(-50%); max-width: 480px; }
.hm-hero .ht > * { opacity: 0; transform: translateY(14px); transition: .6s ease; }
.hm-hero .hs.on .ht > * { opacity: 1; transform: none; }
.hm-hero .hs.on .ht > *:nth-child(2) { transition-delay: .12s; } .hm-hero .hs.on .ht > *:nth-child(3) { transition-delay: .24s; } .hm-hero .hs.on .ht > *:nth-child(n+4) { transition-delay: .36s; }
.hm-hero .tag { display: inline-flex; background: var(--v-accent-soft); color: var(--v-accent-ink); font-size: 13px; border-radius: 999px; padding: 4px 12px; margin-bottom: 14px; }
.hm-hero .t-rose .tag { background: #fce7f3; color: #9d174d; }
.hm-hero h1 { font-size: 34px; line-height: 1.4; color: var(--v-ink); margin: 0; }
.hm-hero p { color: var(--v-muted); font-size: 16px; line-height: 1.9; margin: 10px 0 0; }
.hm-hero .ctas { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }
.harr { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 999px; background: rgba(255,255,255,.92); border: 1px solid var(--v-line); display: grid; place-items: center; color: var(--v-ink); cursor: pointer; }
.harr.prev { inset-inline-start: 12px; } .harr.next { inset-inline-end: 12px; }
.harr.prev .sic { transform: rotate(-90deg); } .harr.next .sic { transform: rotate(90deg); }
.hdots { position: absolute; z-index: 3; bottom: 18px; inset-inline-start: 56px; display: flex; gap: 6px; pointer-events: none; }
.hdots button { pointer-events: auto; }
.hdots button { width: 28px; height: 4px; border-radius: 999px; background: rgba(0,0,0,.14); overflow: hidden; border: 0; padding: 0; cursor: pointer; }
.hdots button b { display: block; height: 100%; width: 0; background: var(--v-brand); }
.hdots button.on b { animation: v2prog 6s linear forwards; }
.hdots button.is-done b { width: 100%; }
@keyframes v2prog { to { width: 100%; } }
.cd { display: flex; gap: 8px; margin-top: 14px; }
.cd div { background: #fff; border: 1px solid var(--v-line); border-radius: 12px; min-width: 56px; text-align: center; padding: 6px 4px; }
.cd b { font-size: 21px; display: block; line-height: 1.2; font-variant-numeric: tabular-nums; }
.cd small { font-size: 11px; color: var(--v-muted); }

/* شريط «الآن» */
.hm-ticker { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--v-line); border-radius: 14px; padding: 10px 18px; font-size: 13.5px; margin: 14px 0 0; overflow: hidden; }
.hm-ticker .live { display: flex; align-items: center; gap: 6px; color: var(--v-ok); white-space: nowrap; font-weight: 500; }
.hm-ticker .live i { width: 8px; height: 8px; border-radius: 999px; background: var(--v-ok); animation: v2pulse 1.6s infinite; }
@keyframes v2pulse { 0% { box-shadow: 0 0 0 0 rgba(22,163,74,.5); } 70% { box-shadow: 0 0 0 8px rgba(22,163,74,0); } 100% { box-shadow: 0 0 0 0 rgba(22,163,74,0); } }
.hm-ticker .msg { flex: 1; color: var(--v-muted); transition: opacity .4s, transform .4s; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hm-ticker .msg b { color: var(--v-ink); font-weight: 500; }
.hm-ticker .msg.out { opacity: 0; transform: translateY(-8px); }
.hm-ticker .st { display: flex; gap: 18px; white-space: nowrap; color: var(--v-muted); }
.hm-ticker .st b { color: var(--v-brand-ink); }

/* الأقسام العامة */
.hm-sec { padding: 34px 0 0; }
.hm-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.hm-h h2 { font-size: 22px; margin: 0; color: var(--v-ink); }
.hm-h p { color: var(--v-muted); font-size: 14px; margin: 4px 0 0; }
.hm-h > a { color: var(--v-brand); font-size: 14px; text-decoration: none; }
.hm-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.hm-step { background: var(--v-card); border: 1px solid var(--v-line); border-radius: 16px; padding: 18px; display: flex; gap: 14px; align-items: flex-start; }
.hm-step .n { width: 36px; height: 36px; border-radius: 999px; background: var(--v-brand-soft); color: var(--v-brand-ink); display: grid; place-items: center; flex: none; font-size: 16px; }
.hm-step h3 { font-size: 16px; margin: 0; }
.hm-step p { color: var(--v-muted); font-size: 13.5px; margin: 3px 0 0; line-height: 1.7; }

/* الودجات */
.hm-duo { display: grid; grid-template-columns: 1.3fr 1fr; gap: 16px; }
.hm-duo.one { grid-template-columns: 1fr; }
.wdg { background: var(--v-card); border: 1px solid var(--v-line); border-radius: 20px; padding: 22px; position: relative; overflow: hidden; }
.wdg h2 { font-size: 19px; display: flex; gap: 8px; align-items: center; margin: 0; }
.wdg h2 .sic { color: var(--v-brand); }
.wdg > p { color: var(--v-muted); font-size: 13.5px; margin: 4px 0 14px; }
.fq-steps { display: flex; gap: 6px; margin-bottom: 14px; }
.fq-steps i { flex: 1; height: 4px; border-radius: 999px; background: var(--v-line); transition: .3s; }
.fq-steps i.on { background: var(--v-brand); }
.fq-q { font-size: 15px; font-weight: 500; margin-bottom: 10px; }
.fq-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 8px; }
.fq-opts button { border: 1px solid var(--v-line); background: var(--v-surface); border-radius: 14px; padding: 12px 10px; font: 14px 'Cairo', sans-serif; color: var(--v-ink); display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; transition: .2s; }
.fq-opts button:hover { border-color: var(--v-brand); background: var(--v-brand-soft); transform: translateY(-2px); }
.fq-opts button small { color: var(--v-muted); font-size: 12px; }
.fq-res { display: grid; gap: 10px; animation: v2fade .35s ease; }
@keyframes v2fade { from { opacity: 0; transform: translateY(6px); } }
.fq-card { display: flex; gap: 12px; align-items: center; border: 1px solid var(--v-line); border-radius: 14px; padding: 10px; }
.fq-card img, .fq-card .ph { width: 60px; height: 60px; border-radius: 12px; object-fit: cover; background: var(--v-surface); flex: none; }
.fq-card b { font-size: 14.5px; display: block; }
.fq-card small { color: var(--v-muted); font-size: 12.5px; }
.fq-card .price { margin-inline-start: auto; font-size: 16px; font-weight: 600; color: var(--v-brand-ink); white-space: nowrap; }
.fq-card.alt { background: var(--v-accent-soft); border-color: transparent; }
.fq-card .tagx { font-size: 11px; background: var(--v-accent); color: #fff; border-radius: 999px; padding: 1px 8px; margin-inline-start: 6px; }
.fq-link { border: 0; background: none; color: var(--v-brand); font: 13.5px 'Cairo', sans-serif; padding: 0; margin-top: 8px; cursor: pointer; }
.addb { border: 0; background: var(--v-brand-soft); color: var(--v-brand-ink); border-radius: 10px; padding: 8px 12px; font: 13.5px 'Cairo', sans-serif; display: inline-flex; gap: 5px; align-items: center; cursor: pointer; text-decoration: none; white-space: nowrap; }
.addb:hover { background: var(--v-brand); color: #fff; }
.trk { display: flex; gap: 8px; flex-wrap: wrap; }
.trk input { flex: 1; min-width: 110px; border: 1px solid var(--v-line); border-radius: 12px; padding: 10px 12px; font: 15px 'Cairo', sans-serif; text-align: right; }
.trk input:focus { outline: 0; border-color: var(--v-brand); box-shadow: 0 0 0 4px var(--v-brand-soft); }
.trk-res { margin-top: 16px; }
.trk-res:empty { display: none; }
.trk-res .err { color: var(--v-late); font-size: 13.5px; }
.eta { background: var(--v-brand-soft); color: var(--v-brand-ink); border-radius: 12px; padding: 10px 12px; font-size: 13.5px; margin-bottom: 12px; }
.vstep div { display: flex; gap: 10px; align-items: flex-start; position: relative; padding-bottom: 14px; font-size: 13.5px; color: var(--v-muted); }
.vstep div::before { content: ""; position: absolute; inset-inline-start: 10px; top: 22px; bottom: 0; width: 2px; background: var(--v-line); }
.vstep div:last-child::before { display: none; }
.vstep i { width: 22px; height: 22px; border-radius: 999px; border: 2px solid var(--v-line); background: #fff; flex: none; display: grid; place-items: center; font-style: normal; font-size: 11px; z-index: 1; }
.vstep .is-done { color: var(--v-ink); } .vstep .is-done i { background: var(--v-brand); border-color: var(--v-brand); color: #fff; } .vstep .is-done::before { background: var(--v-brand); }
.vstep .cur { color: var(--v-ink); font-weight: 500; } .vstep .cur i { border-color: var(--v-accent); background: var(--v-accent-soft); }

/* أقسام المتجر: هادئة */
.secs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.sc { background: var(--v-card); border: 1px solid var(--v-line); border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; color: var(--v-ink); text-decoration: none; transition: transform .25s, box-shadow .25s, opacity .3s, border-color .25s; }
.sc:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.07); border-color: color-mix(in srgb, var(--v-brand) 35%, var(--v-line)); }
.sc .ph { height: 132px; overflow: hidden; background: var(--v-surface); }
.sc .ph img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.sc:hover .ph img { transform: scale(1.05); }
.sc .bd { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.sc .tt { display: flex; align-items: center; gap: 10px; }
.sc .ico, .hm-why .ico, .custom-strip .ico { width: 34px; height: 34px; border-radius: 10px; background: var(--v-brand-soft); color: var(--v-brand); display: grid; place-items: center; flex: none; }
.sc b { font-size: 16px; }
.sc p { color: var(--v-muted); font-size: 13.5px; line-height: 1.7; margin: 0; }
.sc .ft { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 10px; font-size: 13px; color: var(--v-muted); }
.sc .ft .from { color: var(--v-brand-ink); font-weight: 600; }
.sc .ft .arr { margin-inline-start: auto; color: var(--v-brand); transition: transform .2s; }
.sc:hover .ft .arr { transform: translateX(-4px); }
.sc .fast { font-size: 11.5px; background: var(--v-accent-soft); color: var(--v-accent-ink); border-radius: 999px; padding: 1px 9px; }
.sc.dim { opacity: .45; }
.custom-strip { margin-top: 16px; display: flex; align-items: center; gap: 14px; background: var(--v-surface); border: 1px dashed color-mix(in srgb, var(--v-brand) 40%, var(--v-line)); border-radius: 16px; padding: 14px 18px; color: var(--v-muted); font-size: 13.5px; text-decoration: none; }
.custom-strip b { display: block; font-size: 15px; color: var(--v-ink); }
.custom-strip .v2btn { margin-inline-start: auto; padding: 9px 16px; font-size: 14px; }

/* البطاقات (site_item_card) بالشكل الجديد */
body.v2 .hm-grid, body.v2 .grid { gap: 16px; }
body.v2 .pcard { background: var(--v-card); border: 1px solid var(--v-line); border-radius: 18px; box-shadow: none; transform: none; position: relative; transition: transform .25s, box-shadow .25s; }
body.v2 .pcard:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.08); }
body.v2 .pcard::before, body.v2 .pcard::after { display: none; }
body.v2 .pcard h3 { font-size: 15.5px; }
body.v2 .pcard h3 a { color: var(--v-ink); }
body.v2 .pcard .price { color: var(--v-brand-ink); }
body.v2 .pcard .add { background: var(--v-brand-soft); color: var(--v-brand-ink); border-radius: 10px; box-shadow: none; }
body.v2 .pcard .add:hover { background: var(--v-brand); color: #fff; }
.cmpb { position: absolute; top: 52px; inset-inline-end: 10px; z-index: 3; width: 34px; height: 34px; border-radius: 999px; background: rgba(255,255,255,.94); border: 1px solid var(--v-line); display: grid; place-items: center; color: var(--v-muted); cursor: pointer; transition: .2s; }
.cmpb:hover { color: var(--v-brand); }
.cmpb.on { background: var(--v-brand); color: #fff; border-color: var(--v-brand); }

/* العرض بعدّاد */
.hm-offer { display: flex; align-items: center; gap: 22px; background: linear-gradient(120deg, var(--v-accent-soft), #fff); border: 1px solid color-mix(in srgb, var(--v-accent) 35%, transparent); border-radius: 20px; padding: 18px 24px; flex-wrap: wrap; }
.hm-offer .pct { font-size: 34px; font-weight: 600; color: var(--v-accent-ink); line-height: 1; }
.hm-offer .pct small { display: block; font-size: 13px; font-weight: 400; }
.hm-offer h3 { font-size: 18px; margin: 0; }
.hm-offer p { color: var(--v-muted); font-size: 13.5px; margin: 2px 0 0; }
.hm-offer .cd { margin: 0 0 0 0; margin-inline-start: auto; }

/* قبل وبعد */
.ba { position: relative; height: 290px; border-radius: 16px; overflow: hidden; border: 1px solid var(--v-line); user-select: none; background: #fff; margin-bottom: 12px; }
.ba .bp { position: absolute; inset: 0; padding: 20px 24px; font-size: 13px; line-height: 2; }
.ba .before { background: #fffdf6; color: #333; font-family: 'Times New Roman', serif; }
.ba .before p { margin: 0 0 4px; }
.ba .before .t1 { font-size: 21px; text-align: left; color: #1a4fd6; text-decoration: underline wavy #e11d48; }
.ba .before .w { text-decoration: underline wavy #e11d48; }
.ba .after { background: #fff; clip-path: inset(0 0 0 50%); }
.ba .after .t1 { font-size: 19px; font-weight: 600; color: var(--v-brand-ink); border-bottom: 3px solid var(--v-brand); display: inline-block; padding-bottom: 2px; margin-bottom: 6px; }
.ba .after h5 { margin: 6px 0 0; font-size: 14px; color: var(--v-brand); font-weight: 600; }
.ba .after p { margin: 0; }
.ba .after ul { margin: 0; padding-inline-start: 18px; }
.ba .lbl { position: absolute; top: 12px; z-index: 3; font: 12px 'Cairo', sans-serif; background: rgba(0,0,0,.6); color: #fff; padding: 2px 10px; border-radius: 999px; }
.ba .lbl.l1 { left: 12px; } .ba .lbl.l2 { right: 12px; background: var(--v-brand); }
.ba .bar { position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; background: var(--v-brand); z-index: 4; transform: translateX(-50%); pointer-events: none; }
.ba .bar::after { content: "⇆"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; border-radius: 999px; background: var(--v-brand); color: #fff; display: grid; place-items: center; font-size: 18px; box-shadow: 0 6px 18px rgba(0,0,0,.2); }
.ba input[type=range] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; z-index: 5; margin: 0; direction: ltr; }

/* المستلزمات */
.sup-tabs { display: flex; gap: 6px; margin-bottom: 12px; }
.sup-tabs button { border: 1px solid var(--v-line); background: #fff; border-radius: 999px; padding: 6px 14px; font: 13.5px 'Cairo', sans-serif; color: var(--v-ink); cursor: pointer; }
.sup-tabs button.on { background: var(--v-brand); border-color: var(--v-brand); color: #fff; }
.sup-list { display: grid; gap: 6px; max-height: 250px; overflow: auto; }
.sup-list label { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; border: 1px solid var(--v-line); font-size: 14px; cursor: pointer; transition: .2s; }
.sup-list label:has(input:checked) { border-color: var(--v-brand); background: var(--v-brand-soft); }
.sup-list input { accent-color: var(--v-brand); width: 18px; height: 18px; }
.sup-list span { flex: 1; }
.sup-list b { color: var(--v-brand-ink); font-size: 13.5px; }
.sup-f { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; gap: 10px; flex-wrap: wrap; }
.sup-f .tot { font-size: 18px; color: var(--v-brand-ink); }

/* ليش */
.hm-why { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.hm-why > div { display: flex; gap: 12px; padding: 16px; border-radius: 16px; background: var(--v-card); border: 1px solid var(--v-line); transition: .2s; }
.hm-why > div:hover { border-color: var(--v-brand); }
.hm-why .ico { width: 40px; height: 40px; border-radius: 12px; }
.hm-why b { font-size: 15px; display: block; }
.hm-why p { color: var(--v-muted); font-size: 13.5px; line-height: 1.7; margin: 2px 0 0; }

/* التقييمات */
.hm-revs { overflow: hidden; mask-image: linear-gradient(to left, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image: linear-gradient(to left, transparent, #000 8%, #000 92%, transparent); }
.hm-revs .track { display: flex; gap: 14px; width: max-content; animation: v2marq 45s linear infinite; }
.hm-revs:hover .track { animation-play-state: paused; }
@keyframes v2marq { to { transform: translateX(50%); } }
.hm-rev { flex: none; width: 300px; background: var(--v-card); border: 1px solid var(--v-line); border-radius: 16px; padding: 14px 16px; font-size: 13.5px; line-height: 1.8; }
.hm-rev p { margin: 4px 0; }
.hm-rev .stars { color: var(--v-accent); letter-spacing: 2px; }
.hm-rev small { color: var(--v-muted); display: block; }
.hm-rev .vb { font-size: 11px; color: var(--v-ok); }

/* بنر التوصيل */
.hm-band { border-radius: 22px; overflow: hidden; position: relative; min-height: 210px; display: flex; align-items: center; background: var(--v-foot); }
.hm-band img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hm-band::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to left, rgba(11,63,69,.92) 35%, rgba(11,63,69,.25)); }
.hm-band > div { position: relative; z-index: 2; color: #fff; padding: 28px 34px; max-width: 520px; }
.hm-band h3 { font-size: 23px; margin: 0; }
.hm-band p { opacity: .9; margin: 6px 0 16px; line-height: 1.8; }

/* المجتمع */
.club { display: grid; grid-template-columns: 1.1fr 1fr; border-radius: 22px; overflow: hidden; background: var(--v-accent-soft); border: 1px solid color-mix(in srgb, var(--v-accent) 30%, transparent); }
.club .l { padding: 28px 30px; }
.club .free { display: inline-block; background: #1faa59; color: #fff; font-size: 12.5px; border-radius: 999px; padding: 3px 12px; margin-bottom: 10px; }
.club h2 { font-size: 23px; line-height: 1.5; margin: 0; }
.club .l > p { color: #6b5a3a; margin: 6px 0 0; line-height: 1.8; font-size: 14.5px; }
.perks { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.perks > div { display: flex; gap: 10px; align-items: flex-start; background: #fff; border-radius: 14px; padding: 12px; font-size: 13.5px; line-height: 1.6; color: var(--v-muted); }
.perks .sic { color: var(--v-accent-ink); width: 22px; height: 22px; }
.perks b { display: block; font-size: 14px; color: var(--v-ink); }
.cform { background: #fff; padding: 26px; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.cform h3 { font-size: 17px; margin: 0; }
.cform > p { color: var(--v-muted); font-size: 14px; margin: 0; line-height: 1.8; }
.consent { display: flex; gap: 8px; font-size: 13px; color: var(--v-muted); align-items: flex-start; line-height: 1.6; }
.consent input { margin-top: 4px; accent-color: var(--v-brand); }
.cform.is-done { text-align: center; align-items: center; }
.cform.is-done .okic { width: 56px; height: 56px; border-radius: 999px; background: #dcfce7; color: var(--v-ok); display: grid; place-items: center; }
.cform.is-done p { color: var(--v-muted); margin: 0; }

/* ═══ الفوتر ═══ */
body.v2 .v2foot { margin-top: 44px; background: var(--v-foot); }
body.v2 .v2foot .chalk-edge { display: none; }
.ft-trust { background: var(--v-surface); border-top: 1px solid var(--v-line); border-bottom: 1px solid var(--v-line); }
.ft-trust .wrap { display: grid; grid-template-columns: repeat(4, 1fr); }
.ft-trust .wrap > div { display: flex; gap: 12px; align-items: center; padding: 18px 10px; font-size: 13.5px; color: var(--v-muted); }
.ft-trust .sic { width: 38px; height: 38px; padding: 8px; border-radius: 12px; background: #fff; color: var(--v-brand); border: 1px solid var(--v-line); }
.ft-trust b { display: block; color: var(--v-ink); font-size: 14.5px; }
body.v2 .v2foot .ft-brand .v2mark { background: #fff; color: var(--v-foot); }
body.v2 .v2foot .ft-legal { background: rgba(0,0,0,.25); }
.ft-rvlogo { height: 46px; width: auto; display: block; }


/* ═══ الصفحات الداخلية: رؤوس الصفحات (المتجر · الطلب الخاص · الاشتراكات) بالخفة نفسها ═══ */
body.v2 .board, body.v2 .slide.s-board { background: linear-gradient(135deg, var(--v-brand-soft), #fff 70%); color: var(--v-ink); border: 1px solid var(--v-line); border-radius: 22px; box-shadow: none; }
body.v2 .board h1, body.v2 .board h2 { color: var(--v-ink); text-shadow: none; }
body.v2 .board p { color: var(--v-muted); }
body.v2 .board p b { color: var(--v-ink); }
body.v2 .board .kicker { background: #fff; color: var(--v-brand-ink); border: 1px solid var(--v-line); }
body.v2 .board .btn.wa { background: #1faa59; color: #fff; }
body.v2 .ofc-search { background: #fff; border: 1px solid var(--v-line); }
body.v2 .ofc-chips { scrollbar-width: none; }
body.v2 .ofc-chips::-webkit-scrollbar { display: none; }
body.v2 .h2 .chalk-word { color: var(--v-ink); }
body.v2 .h2 .chalk-word::after { display: none; }

/* «السلة» نص عادي (قاعدة site.css القديمة تجعل كل span في زر السلة شارة) */
body.v2 .cartbtn .cbl { position: static; background: none; color: inherit; min-width: 0; height: auto; padding: 0; font-size: 14px; font-weight: 400; box-shadow: none; border-radius: 0; }
body.v2 .cartbtn .bdg { top: 0; inset-inline-start: 0; }
body.has-cmp { padding-bottom: 90px; }

/* ═══ العناصر العائمة ═══ */
.wa-fab { position: fixed; bottom: 22px; left: 22px; z-index: 72; }
.wa-fab > button { width: 56px; height: 56px; border-radius: 999px; background: #1faa59; color: #fff; border: 0; display: grid; place-items: center; box-shadow: 0 10px 26px rgba(31,170,89,.45); position: relative; cursor: pointer; }
.wa-fab > button::after { content: ""; position: absolute; inset: -6px; border-radius: 999px; border: 2px solid #1faa59; opacity: .4; animation: v2ring 2.2s infinite; }
@keyframes v2ring { 0% { transform: scale(.85); opacity: .5; } 100% { transform: scale(1.25); opacity: 0; } }
.wa-fab > button .sic { width: 28px; height: 28px; }
.wa-pop { position: absolute; bottom: 68px; left: 0; width: 290px; background: #fff; border-radius: 18px; box-shadow: 0 20px 50px rgba(0,0,0,.18); overflow: hidden; transform-origin: bottom left; transform: scale(.6); opacity: 0; pointer-events: none; transition: .25s; }
.wa-fab.on .wa-pop { transform: none; opacity: 1; pointer-events: auto; }
.wa-pop .wtop { background: #1faa59; color: #fff; padding: 14px 16px; font-size: 14px; }
.wa-pop .wtop b { font-size: 16px; display: block; }
.wa-pop a { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--v-line); font-size: 14px; color: var(--v-ink); text-decoration: none; }
.wa-pop a:hover { background: var(--v-surface); }
.wa-pop a small { display: block; color: var(--v-muted); font-size: 12px; }
.wav { width: 38px; height: 38px; border-radius: 999px; background: var(--v-accent-soft); color: var(--v-accent-ink); display: grid; place-items: center; }
.wav.f { background: #fce7f3; color: #be185d; }
.wa-pop .dot { margin-inline-start: auto; width: 9px; height: 9px; border-radius: 999px; background: var(--v-ok); }
.cmp-tray { position: fixed; bottom: -130px; left: 50%; transform: translateX(-50%); background: #13262b; color: #fff; border-radius: 18px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; z-index: 75; transition: bottom .4s cubic-bezier(.2,.9,.3,1.2); box-shadow: 0 20px 40px rgba(0,0,0,.25); }
.cmp-tray:not(.on) { visibility: hidden; }
.cmp-tray.on { bottom: 20px; }
.cmp-tray .th { display: flex; gap: 6px; }
.cmp-tray .th span { position: relative; width: 46px; height: 46px; border-radius: 10px; background: rgba(255,255,255,.12); display: grid; place-items: center; font-size: 11px; overflow: visible; }
.cmp-tray .th img { width: 46px; height: 46px; border-radius: 10px; object-fit: cover; }
.cmp-tray .th button { position: absolute; top: -6px; left: -6px; width: 20px; height: 20px; border-radius: 999px; border: 0; background: #fff; color: #13262b; font-size: 12px; line-height: 1; cursor: pointer; }
.cmp-tray .ph { width: 46px; height: 46px; border-radius: 10px; border: 2px dashed rgba(255,255,255,.3); display: grid; place-items: center; opacity: .7; }
.v2modal { position: fixed; inset: 0; background: rgba(10,25,28,.55); z-index: 95; display: none; align-items: center; justify-content: center; padding: 20px; }
.v2modal.on { display: flex; animation: v2fade .25s ease; }
.mbox { background: #fff; border-radius: 22px; max-width: 900px; width: 100%; max-height: 90vh; overflow: auto; padding: 22px; }
.mbox .mh { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.mbox .mh h3 { font-size: 20px; margin: 0; }
.xbtn { border: 0; background: var(--v-surface); width: 36px; height: 36px; border-radius: 999px; font-size: 18px; color: var(--v-muted); cursor: pointer; }
.ctable { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.ctable th, .ctable td { padding: 12px; text-align: center; border-bottom: 1px solid var(--v-line); }
.ctable th:first-child, .ctable td:first-child { text-align: right; color: var(--v-muted); font-weight: 400; width: 130px; }
.ctable thead img, .ctable thead .ph { width: 100%; height: 110px; object-fit: cover; border-radius: 14px; margin-bottom: 8px; background: var(--v-surface); display: block; }
.ctable thead a { color: var(--v-ink); text-decoration: none; }
.ctable td.best { color: var(--v-ok); font-weight: 600; }
.ctable td.best::after { content: " ✓"; }
.ctable tr:last-child td { border: 0; }
.cart-shade { position: fixed; inset: 0; background: rgba(10,25,28,.4); z-index: 94; display: none; }
.cart-shade.on { display: block; }
.cart-dr { position: fixed; top: 0; bottom: 0; left: 0; width: 400px; max-width: 92vw; background: #fff; z-index: 96; transform: translateX(-105%); transition: transform .4s cubic-bezier(.2,.8,.2,1); display: flex; flex-direction: column; box-shadow: 20px 0 50px rgba(0,0,0,.15); }
.cart-dr.on { transform: none; }
.cd-h { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--v-line); }
.cd-h h3 { font-size: 18px; margin: 0; }
.cd-list { flex: 1; overflow: auto; padding: 12px 18px; display: grid; gap: 10px; align-content: start; }
.cd-item { border: 1px solid var(--v-line); border-radius: 14px; padding: 10px 12px; animation: v2fade .3s ease; }
.cd-item b { font-size: 14px; display: block; }
.cd-item .r1 { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; gap: 8px; }
.cd-item .q { display: inline-flex; align-items: center; border: 1px solid var(--v-line); border-radius: 10px; overflow: hidden; }
.cd-item .q button { width: 30px; height: 30px; border: 0; background: var(--v-surface); font-size: 15px; cursor: pointer; }
.cd-item .q span { min-width: 30px; text-align: center; font-size: 14px; }
.cd-item .lp { font-weight: 600; color: var(--v-brand-ink); }
.cd-item .rm { border: 0; background: none; color: var(--v-muted); font: 12.5px 'Cairo', sans-serif; padding: 0; cursor: pointer; }
.cd-empty { text-align: center; color: var(--v-muted); padding: 40px 10px; font-size: 14px; }
.cd-f { border-top: 1px solid var(--v-line); padding: 14px 18px; display: grid; gap: 8px; font-size: 14px; }
.cd-f .ln { display: flex; justify-content: space-between; color: var(--v-muted); }
.cd-f .ln.tot { color: var(--v-ink); font-size: 17px; font-weight: 600; }
.cd-note { color: var(--v-muted); font-size: 12px; }
.v2bnav { display: none; }

/* ═══ الجوال والتابلت ═══ */
@media (max-width: 1180px) {
  body.v2 .burger { display: inline-flex; background: var(--v-surface); border: 0; border-radius: 10px; padding: 8px; color: var(--v-ink); }
  .v2navrow { display: none; }
  body.v2.menu .v2navrow { display: block; }
  body.v2.menu .v2navrow .wrap { flex-direction: column; align-items: stretch; padding-bottom: 10px; }
  body.v2.menu .v2navrow .nav { flex-direction: column; align-items: stretch; }
  body.v2 .whobox { margin: 6px 0 0; }
  .v2wa span, .cbl { display: none; }
  .hm-steps, .hm-why, .perks { grid-template-columns: 1fr 1fr; }
  .secs { grid-template-columns: 1fr 1fr; }
  .hm-duo, .club { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .v2row { flex-wrap: wrap; gap: 8px; }
  .v2search { order: 3; flex-basis: 100%; max-width: none; }
  body.v2 .brand small, .v2wa, body.v2 .tdd, .icobtn[href] { display: none; }
  body.v2 .accbtn span { display: none; }
  .hm-hero { height: 400px; margin: 0 -12px; border-radius: 0 0 18px 18px; }
  .hm-hero .hs::after { background: linear-gradient(to top, rgba(255,255,255,.97) 45%, rgba(255,255,255,.55) 75%, rgba(255,255,255,.1)); }
  .hm-hero .ht { top: auto; bottom: 38px; transform: none; inset-inline: 18px; max-width: none; }
  .hm-hero h1 { font-size: 23px; }
  .hm-hero p { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .harr { display: none; }
  .hdots { inset-inline-start: 18px; bottom: 14px; }
  .hm-ticker .st { display: none; }
  .hm-steps, .hm-why, .perks { grid-template-columns: 1fr; }
  .secs { grid-template-columns: 1fr 1fr; gap: 10px; }
  .sc .ph { height: 96px; } .sc .bd { padding: 10px 12px 12px; } .sc p { display: none; } .sc b { font-size: 14px; } .sc .tt .ico { display: none; }
  .sc .ft { flex-wrap: wrap; gap: 4px; } .sc .ft .arr { display: none; }
  .custom-strip { flex-wrap: wrap; } .custom-strip .v2btn { margin: 0; width: 100%; }
  .hm-offer .cd { margin: 0; }
  .ba { height: 330px; }
  .ft-trust .wrap { grid-template-columns: 1fr 1fr; }
  .cmpb { width: 30px; height: 30px; top: 46px; }
  body.v2 .cartbtn .cbl { display: none; }
  body.has-cmp { padding-bottom: 150px; }
  .wa-fab { bottom: 78px; left: 14px; }
  .wa-fab > button { width: 50px; height: 50px; }
  body.v2 { padding-bottom: 64px; }
  .v2bnav { display: flex; position: fixed; bottom: 0; inset-inline: 0; z-index: 70; background: #fff; border-top: 1px solid var(--v-line); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); }
  .v2bnav a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 11px; color: var(--v-muted); text-decoration: none; position: relative; }
  .v2bnav a.wa { color: #1faa59; }
  .v2bnav .bdg { position: absolute; top: -4px; right: 26%; }
  .cmp-tray.on { bottom: 74px; }
}
@media (prefers-reduced-motion: reduce) {
  .rv { opacity: 1; transform: none; }
  .hm-hero .hs > img, .hm-revs .track, .wa-fab > button::after, .hm-ticker .live i { animation: none !important; transition: none !important; transform: none !important; }
}