/* ===== Homepage v2 — Sprint-001 (BUILD-003) =====
   [hidden] يغلب أي display — قاعدة أمان للأقسام التكيفية */
[hidden]{display:none!important}
/* مكونات الشاشة الأولى فقط. كل القيم من Design Tokens في app.css — صفر قيم صلبة للألوان. */

/* --- Header v2 --- */
.v2-hdr{position:sticky;top:0;z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.v2-hdr .in{max-width:1080px;margin:0 auto;padding:0 calc(var(--sp)*2);height:64px;display:flex;align-items:center;gap:calc(var(--sp)*3)}
.v2-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--txt)}
.v2-logo img{width:30px;height:30px}
.v2-logo b{color:var(--brand-deep)}
.v2-nav{display:flex;gap:calc(var(--sp)*3);margin-inline-start:calc(var(--sp)*2)}
.v2-nav a{text-decoration:none;color:var(--mut);font-size:.95rem;padding:6px 2px;transition:color .15s}
.v2-nav a:hover,.v2-nav a[aria-current="page"]{color:var(--txt)}
.v2-tools{margin-inline-start:auto;display:flex;align-items:center;gap:var(--sp)}
.v2-ic{width:38px;height:38px;display:grid;place-items:center;border-radius:99px;background:transparent;border:none;color:var(--mut);text-decoration:none;transition:all .15s}
.v2-ic:hover{background:var(--card);color:var(--txt)}
.v2-ic svg{width:18px;height:18px}
.v2-kbd{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--mut);font-size:.78rem;background:var(--card)}
@media(max-width:720px){.v2-nav{display:none}.v2-kbd{display:none}}

/* --- Hero v2 --- */
.v2-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(40px, 9vh, 96px) calc(var(--sp)*2) calc(var(--sp)*6)}
.v2-hero h1{font-size:clamp(1.9rem, 5.5vw, 3.1rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;max-width:640px;margin-bottom:calc(var(--sp)*4)}
.v2-brand b{color:var(--brand-deep)}
.v2-tag{font-weight:700;font-size:clamp(1.1rem, 2.6vw, 1.45rem);margin-top:calc(var(--sp)*1.5);letter-spacing:-.01em}
.v2-hero .sub{color:var(--mut);font-size:clamp(.92rem, 2vw, 1.05rem);margin:calc(var(--sp)*1) 0 calc(var(--sp)*5)}

/* --- Search v2 — تجربة بحث واحدة: نفس الصندوق يلتصق عند التمرير --- */
.v2-stick{position:sticky;top:8px;z-index:30;width:100%;max-width:640px;transition:max-width .25s ease}
.v2-stick.stuck{max-width:560px}
.v2-stick.stuck .v2-search form{padding:5px 5px 5px 8px;background:color-mix(in srgb, var(--card) 92%, transparent);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.08)}
.v2-stick.stuck .v2-search input{padding:9px 4px;font-size:1rem}
.v2-stick.stuck .v2-search button{padding:10px 22px}

.v2-search{width:100%;max-width:640px;position:relative}
.v2-search form{display:flex;align-items:center;gap:var(--sp);background:var(--card);border:1px solid var(--line);border-radius:99px;padding:8px 8px 8px 10px;box-shadow:var(--shadow);transition:border-color .15s, box-shadow .15s}
.v2-search form:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.v2-search .mag{flex:0 0 auto;color:var(--mut);margin-inline-start:12px;line-height:0}
.v2-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--txt);font-family:inherit;font-size:clamp(1rem, 2.2vw, 1.15rem);padding:12px 4px}
.v2-search input::placeholder{color:var(--mut)}
.v2-search button{flex:0 0 auto;background:var(--btn);color:var(--btn-ink);border:none;border-radius:99px;padding:13px 30px;font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s}
.v2-search button:active{transform:scale(.97)}
.v2-sugg{position:absolute;top:calc(100% + 8px);inset-inline:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);text-align:right;overflow:hidden}
@media(max-width:560px){.v2-search button{padding:12px 20px}}

/* --- Popular Searches --- */
.v2-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--sp)*1.25);margin-top:calc(var(--sp)*4);max-width:560px}
.v2-pills .cap{width:100%;color:var(--mut);font-size:.82rem;margin-bottom:2px}
.v2-pill{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:9px 20px;font-family:inherit;font-size:.92rem;color:var(--txt);cursor:pointer;transition:all .15s}
.v2-pill:hover{border-color:var(--brand);color:var(--brand-deep)}

/* --- صفوف الاقتراحات (Revision: اسم + عدد فعال + آخر تحقق) --- */
.v2-sg{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:var(--txt);border-bottom:1px solid var(--line);transition:background .1s}
.v2-sg:last-child{border-bottom:none}
.v2-sg:hover{background:var(--bg)}
.v2-sg .av{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:99px;background:var(--brand-soft);color:var(--brand-deep);font-weight:700;font-size:.95rem}
.v2-sg .nm{font-weight:700;font-size:.95rem}
.v2-sg .mt{margin-inline-start:auto;color:var(--mut);font-size:.78rem;text-align:left}
.v2-pills a.v2-pill{text-decoration:none;display:inline-block}

/* ===== Sprint-002: محتوى الرئيسية ===== */
.v2-content{max-width:1080px;margin:0 auto;padding:0 calc(var(--sp)*2) calc(var(--sp)*8)}
.v2-sec{margin-bottom:calc(var(--sp)*7)}
.v2-st{font-size:1.25rem;margin-bottom:calc(var(--sp)*2.5);letter-spacing:-.01em}
.v2-st small{color:var(--mut);font-weight:400;font-size:.8rem;margin-inline-start:8px}
/* المتاجر */
.v2-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:calc(var(--sp)*1.5)}
.v2-store{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--sp)*2.5) var(--sp);text-decoration:none;color:var(--txt);transition:transform .15s, border-color .15s, box-shadow .15s}
.v2-store:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:var(--shadow)}
.v2-store .av{width:52px;height:52px;display:grid;place-items:center;border-radius:99px;background:var(--brand-soft);color:var(--brand-deep);font-weight:700;font-size:1.3rem}
.v2-store .nm{font-weight:700;font-size:.9rem;text-align:center}
.v2-store .ct{color:var(--mut);font-size:.75rem}
/* الفئات — بطاقات بصرية كبيرة */
.v2-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:calc(var(--sp)*1.5)}
.v2-cat{display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg, var(--brand-soft), var(--card) 70%);border:1px solid var(--line);border-radius:calc(var(--r)+4px);padding:calc(var(--sp)*2.5) calc(var(--sp)*2);text-decoration:none;color:var(--txt);transition:transform .15s, border-color .15s}
.v2-cat:hover{transform:translateY(-3px);border-color:var(--brand)}
.v2-cat .em{font-size:1.7rem;line-height:1}
.v2-cat .nm{font-weight:700;font-size:1rem}
.v2-cat .ct{color:var(--mut);font-size:.78rem}
/* Empty State */
.v2-empty{text-align:center;padding:calc(var(--sp)*10) calc(var(--sp)*2);max-width:460px;margin:0 auto}
/* الشعار النصي الرسمي — قابل لإعادة الاستخدام: Hero / Empty / Footer / تسويق */
.ab-tagline{font-size:clamp(1.6rem, 4.5vw, 2.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.4;margin-bottom:calc(var(--sp)*1.5)}
.ab-tagline-sub{color:var(--mut);font-size:clamp(.95rem, 2vw, 1.05rem);line-height:1.9;margin-bottom:calc(var(--sp)*4)}
.v2-empty-cta{display:inline-block;background:var(--btn);color:var(--btn-ink);font-weight:700;border-radius:99px;padding:13px 28px;text-decoration:none}
/* Micro animations — تحترم تفضيل تقليل الحركة */
.fadeup{opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease}
.fadeup.in{opacity:1;transform:none}
.grid .card{transition:transform .15s, box-shadow .15s}
.grid .card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
@media (prefers-reduced-motion: reduce){.fadeup{opacity:1;transform:none;transition:none}.v2-store,.v2-cat,.grid .card{transition:none}}

/* --- Sprint-005: تظليل الاقتراح + صف نشط بالأسهم --- */
.v2-sg mark{background:transparent;color:var(--brand-deep)}
.v2-sg.act{background:var(--brand-soft)}

/* ===== بوابة التجربة الأولى (Sprint-008) — Tokens فقط ===== */
html.gate-lock{overflow:hidden}
.gate{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;padding:calc(var(--sp)*3);opacity:0;transition:opacity .45s ease}
.gate.in{opacity:1}
.gate.out{opacity:0}
.gate-in{text-align:center;max-width:720px;width:100%}
.gate-t{font-size:clamp(1.5rem, 4.5vw, 2.3rem);font-weight:700;letter-spacing:-.02em;opacity:0;transform:translateY(14px);animation:grise .55s .1s ease both}
.gate-s{color:var(--mut);font-size:clamp(1rem, 2.4vw, 1.2rem);margin:calc(var(--sp)*1.5) 0 calc(var(--sp)*5);opacity:0;transform:translateY(14px);animation:grise .55s .25s ease both}
.gate-opts{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--sp)*2.5)}
@media(max-width:640px){.gate-opts{grid-template-columns:1fr}}
.gate-card{display:flex;flex-direction:column;align-items:center;gap:calc(var(--sp)*1.25);background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)+10px);padding:calc(var(--sp)*4) calc(var(--sp)*3);cursor:pointer;font-family:inherit;color:var(--txt);box-shadow:var(--shadow);transition:transform .2s ease, border-color .2s ease;opacity:0;transform:translateY(18px)}
.gate-card:nth-child(1){animation:grise .55s .4s ease both}
.gate-card:nth-child(2){animation:grise .55s .52s ease both}
.gate-card:hover{transform:translateY(-4px);border-color:var(--brand)}
.gate-card:active,.gate-card.picked{transform:scale(.98)}
.gate-ic{font-size:2.4rem;line-height:1}
.gate-h{font-size:1.25rem;font-weight:700}
.gate-d{color:var(--mut);font-size:.92rem;line-height:1.9}
.gate-btn{margin-top:calc(var(--sp)*1.5);background:var(--btn);color:var(--btn-ink);font-weight:700;border-radius:99px;padding:12px 36px;font-size:1rem}
.gate-btn.alt{background:var(--txt);color:var(--card)}
@keyframes grise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.gate,.gate-t,.gate-s,.gate-card{animation:none;opacity:1;transform:none;transition:none}}
/* ===== Smart Hub placeholder ===== */
.smart-soon{min-height:100dvh;display:grid;place-items:center;text-align:center;padding:calc(var(--sp)*3)}
.smart-soon .ic{font-size:3.4rem;margin-bottom:calc(var(--sp)*2);animation:grise .6s ease both}
.smart-soon h1{font-size:clamp(1.4rem, 4vw, 2rem);margin-bottom:var(--sp);animation:grise .6s .15s ease both}
.smart-soon p{color:var(--mut);font-size:1rem;line-height:2;margin-bottom:calc(var(--sp)*4);animation:grise .6s .3s ease both}
.smart-soon a{display:inline-block;background:var(--btn);color:var(--btn-ink);font-weight:700;border-radius:99px;padding:13px 32px;text-decoration:none;animation:grise .6s .45s ease both}

/* ===== وفر بذكاء: قالب الأداة القابل لإعادة الاستخدام (Sprint-009) — Tokens فقط =====
   كل أداة مستقبلية تستخدم: .tool-shell > .tool-head + .tool-body + .tool-result + .tool-bridge */
.sm-wrap{max-width:680px;margin:0 auto;padding:0 calc(var(--sp)*2) calc(var(--sp)*10)}
.sm-hero{text-align:center;padding:clamp(36px,7vh,72px) 0 calc(var(--sp)*4)}
.sm-hero h1{font-size:clamp(1.7rem,5vw,2.6rem);font-weight:700;letter-spacing:-.02em}
.sm-hero p{color:var(--mut);font-size:clamp(1rem,2.4vw,1.15rem);line-height:2;margin-top:calc(var(--sp)*1.5)}
.tool-shell{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)+10px);box-shadow:var(--shadow);overflow:hidden}
.tool-head{display:flex;align-items:center;gap:calc(var(--sp)*1.75);padding:calc(var(--sp)*3);border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--brand-soft),transparent 65%)}
.tool-ic{font-size:2rem;line-height:1}
.tool-head h2{font-size:1.2rem}
.tool-head p{color:var(--mut);font-size:.85rem;margin-top:2px}
.tool-body{padding:calc(var(--sp)*3);display:flex;flex-direction:column;gap:calc(var(--sp)*2.25)}
.tin label{display:block;font-size:.9rem;font-weight:700;margin-bottom:8px}
.tin label small{color:var(--mut);font-weight:400}
.tfield{display:flex;align-items:center;gap:var(--sp);background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r);padding:6px 6px 6px 14px;transition:border-color .15s}
.tfield:focus-within{border-color:var(--brand)}
.tfield input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:inherit;font-size:1.25rem;font-weight:700;color:var(--txt);padding:10px 4px;text-align:right}
.tfield .unit{color:var(--mut);font-size:.85rem;padding-inline-end:10px}
.seg{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:3px}
.seg button{border:none;background:transparent;font-family:inherit;font-weight:700;font-size:.85rem;color:var(--mut);border-radius:99px;padding:8px 16px;cursor:pointer;min-height:38px}
.seg button[aria-pressed="true"]{background:var(--btn);color:var(--btn-ink)}
.tmore{border:1px dashed var(--line);border-radius:var(--r);padding:calc(var(--sp)*1.5)}
.tmore summary{cursor:pointer;color:var(--mut);font-size:.9rem;font-weight:700}
.tmore .tin{margin-top:calc(var(--sp)*2)}
.tchecks{display:flex;flex-direction:column;gap:8px;margin-top:calc(var(--sp)*1.5)}
.tchecks label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--mut);font-weight:400}
.tchecks input{width:18px;height:18px;accent-color:var(--brand)}
/* النتيجة */
.tool-result{border-top:1px solid var(--line);padding:calc(var(--sp)*3);background:var(--bg);animation:grise .4s ease both}
.tr-best{font-size:1.1rem;font-weight:700;color:color-mix(in srgb,var(--brand) 62%,var(--txt));margin-bottom:calc(var(--sp)*2)}
.tr-save{display:flex;align-items:baseline;gap:10px;justify-content:center;background:var(--brand-soft);border-radius:var(--r);padding:calc(var(--sp)*2.5);margin-bottom:calc(var(--sp)*1.5)}
.tr-save b{font-size:clamp(2rem,7vw,2.8rem);color:color-mix(in srgb,var(--brand) 70%,var(--txt));letter-spacing:-.02em}
.tr-save span{color:var(--mut);font-size:.95rem}
.tr-final{text-align:center;color:var(--mut);font-size:.95rem;margin-bottom:calc(var(--sp)*2.5)}
.tr-final b{color:var(--txt);font-size:1.1rem}
.tr-rows{display:flex;flex-direction:column;gap:8px}
.tr-row{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)/1.4);padding:12px 16px;font-size:.9rem;color:var(--mut)}
.tr-row b{color:var(--txt)}
.tr-row.win{border-color:var(--brand);background:var(--brand-soft);color:var(--txt);font-weight:700}
.tr-note{color:var(--mut);font-size:.78rem;text-align:center;margin-top:calc(var(--sp)*2)}
/* الجسر */
.tool-bridge{border-top:1px solid var(--line);padding:calc(var(--sp)*3)}
.bridge-line{font-weight:700;margin:calc(var(--sp)*2) 0;font-size:1rem}
.bridge-line.mut{color:var(--mut);font-weight:400;font-size:.9rem}
.tool-bridge .c2{max-width:100%}
@media(max-width:560px){.tool-body,.tool-result,.tool-bridge,.tool-head{padding:calc(var(--sp)*2)}.tfield input{font-size:1.15rem}}

/* ===== مبدّل التجربتين (Architecture Correction) ===== */
.mode-tog{display:inline-flex;gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px}
.mode-tog button{border:none;background:transparent;font-family:inherit;font-size:.8rem;font-weight:700;color:var(--mut);border-radius:99px;padding:7px 14px;cursor:pointer;white-space:nowrap;transition:all .15s}
.mode-tog button[aria-pressed="true"]{background:var(--btn);color:var(--btn-ink)}
@media(max-width:560px){.mode-tog button{padding:7px 10px;font-size:.74rem}}
/* تبديل التجربة بلا إحساس إعادة تحميل: View Transitions بين الصفحات + تلاشٍ احتياطي */
@view-transition{navigation:auto}
html.mode-out body{opacity:0;transition:opacity .13s ease}
@media (prefers-reduced-motion: reduce){html.mode-out body{transition:none}}

/* ===== عالم التوفير الذكي (Sprint-010) — مساحات واسعة، بطاقات كبيرة، صفر ضجيج ===== */
.w-wrap{max-width:1080px;margin:0 auto;padding:0 calc(var(--sp)*2) calc(var(--sp)*12)}
.w-hero{text-align:center;padding:clamp(48px,9vh,110px) 0 calc(var(--sp)*6)}
.w-hero h1{font-size:clamp(2rem,6vw,3.2rem);font-weight:700;letter-spacing:-.02em}
.w-hero p{color:var(--mut);font-size:clamp(1.02rem,2.6vw,1.25rem);line-height:2.1;margin:calc(var(--sp)*2) 0 calc(var(--sp)*5)}
.w-search{max-width:620px;margin:0 auto}
.w-search form{display:flex;align-items:center;gap:var(--sp);background:var(--card);border:1px solid var(--line);border-radius:99px;padding:8px 8px 8px 10px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}
.w-search form:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.w-search .mag{color:var(--mut);margin-inline-start:12px;line-height:0;flex:0 0 auto}
.w-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--txt);font-family:inherit;font-size:clamp(1rem,2.2vw,1.12rem);padding:13px 4px}
.w-search input::placeholder{color:var(--mut);transition:opacity .3s}
.w-search button{flex:0 0 auto;background:var(--btn);color:var(--btn-ink);border:none;border-radius:99px;padding:13px 28px;font-family:inherit;font-weight:700;font-size:.98rem;cursor:pointer}
.w-sec{margin-top:clamp(56px,9vh,100px)}
.w-t{font-size:clamp(1.25rem,3vw,1.55rem);margin-bottom:calc(var(--sp)*3);letter-spacing:-.01em}
.w-dsub{color:var(--mut);font-size:.95rem;margin:-8px 0 calc(var(--sp)*2.5)}
/* 1) ابدأ من هنا — بطاقات ضخمة */
.w-start{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:calc(var(--sp)*2)}
.w-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)+10px);padding:calc(var(--sp)*3);text-align:right;font-family:inherit;color:var(--txt);cursor:pointer;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}
.w-card:hover{transform:translateY(-5px);border-color:var(--brand)}
.w-card:active{transform:scale(.98)}
.w-ill{width:64px;height:64px;display:grid;place-items:center;font-size:1.9rem;border-radius:20px;background:hsl(var(--wh,158) 70% 93%)}
:root[data-theme="dark"] .w-ill{background:hsl(var(--wh,45) 32% 20%)}
.w-h{font-size:1.12rem;font-weight:700}
.w-d{color:var(--mut);font-size:.88rem;line-height:1.8}
.w-arrow{position:absolute;bottom:calc(var(--sp)*2.5);inset-inline-start:calc(var(--sp)*2.5);color:var(--brand-deep);font-weight:700;font-size:1.1rem;transition:transform .2s}
.w-card:hover .w-arrow{transform:translateX(-5px)}
/* 2) الفئات */
.w-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:calc(var(--sp)*1.5)}
.w-cat{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)+6px);padding:calc(var(--sp)*2.75) var(--sp);font-family:inherit;font-size:.95rem;font-weight:700;color:var(--txt);cursor:pointer;transition:transform .18s,border-color .18s}
.w-cat span{font-size:2rem;line-height:1}
.w-cat:hover{transform:translateY(-4px);border-color:var(--brand)}
/* 3) وفر أكثر — بطاقات أسئلة */
.w-qs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:calc(var(--sp)*2)}
.w-q{display:flex;flex-direction:column;gap:8px;background:linear-gradient(150deg,var(--brand-soft),var(--card) 60%);border:1px solid var(--line);border-radius:calc(var(--r)+8px);padding:calc(var(--sp)*2.75);text-align:right;font-family:inherit;color:var(--txt);cursor:pointer;transition:transform .18s,border-color .18s}
.w-q:hover{transform:translateY(-4px);border-color:var(--brand)}
.w-q b{font-size:1.05rem}
.w-q span{color:var(--mut);font-size:.85rem;line-height:1.8}
.w-q i{color:var(--brand-deep);font-style:normal;font-weight:700;font-size:.85rem;margin-top:4px}
/* 4) المواسم — خط زمني أفقي */
.w-seasons{display:flex;gap:calc(var(--sp)*1.5);overflow-x:auto;padding:var(--sp) 2px calc(var(--sp)*2);scrollbar-width:none;scroll-snap-type:x proximity}
.w-seasons::-webkit-scrollbar{display:none}
.w-season{position:relative;flex:0 0 auto;min-width:150px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)+6px);padding:calc(var(--sp)*2.5) calc(var(--sp)*2);scroll-snap-align:start}
.w-season .se{font-size:1.9rem;line-height:1}
.w-season b{font-size:.98rem}
.w-season small{color:var(--mut);font-size:.75rem}
.w-season.next{border-color:var(--brand);background:var(--brand-soft)}
.w-season .soon-tag{position:absolute;top:-10px;inset-inline-end:12px;background:var(--brand);color:var(--brand-ink);font-size:.68rem;font-weight:700;font-style:normal;border-radius:99px;padding:3px 10px}
/* 5) أدوات اليوم */
.w-today{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:calc(var(--sp)*2)}
.w-td{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)+8px);padding:calc(var(--sp)*2.75);text-align:right;font-family:inherit;color:var(--txt);cursor:pointer;text-decoration:none;transition:transform .18s,border-color .18s}
.w-td:hover{transform:translateY(-4px);border-color:var(--brand)}
.w-td span{color:var(--mut);font-size:.8rem;font-weight:700}
.w-td b{font-size:1.05rem;line-height:1.8}
.w-td i{color:var(--brand-deep);font-style:normal;font-weight:700;font-size:.85rem}
.w-td.tip{cursor:default}
.w-td.tip:hover{transform:none;border-color:var(--line)}
@media(max-width:560px){.w-card{padding:calc(var(--sp)*2.5)}.w-start{grid-template-columns:1fr 1fr}.w-qs{grid-template-columns:1fr}}

/* ⚖️ قارن متجرين */
.cmp-pick{display:grid;grid-template-columns:1fr auto 1fr;gap:calc(var(--sp)*1.5);align-items:end}
.cmp-vs{color:var(--mut);font-weight:700;font-size:.85rem;padding-bottom:18px}
.cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--sp)*2)}
.cmp-meta{text-align:center;color:var(--mut);font-size:.85rem;margin-bottom:var(--sp)}
.cmp-meta b{color:var(--txt)}
@media(max-width:640px){.cmp-pick{grid-template-columns:1fr}.cmp-vs{display:none}.cmp-cols{grid-template-columns:1fr}}

/* 🛒 وين أشتري؟ — حبوب المنتجات */
.cmp-chips{display:flex;gap:var(--sp);flex-wrap:wrap}
.cmp-chips button{background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:9px 18px;font-family:inherit;font-size:.88rem;font-weight:700;color:var(--txt);cursor:pointer;transition:border-color .15s}
.cmp-chips button:hover{border-color:var(--brand)}

/* 🛒 صفوف السوق — المتجر أولاً والكوبون تعزيز */
.mk-row{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)+4px);padding:calc(var(--sp)*1.75);display:flex;flex-direction:column;gap:var(--sp)}
.mk-main{display:flex;align-items:center;gap:calc(var(--sp)*1.5)}
.mk-main .av{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:var(--brand-soft);color:var(--brand-deep);font-weight:700;font-size:1.1rem}
.mk-id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.mk-id b{font-size:1rem}
.mk-id small{color:var(--mut);font-size:.76rem}
.mk-go{flex:0 0 auto;background:var(--btn);color:var(--btn-ink);font-weight:700;border-radius:99px;padding:10px 22px;text-decoration:none;font-size:.9rem;min-height:42px;display:inline-flex;align-items:center}
.mk-coupon{background:var(--bg);border:1px dashed var(--line);border-radius:var(--r);padding:10px 14px;font-size:.83rem;color:var(--mut);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mk-coupon b{color:var(--txt)}
.mk-coupon code{font-family:ui-monospace,Menlo,monospace;color:var(--brand-deep);font-weight:700;letter-spacing:.08em}
.mk-copy{background:var(--brand-soft);color:var(--brand-deep);border:none;border-radius:99px;padding:4px 14px;font-family:inherit;font-weight:700;cursor:pointer}
#cmpStores.grid{grid-template-columns:1fr;gap:var(--sp)}

/* رأس المقارنة + النصيحة + زر الحاسبة الختامي */
.cmp-sub{color:var(--mut);font-size:.9rem;margin:-6px 0 var(--sp);line-height:1.9}
.cmp-tip{background:var(--brand-soft);border-radius:var(--r);padding:10px 16px;font-size:.85rem;color:color-mix(in srgb,var(--brand) 62%,var(--txt));font-weight:700;margin-bottom:calc(var(--sp)*2)}
.mk-coupon.none{color:var(--mut);border-style:solid;background:transparent;font-size:.78rem}
.mk-done{display:block;text-align:center;background:var(--btn);color:var(--btn-ink);font-weight:700;font-size:1rem;border-radius:var(--r);padding:16px;margin-top:calc(var(--sp)*2.5);text-decoration:none;min-height:52px;transition:transform .12s}
.mk-done:active{transform:scale(.98)}

/* ===== Brand Integration Sprint (هوية v2.0) — شعار البوابة + الفوتر الموحد ===== */
.gate-logo{display:block;margin:0 auto calc(var(--sp)*2)}
.gate-tag{color:var(--brand-deep);font-weight:700;font-size:1rem;margin:calc(var(--sp)*-1) 0 calc(var(--sp)*2)}
.v2-foot{border-top:1px solid var(--line);margin-top:calc(var(--sp)*6);padding:calc(var(--sp)*4) 0 calc(var(--sp)*5)}
.v2-foot .in{max-width:1080px;margin:0 auto;padding:0 calc(var(--sp)*2);display:flex;flex-direction:column;gap:calc(var(--sp)*1.5);align-items:flex-start}
.v2-foot .links{display:flex;gap:16px;flex-wrap:wrap}
.v2-foot .links a{color:var(--mut);text-decoration:none;font-size:.88rem}
.v2-foot .links a:hover{color:var(--txt)}
.v2-foot .cp{color:var(--mut);font-size:.82rem}