/* =====================================================================
   home-variants.css — ثلاث نسخ تجريبية للصفحة الرئيسية (home-a / home-b / home-c.html)
   تستعمل عناصر الموقع الأصلية: بطاقات l-card، صور التصنيفات، نورس، الهيرو، البحث.
   ===================================================================== */
body.hv{--hv-o:#F6921E;--hv-od:#E07D0A;--hv-ol:#FFF3E0;--hv-ink:#0f172a;--hv-sub:#64748b;--hv-ln:#eef0f3;--hv-soft:#f8f6f2}
.hv .hv-wrap{max-width:1100px;margin:0 auto;padding:14px 16px 96px}
@media(min-width:768px){.hv .hv-wrap{padding:24px 24px 56px}}
.hv .hv-rise{opacity:0;transform:translateY(14px);animation:hvRise .55s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0)*70ms)}
@keyframes hvRise{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hv *{animation:none!important;transition:none!important}.hv .hv-rise{opacity:1;transform:none}}

/* البحث: نفس عنصر الموقع، بس مو عائم فوق الهيرو */
.hv .search-wrap{margin:0 0 12px;width:100%;max-width:none;box-shadow:none;border:1.5px solid var(--hv-ln);background:var(--hv-soft);transition:border-color .2s,box-shadow .2s}
.hv .search-wrap:focus-within{border-color:var(--hv-o);box-shadow:0 0 0 4px rgba(246,146,30,.15)}
.hv .search-wrap input{padding:13px 14px;font-size:15px}
@media(min-width:1024px){.hv .search-wrap{margin:0 auto 14px;max-width:720px;width:100%;padding:4px 6px 4px 10px;border-radius:18px}.hv .search-wrap input{font-size:16px;padding:14px 16px}.hv .search-btn{width:46px;height:46px}.hv .search-btn svg{width:22px;height:22px}}

/* عناوين الأقسام */
.hv .hv-sec{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}
.hv .hv-sec h2{margin:0;font-size:18px;font-weight:800;color:var(--hv-ink);display:flex;align-items:center;gap:8px}
.hv .hv-sec button{border:0;background:none;font:700 13px var(--font);color:var(--hv-sub);cursor:pointer;display:flex;align-items:center;gap:2px}
.hv-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#16a34a}
.hv-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;animation:hvBlink 1.4s infinite}
@keyframes hvBlink{50%{opacity:.25;transform:scale(.7)}}

/* شرائح */
.hv .hv-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px}
.hv .hv-chips::-webkit-scrollbar{display:none}
.hv .hv-chip{flex-shrink:0;border:1.5px solid var(--hv-ln);background:#fff;border-radius:99px;padding:8px 15px;font:700 13px var(--font);color:var(--hv-ink);cursor:pointer;transition:.2s}
.hv .hv-chip.on{background:var(--hv-ink);color:#fff;border-color:var(--hv-ink)}

/* تصنيفات دائرية (الصور الأصلية) */
.hv .hv-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:4px 16px}
.hv .hv-cats::-webkit-scrollbar{display:none}
.hv .hv-cat{flex:0 0 74px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;background:none;border:0;padding:0;font:600 12.5px var(--font);color:var(--hv-ink);text-align:center;line-height:1.3}
.hv .hv-cat .ci{width:62px;height:62px;border-radius:50%;transition:transform .3s}
.hv .hv-cat .ci img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hv .hv-cat:hover .ci,.hv .hv-cat:active .ci{transform:scale(1.1) rotate(-3deg)}
@media(min-width:768px){.hv .hv-cats{justify-content:center;overflow:visible;margin:0}.hv .hv-cat{flex-basis:110px}.hv .hv-cat .ci{width:84px;height:84px}}

/* رايل أفقي لبطاقات الموقع الأصلية */
.hv .hv-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:4px 16px 12px}
.hv .hv-rail::-webkit-scrollbar{display:none}
.hv .hv-rail>.l-card{flex:0 0 68%;max-width:290px;scroll-snap-align:center}
.hv .hv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:768px){.hv .hv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hv .hv-rail>.l-card{flex-basis:260px}}
@media(min-width:1024px){.hv .hv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hv .hv-empty{padding:26px 10px;text-align:center;color:var(--hv-sub);font-size:14px;grid-column:1/-1}
.hv .hv-skel{height:200px;border-radius:16px;background:linear-gradient(100deg,#f1f1f1 30%,#f9f9f9 50%,#f1f1f1 70%);background-size:200% 100%;animation:hvSk 1.3s infinite}
@keyframes hvSk{to{background-position:-200% 0}}

/* هيرو البيع: نفس عناصر الهيرو الأصلي بحجم مدمج */
.hv .hv-sell{position:relative;margin:20px 0 0;border-radius:20px;background:linear-gradient(110deg,#FFE9CC,#FDBE74);padding:12px 14px;overflow:hidden}
.hv .hv-sell .hero-cta-new{background:none;padding:0;gap:10px}
.hv .hv-sell .hero-cta-main{gap:12px}
.hv .hv-sell .hero-char-wrap{width:96px;max-width:96px}
.hv .hv-sell .hero-cta-title{font-size:16px}
.hv .hv-sell .hero-cta-btn{margin-top:10px;font-size:13px;padding:9px 16px;display:inline-flex;background:var(--hv-ink);animation:none;box-shadow:none}
@media(min-width:768px){.hv .hv-sell{padding:18px 28px}.hv .hv-sell .hero-cta-new{max-width:none;padding:0}.hv .hv-sell .hero-char-wrap{width:150px;max-width:150px}.hv .hv-sell .hero-cta-title{font-size:22px}.hv .hv-sell .hero-cta-main{justify-content:flex-start}}

/* شريط مباشر (أ) */
.hv .hv-ticker{margin-top:14px;border-radius:14px;background:var(--hv-ink);color:#fff;height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;overflow:hidden;cursor:pointer}
.hv .hv-ticker .hv-live{color:#4ade80;flex-shrink:0}
.hv .hv-tk{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s,transform .25s}
.hv .hv-tk.out{opacity:0;transform:translateY(-8px)}

/* شريط سفلي عائم زجاجي (موبايل) + 4 أشكال للهيدر للمعاينة (hh1..hh4) */
.hv-nav,.hv-hbtn{display:none}
@media(max-width:767px){
  body.hv .page:not(#page-home){padding-bottom:104px}
  body.hv #installBanner,body.hv .dla-banner{bottom:96px!important}

  /* ===== الشريط السفلي ===== */
  .hv-nav{display:flex;position:fixed;left:12px;right:12px;margin:0 auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:456px;z-index:4000;isolation:isolate;align-items:center;justify-content:space-between;height:64px;border-radius:30px;padding:0 10px;
    background:#fff;border:1px solid #eef0f3;box-shadow:0 10px 30px rgba(15,23,42,.12)}
  .hv-nav button{border:0;background:none;font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;display:flex;align-items:center;flex:1;flex-direction:column;justify-content:center;gap:2px;height:100%;color:#64748b;transition:color .25s}
  .hv-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .hv-nav .ic{display:grid;place-items:center;transition:transform .3s}
  .hv-nav .lb{font:700 10.5px var(--font)}
  .hv-nav button.on{color:var(--hv-o)}
  .hv-nav button.on .ic{filter:drop-shadow(0 0 7px rgba(246,146,30,.55));transform:translateY(-2px)}
  .hv-nav button.on::after{content:"";position:absolute;bottom:6px;width:16px;height:3px;border-radius:3px;background:var(--hv-o)}
  .hv-nav .add{flex:0 0 54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff;justify-content:center;transform:translateY(-16px);box-shadow:0 10px 22px rgba(246,146,30,.55),0 0 0 5px #fff}
  .hv-nav .add::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(246,146,30,.55);pointer-events:none;animation:hvPulse 2.6s infinite}
  .hv-nav .add .lb{display:none}
  .hv-nav .add .ic svg{width:27px;height:27px}
  .hv-nav .add .ic{filter:none;transform:none}
  .hv-nav .ic{position:relative}
  .hv-nbdg{position:absolute;top:-2px;inset-inline-end:-4px;width:12px;height:12px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2.5px #fff;transform:scale(0);transition:transform .2s}
  .hv-nbdg.on{transform:scale(1);animation:hvDot 1.8s infinite}
  @keyframes hvDot{0%{box-shadow:0 0 0 2.5px #fff,0 0 0 2.5px rgba(239,68,68,.5)}70%,100%{box-shadow:0 0 0 2.5px #fff,0 0 0 9px rgba(239,68,68,0)}}

  /* ===== الهيدر: زر الحساب يبقى (أيقونة بدل الكلمة)، + زر بحث ===== */
  .hv-hbtn{display:flex;width:40px;height:40px;border:0;background:none;border-radius:50%;align-items:center;justify-content:center;color:var(--hv-ink);position:relative;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}
  .hv-hbtn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  body.hv .header .header-profile-btn{width:40px;height:40px;padding:0;border:0;border-radius:50%;color:var(--hv-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}
  body.hv .header .header-profile-btn svg{width:23px;height:23px}
  .hv-hbtn:active,.hv .header .menu-btn:active,.hv .header .header-profile-btn:active{transform:scale(.92)}
  body.hv .header{transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .25s;will-change:transform}
  body.hv.hv-hdr-hide .header{transform:translateY(-110%);box-shadow:none}
  body.hv.hv-scrolled .header{box-shadow:0 1px 0 rgba(15,23,42,.08)}

  /* الهيدر: الشعار يمين، وأزرار دائرية رمادية يسار (بحث، حساب، قائمة) */
  body.hv .header .logo{order:0;flex:1;justify-content:flex-start}
  body.hv .hv-h-search{order:1}body.hv .header .header-profile-btn{order:2}body.hv .header .menu-btn{order:3}
  body.hv .header{gap:8px}
  body.hv .hv-hbtn,body.hv .header .menu-btn,body.hv .header .header-profile-btn{background:#f3f4f6;width:40px;height:40px;border-radius:50%;padding:0}
  body.hv .header .menu-btn span{width:18px;height:2.2px}
  body.hv .header .menu-btn{gap:4px}

}
@keyframes hvPulse{0%{transform:scale(1);opacity:1}70%,100%{transform:scale(1.42);opacity:0}}
/* نوافذ النشر فوق نوافذ المفضلة/طلباتي/المحادثات (10000) وتغبّش اللي وراها */
/* ورقة الفلتر فوق شريط «حمّل التطبيق» (كان يغطي زر «تطبيق») */
body.hv .filter-overlay{z-index:6100}
body.hv .filter-sheet{z-index:6101}
/* أيقونة الحساب بالهيدر (بدل كلمة «الحساب») — للكمبيوتر أيضًا */
.hv .header .header-profile-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
@media(min-width:768px){body.hv .noras-fab{bottom:16px}}

/* ===== ب: نيّة المستخدم ===== */
.hv-b .hv-hello small{color:var(--hv-sub);font-size:14px;font-weight:700}
.hv-b .hv-hello h1{margin:2px 0 14px;font-size:28px;line-height:1.25;font-weight:900;color:var(--hv-ink)}
.hv-b .hv-hello h1 em{font-style:normal;color:var(--hv-o)}
.hv-b .hv-intents{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.hv-b .hv-intent{border:0;border-radius:20px;padding:14px;text-align:start;display:flex;flex-direction:column;gap:18px;cursor:pointer;font-family:var(--font);color:var(--hv-ink);transition:transform .2s}
.hv-b .hv-intent:active{transform:scale(.97)}
.hv-b .hv-intent b{font-size:16px;display:block;font-weight:800}
.hv-b .hv-intent span.s{font-size:12px;opacity:.75;font-weight:500}
.hv-b .hv-intent .ico{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.7);display:grid;place-items:center}
.hv-b .hv-intent .ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hv-b .hv-intent.big{grid-column:1/-1;flex-direction:row;align-items:center;gap:14px;background:var(--hv-ink);color:#fff}
.hv-b .hv-intent.big .ico{background:var(--hv-o);color:#fff}
.hv-b .hv-intent.i1{background:#FFE7C6}.hv-b .hv-intent.i2{background:#E4EEDB}
@media(min-width:768px){.hv-b .hv-intents{grid-template-columns:2fr 1fr 1fr}.hv-b .hv-intent.big{grid-column:auto}}
.hv-b .hv-sug{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 6px;padding:0 16px}
.hv-b .hv-sug::-webkit-scrollbar{display:none}
.hv-b .hv-sug button{flex-shrink:0;border:1.5px dashed #e0c9a8;background:#fffaf2;border-radius:99px;padding:7px 13px;font:700 12.5px var(--font);color:#8a5a1f;cursor:pointer}
.hv-b .hv-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(min-width:768px){.hv-b .hv-grid4{grid-template-columns:repeat(7,1fr)}}
.hv-b .hv-gc{border:0;background:var(--hv-soft);border-radius:18px;padding:12px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;font:700 12px var(--font);color:var(--hv-ink);cursor:pointer;transition:.2s;text-align:center}
.hv-b .hv-gc:active{transform:scale(.95)}
.hv-b .hv-gc .ci{width:50px;height:50px}.hv-b .hv-gc .ci img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.hv-b .hv-gc small{font-size:11px;color:var(--hv-sub);font-weight:600;min-height:1em}
.hv-b #norasHome{display:flex;margin-top:22px;padding:14px;background:var(--hv-soft);border-radius:22px;border:1.5px solid var(--hv-ln)}
.hv-b #norasHome .noras-home-imgwrap{max-width:130px}

/* ===== ج: بينتو + بانر ===== */
.hv-c .hv-promo{position:relative;border-radius:24px;height:176px;overflow:hidden;background:#1b1813;color:#fff;margin-bottom:6px}
@media(min-width:768px){.hv-c .hv-promo{height:260px}}
.hv-c .hv-slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .7s,transform 1.1s;pointer-events:none;isolation:isolate;background:#222}
.hv-c .hv-slide.on{opacity:1;transform:none;pointer-events:auto}
.hv-c .hv-slide .pbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hv-c .hv-slide::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,rgba(10,10,14,.86) 0%,rgba(10,10,14,.55) 48%,rgba(10,10,14,.05) 100%)}
.hv-c .hv-slide .pt{position:absolute;inset:0;padding:18px 18px 34px;display:flex;flex-direction:column;justify-content:center;gap:6px;max-width:72%}
.hv-c .hv-slide b{font-size:21px;line-height:1.3;font-weight:900}
.hv-c .hv-slide span.s{font-size:13px;opacity:.9}
.hv-c .hv-slide a{align-self:flex-start;margin-top:8px;background:var(--hv-o);color:#fff;border-radius:12px;padding:9px 16px;font:800 13px var(--font);cursor:pointer;box-shadow:0 8px 18px rgba(246,146,30,.4)}
@media(min-width:768px){.hv-c .hv-slide .pt{padding:28px 56px;max-width:55%}.hv-c .hv-slide b{font-size:32px}.hv-c .hv-slide span.s{font-size:16px}.hv-c .hv-slide a{font-size:15px;padding:12px 22px}}
.hv-c .hv-dots{position:absolute;inset-inline:0;bottom:10px;display:flex;justify-content:center;gap:5px;z-index:2}
.hv-c .hv-dots i{width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.45);transition:.3s}
.hv-c .hv-dots i.on{width:18px;background:#fff}
/* بينتو: كل بطاقة صورة كاملة بتدرّج داكن، العنوان والعدّاد فوقها */
.hv-c .hv-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:94px;gap:10px}
@media(min-width:768px){.hv-c .hv-bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:124px;gap:12px}}
.hv-c .hv-bt{position:relative;overflow:hidden;border:0;border-radius:22px;padding:0;cursor:pointer;background:#2a2622;color:#fff;text-align:start;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .25s}
.hv-c .hv-bt:active{transform:scale(.97)}
.hv-c .hv-bt .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.hv-c .hv-bt:hover .bg{transform:scale(1.09)}
.hv-c .hv-bt::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,10,14,.82) 0%,rgba(10,10,14,.42) 38%,rgba(10,10,14,0) 70%)}
.hv-c .hv-bt .tx{position:absolute;inset-inline:0;bottom:0;padding:12px 13px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px}
.hv-c .hv-bt b{font:800 15px/1.25 var(--font);display:block}
.hv-c .hv-bt.t1 b{font-size:22px}
.hv-c .hv-bt small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 11px/1.4 var(--font);opacity:.9;margin-top:3px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.hv-c .hv-bt .go{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;flex-shrink:0;transition:background .25s,transform .25s}
.hv-c .hv-bt:hover .go{background:var(--hv-o);transform:translateX(-3px)}
.hv-c .hv-bt .go svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hv-c .hv-bt.t1{grid-column:span 2;grid-row:span 2}
.hv-c .hv-bt.t2,.hv-c .hv-bt.t3,.hv-c .hv-bt.t4,.hv-c .hv-bt.t5,.hv-c .hv-bt.t6,.hv-c .hv-bt.t7{grid-column:span 2}
.hv-c .hv-bt.t1 .tx{padding:16px}
.hv-c .hv-bt.t1 small{font-size:12.5px}
@media(min-width:768px){.hv-c .hv-bt.t6,.hv-c .hv-bt.t7{grid-column:span 3}.hv-c .hv-bt b{font-size:17px}.hv-c .hv-bt.t1 b{font-size:28px}}
/* ظهور متدرّج عند التمرير */
.hv-c .rv{opacity:0;transform:translateY(22px) scale(.98);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0)*70ms)}
.hv-c .rv.in{opacity:1;transform:none}
.hv-c .hv-sec h2 small{font:600 12px var(--font);color:var(--hv-sub)}

/* المزاد الجاري: بطاقة صورة كاملة */
.hv-c .hv-auc{position:relative;display:block;width:100%;height:230px;border:0;border-radius:26px;overflow:hidden;color:#fff;cursor:pointer;isolation:isolate;text-align:start;padding:0;background:#222}
@media(min-width:768px){.hv-c .hv-auc{height:300px}}
.hv-c .hv-auc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.hv-c .hv-auc:hover img{transform:scale(1.05)}
.hv-c .hv-auc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,10,14,.86) 0%,rgba(10,10,14,.35) 50%,rgba(10,10,14,.12) 100%)}
.hv-c .hv-auc .top{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between;align-items:center}
.hv-c .hv-auc .badge-live{display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.72);backdrop-filter:blur(6px);border-radius:99px;padding:6px 11px;font:800 12px var(--font)}
.hv-c .hv-auc .badge-live i{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:hvBlink 1.2s infinite}
.hv-c .hv-auc .cd{display:flex;gap:5px;direction:ltr}
.hv-c .hv-auc .cd span{background:rgba(255,255,255,.18);backdrop-filter:blur(6px);border-radius:9px;padding:4px 8px;font:800 14px var(--font);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}
.hv-c .hv-auc .bot{position:absolute;inset:auto 14px 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.hv-c .hv-auc .bot b{display:block;font:800 18px/1.3 var(--font)}
.hv-c .hv-auc .bot small{font:600 12px var(--font);opacity:.85}
.hv-c .hv-auc .bid{font:900 22px var(--font);color:#FDBA6B}
.hv-c .hv-auc .btn{flex-shrink:0;background:var(--hv-o);color:#fff;border-radius:13px;padding:11px 18px;font:800 14px var(--font);box-shadow:0 8px 18px rgba(246,146,30,.45)}

.hv-c .hv-seg{display:flex;background:var(--hv-soft);border:1.5px solid var(--hv-ln);border-radius:14px;padding:3px;margin-bottom:12px;max-width:420px}
.hv-c .hv-seg button{flex:1;border:0;background:none;border-radius:11px;padding:9px;font:800 13px var(--font);color:var(--hv-sub);cursor:pointer;transition:.2s}
.hv-c .hv-seg button.on{background:#fff;color:var(--hv-ink);box-shadow:0 2px 8px rgba(0,0,0,.1)}


/* ===== المفضلة (قائمة + سحب للحذف) وطلباتي (تذكرة) — داخل نافذة acListOverlay ===== */
.hvf-body,.hvt-body,.hvc-body{--o:#F6921E;--od:#E07D0A;--ink:#0f172a;--sub:#64748b;--ln:#eef0f3}
.hvf-body svg,.hvt-body svg,.hvc-body svg,.hvx-empty svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* المحادثات: نفس لغة بطاقات المفضلة */
.hvc-list{display:grid;gap:10px}
.hvc-row{display:flex;gap:12px;align-items:center;width:100%;background:#fff;border:1.5px solid var(--ln);border-radius:18px;padding:10px;text-align:start;font-family:var(--font);color:var(--ink);cursor:pointer}
.hvc-row.unread{border-color:#fcd9b0;background:#fffaf3}
.hvc-row .th{position:relative;width:62px;height:62px;border-radius:16px;flex-shrink:0;background:#FFF3E0;color:var(--o);display:grid;place-items:center;overflow:hidden}
.hvc-row .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hvc-row .th svg{width:26px;height:26px}
.hvc-row .mid{flex:1;min-width:0;display:grid;gap:3px}
.hvc-row .mid b{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvc-row .mid small{font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvc-row.unread .mid small{color:var(--ink);font-weight:700}
.hvc-row .end{display:grid;justify-items:end;gap:6px;flex-shrink:0}
.hvc-row time{font:700 11px var(--font);color:var(--sub);font-variant-numeric:tabular-nums}
.hvc-row .end i{width:10px;height:10px;border-radius:50%;background:var(--o);box-shadow:0 0 0 3px #FFE7CC}
.hvx-empty{padding:56px 24px;text-align:center;color:#64748b;font-size:14px;line-height:1.7}
.hvx-empty .ill{width:88px;height:88px;margin:0 auto 14px;border-radius:50%;background:#FFF3E0;color:#F6921E;display:grid;place-items:center}
.hvx-empty .ill svg{width:40px;height:40px}
.hvx-empty b{display:block;color:#0f172a;font-size:17px;margin-bottom:4px}
.hvx-demo{margin:0 0 10px;background:#0f172a;color:#fff;font:700 12px var(--font);border-radius:99px;padding:5px 12px;text-align:center}
.hvf-head{display:flex;justify-content:space-between;font:700 12.5px var(--font);color:var(--sub);margin:0 2px 10px}
.hvf-list{display:grid;gap:10px}
.hvf-sw{position:relative;border-radius:18px;overflow:hidden;transition:max-height .3s,opacity .3s,margin .3s}
.hvf-sw.gone{max-height:0!important;opacity:0}
.hvf-sw .del{position:absolute;inset:0;background:#e11d48;border-radius:18px;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:flex-end;padding-inline-end:22px;color:#fff;font:800 13px var(--font);gap:6px}
.hvf-row{display:flex;gap:12px;align-items:center;background:#fff;border:1.5px solid var(--ln);border-radius:18px;padding:10px;position:relative;transition:transform .25s;touch-action:pan-y;cursor:pointer;text-align:start}
.hvf-row>img,.hvf-row .noimg{width:86px;height:86px;border-radius:14px;object-fit:cover;flex-shrink:0;background:#f3f4f6;display:grid;place-items:center;color:#cbd5e1}
.hvf-row .mid{flex:1;min-width:0;display:grid;gap:2px}
.hvf-row .cat{font:700 11px var(--font);color:var(--od)}
.hvf-row .t{font-weight:800;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvf-row .meta{font-size:12px;color:var(--sub)}
.hvf-row .price{color:var(--od);font-weight:900;font-size:15px;font-variant-numeric:tabular-nums}
.hvf-row .per{color:var(--sub);font-weight:700;font-size:11.5px;margin-inline-start:3px}
.hvf-row .old{color:#94a3b8;text-decoration:line-through;font-size:12px;font-weight:600;margin-inline-start:6px}
.hvf-row .loc{color:var(--sub);font-size:12px;display:flex;align-items:center;gap:3px}
.hvf-row .loc svg{width:13px;height:13px}
.hvf-row .act{display:grid;gap:6px}
.hvf-row .act button{width:36px;height:36px;border-radius:12px;border:0;background:#f3f4f6;display:grid;place-items:center;color:var(--ink);cursor:pointer}
.hvf-row .act .h{color:#e11d48;background:#ffe4e6}
.hvf-row .act .h svg{fill:currentColor}
.hvt-list{display:grid;gap:14px}
.hvt{position:relative;border-radius:22px;background:#fff;border:1px solid #eceff3;box-shadow:0 2px 12px rgba(15,23,42,.05);overflow:hidden}
.hvt .tp{display:flex;gap:12px;padding:14px;align-items:center;width:100%;border:0;background:none;text-align:start;font-family:var(--font);cursor:pointer;color:var(--ink)}
.hvt .tp img,.hvt .tp .na{width:70px;height:70px;border-radius:16px;object-fit:cover;flex-shrink:0;background:#f3f4f6;display:grid;place-items:center;font:700 11px var(--font);color:#94a3b8}
.hvt .mid{flex:1;min-width:0;display:grid;gap:3px}
.hvt .ty{font:700 11.5px var(--font);color:var(--sub)}
.hvt .mid b{font-weight:900;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvt .ref{font:800 12px var(--font);color:var(--od);direction:ltr;text-align:right}
.hvt .cut{position:relative;height:0;border-top:2px dashed #e5e7eb;margin:0 18px}
.hvt .cut::before,.hvt .cut::after{content:"";position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #eceff3;box-sizing:border-box}
.hvt .cut::before{right:-31px}.hvt .cut::after{left:-31px}
.hvt .bt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}
.hvt .kv small{display:block;color:var(--sub);font:600 11px var(--font)}
.hvt .kv b{font:800 13px var(--font);color:var(--ink);font-variant-numeric:tabular-nums}
.hvt .band{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;gap:8px;min-height:44px}
.hvt .band b{font:900 14px var(--font)}
.hvt .band.pending{background:#fef3c7;color:#b45309}
.hvt .band.reserved{background:#dbeafe;color:#2563eb}
.hvt .band.confirmed{background:#dcfce7;color:#16a34a}
.hvt .band.rejected{background:#ffe4e6;color:#e11d48}
.hvt .band a{font:800 12.5px var(--font);color:inherit;text-decoration:none;background:rgba(255,255,255,.7);padding:7px 12px;border-radius:10px}

.hvf-sw.swiping .del{opacity:1}

/* ===== الشريط فوق نافذة المفضلة/الطلبات، وتحت النوافذ التانية ===== */
@media(max-width:767px){
  body.hv-list-on .hv-nav{z-index:10002}
  body.hv-modal-on .hv-nav{z-index:3990}
}
/* ===== رأس نافذة المفضلة/الطلبات كصفحة تطبيق ===== */
#acListOverlay.hvl-on .ac-sheet-head{position:relative;border-bottom:0;padding:18px 16px 12px;gap:12px;align-items:center;flex-wrap:wrap;background:#fff}
#acListOverlay.hvl-on .ac-sheet-head .ac-close{order:-1;width:40px;height:40px;border-radius:50%;background:#f3f4f6;color:transparent}
#acListOverlay.hvl-on .ac-sheet-head .ac-close svg{display:none}
#acListOverlay.hvl-on .ac-sheet-head .ac-close::before{content:"";width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
#acListOverlay.hvl-on #acListTitle{margin:0;font:900 24px/1.2 var(--font);color:#0f172a;flex:1}
#acListOverlay.hvl-on #hvListSub{font:700 13px var(--font);color:#64748b;background:#f3f4f6;padding:5px 11px;border-radius:99px}
#acListOverlay.hvl-on .ac-sheet-body{background:#fff}
#acListOverlay.hvl-on .ac-sheet-body{padding-top:10px}
@media(max-width:767px){ #acListOverlay.hvl-on .ac-sheet-body{padding-bottom:110px} #acListOverlay.hvl-on{padding:0} #acListOverlay.hvl-on .ac-sheet-card{max-width:none;height:100%;border-radius:0} }
.hvf-head{justify-content:center}
#hvListSub{display:none}
#acListOverlay.hvl-on #hvListSub:not([style*="none"]){display:inline-block}

/* =====================================================================
   القائمة الجانبية — hvm1 / hvm2 / hvm3
   ===================================================================== */
body.hv .menu-overlay{z-index:4190;background:rgba(15,23,42,.42)}
#sideMenu.hvm{z-index:4200;font-family:var(--font);color:#0f172a;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#sideMenu.hvm button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hvm-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hvm-x{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#0f172a;display:grid;place-items:center;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.hvm-user{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:start;width:100%;padding:0;color:inherit}
.hvm-user .av{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff;display:grid;place-items:center;flex-shrink:0}
.hvm-user .av svg{width:26px;height:26px}
.hvm-user .tx{flex:1;min-width:0;display:grid;gap:2px}
.hvm-user b{font:900 17px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvm-user small{font:600 12.5px var(--font);color:#64748b}
.hvm-i{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:12px 14px;text-align:start;font:700 15px var(--font);color:#0f172a;transition:background .2s}
.hvm-i:active{background:#f1f5f9}
.hvm-i .ib{width:36px;height:36px;border-radius:11px;background:#f3f4f6;display:grid;place-items:center;flex-shrink:0;color:#0f172a}
.hvm-i .lb{flex:1}
.hvm-i .ch{color:#cbd5e1;display:grid}
.hvm-i.danger{color:#e11d48}.hvm-i.danger .ib{background:#ffe4e6;color:#e11d48}
.hvm-i.accent{color:#E07D0A}.hvm-i.accent .ib{background:#FFF3E0;color:#E07D0A}
.hvm-bdg{background:#ef4444;color:#fff;font:800 11px var(--font);min-width:20px;height:20px;border-radius:10px;align-items:center;justify-content:center;padding:0 6px}
.hvm-app{padding:0!important;flex:none!important;display:block!important}
.hvm-app .dla-menucard{width:100%!important;margin:0!important}
.hvm-soc{display:flex;gap:10px;justify-content:center}
.hvm-soc a{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#0f172a;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.hvm-soc svg{width:18px;height:18px;fill:currentColor}
.hvm-copy{margin:0;text-align:center;color:#94a3b8;font:600 11.5px var(--font)}
.hvm-sw{display:flex;align-items:center;justify-content:center;gap:4px;background:#0f172a;color:#fff;border-radius:99px;padding:4px;align-self:center;font:700 11px var(--font)}
.hvm-sw span{padding:0 8px 0 4px;opacity:.75;white-space:nowrap}
.hvm-sw button{border:0;background:none;color:#fff;font:800 12px var(--font);border-radius:99px;padding:5px 11px}
.hvm-sw button.on{background:#F6921E}
@media(max-width:767px){ #sideMenu.hvm .desk{display:none} }
#sideMenu.hvm.open .hvm-i{animation:hvmIn .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.12s + var(--i,0)*45ms)}
@keyframes hvmIn{from{opacity:0;transform:translateX(-16px)}}
@media(prefers-reduced-motion:reduce){#sideMenu.hvm,#sideMenu.hvm *{animation:none!important;transition:none!important}}

/* hvm1: درج مجمّع (متل إعدادات الآيفون) من جهة زر القائمة */
#sideMenu.hvm1{top:0;bottom:0;left:0;right:auto;width:86%;max-width:380px;height:100dvh;background:#f2f2f5;transform:translateX(-105%);transition:transform .45s cubic-bezier(.2,.8,.2,1);border-radius:0 28px 28px 0;box-shadow:24px 0 60px rgba(15,23,42,.2);padding:14px 14px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}
#sideMenu.hvm1.open{transform:none}
.hvm1 .hvm-top{display:flex;justify-content:flex-end}
.hvm1 .hvm-card{background:#fff;border-radius:20px;padding:14px}
.hvm1 .hvm-card .ch{color:#cbd5e1;display:grid}
.hvm1 .hvm-grp{background:#fff;border-radius:18px;overflow:hidden}
.hvm1 .hvm-grp .hvm-i+.hvm-i{border-top:1px solid #f1f5f9}
.hvm1 .hvm-app{margin-top:auto!important}
/* المحتوى أطول من الشاشة (لابتوب بشاشة قصيرة): لا تُضغط الأقسام وتُقصّ — القائمة تتمرّر */
#sideMenu.hvm1>*,#sideMenu.hvm3>*{flex-shrink:0}
/* لابتوب بارتفاع محدود: عناصر أصغر قليلاً كي تتسع القائمة كاملة بلا تمرير غالباً */
@media (min-width:768px) and (max-height:960px){
  #sideMenu.hvm1{gap:9px;padding-top:10px}
  #sideMenu.hvm1 .hvm-i{padding:9px 14px;font-size:15px}
  #sideMenu.hvm1 .hvm-i .ib{width:34px;height:34px;border-radius:11px}
  #sideMenu.hvm1 .hvm-card{padding:11px 14px}
  #sideMenu.hvm1 .hvm-x{width:36px;height:36px}
}

/* hvm2: بطاقة منبثقة من زاوية زر القائمة */
#sideMenu.hvm2{top:70px;left:12px;right:auto;bottom:auto;width:min(340px,calc(100% - 24px));height:auto;max-height:calc(100dvh - 100px);background:#fff;border-radius:26px;box-shadow:0 24px 60px rgba(15,23,42,.25);padding:12px;display:flex;flex-direction:column;gap:10px;transform:scale(.6) translateY(-10px);transform-origin:top left;opacity:0;visibility:hidden;transition:transform .42s cubic-bezier(.2,1.25,.4,1),opacity .25s,visibility .42s}
#sideMenu.hvm2.open{transform:none;opacity:1;visibility:visible}
.hvm2 .hvm-head{display:flex;align-items:center;gap:8px;background:#f8f6f2;border-radius:18px;padding:10px}
.hvm2 .hvm-head .hvm-x{width:36px;height:36px;background:#fff}
.hvm2 .hvm-user .av{width:44px;height:44px}
.hvm2 .hvm-user b{font-size:15.5px}
.hvm2 .hvm-i{padding:10px 8px;border-radius:14px}
.hvm2 .hvm-i .ch{display:none}
.hvm2 .hvm-sep{display:block;height:1px;background:#f1f5f9;margin:2px 8px}
.hvm2 .hvm-soc a{background:#f3f4f6;box-shadow:none}

/* hvm3: درج بهوية برتقالية + أزرار سريعة */
#sideMenu.hvm3{top:0;bottom:0;left:0;right:auto;width:86%;max-width:380px;height:100dvh;background:#fff;transform:translateX(-105%);transition:transform .45s cubic-bezier(.2,.8,.2,1);border-radius:0 28px 28px 0;box-shadow:24px 0 60px rgba(15,23,42,.2);display:flex;flex-direction:column;gap:12px;padding:0 0 calc(20px + env(safe-area-inset-bottom,0px))}
#sideMenu.hvm3.open{transform:none}
.hvm3 .hvm-band{position:relative;background:linear-gradient(150deg,#F6921E 0%,#E07D0A 60%,#c96a05 100%);color:#fff;padding:16px 16px 18px;border-radius:0 28px 0 28px;display:grid;gap:16px;overflow:hidden;isolation:isolate}
.hvm3 .hvm-band::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.12);top:-90px;left:-70px;z-index:-1}
.hvm3 .hvm-band .hvm-x{justify-self:end;background:rgba(255,255,255,.22);color:#fff;box-shadow:none}
.hvm3 .hvm-user{color:#fff}
.hvm3 .hvm-user .av{background:#fff;color:#E07D0A}
.hvm3 .hvm-user small{color:rgba(255,255,255,.85)}
.hvm3 .hvm-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hvm3 .hvm-quick button{border:0;background:rgba(255,255,255,.16);color:#fff;border-radius:16px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font:700 12.5px var(--font)}
.hvm3 .hvm-quick .q{position:relative;width:40px;height:40px;border-radius:50%;background:#fff;color:#E07D0A;display:grid;place-items:center}
.hvm3 .hvm-quick .hvm-bdg{position:absolute;top:-5px;right:-7px;border:2px solid #E07D0A}
.hvm3 .hvm-list{padding:0 8px}
.hvm3 .hvm-app,.hvm3 .hvm-soc,.hvm3 .hvm-copy,.hvm3 .hvm-sw{margin-inline:14px}
.hvm3 .hvm-app{margin-top:auto!important}
.hvm3 .hvm-soc a{background:#f3f4f6;box-shadow:none}

/* ===== أشكال القائمة 1: أ (الأساسي) ب (أيقونات ملوّنة + عناوين) ج (ملف بالنص) د (عرض كامل دافئ) ===== */
.hvm-lbl{margin:4px 14px -4px;font:800 12px var(--font);color:#94a3b8}
.hvm1b .hvm-i .ib{background:var(--c,#f3f4f6);color:#fff}
.hvm1b .hvm-i.danger .ib{background:#ef4444;color:#fff}.hvm1b .hvm-i.accent .ib{background:#F6921E;color:#fff}
.hvm1c .hvm-prof{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border-radius:22px;padding:20px 14px 16px}
.hvm1c .hvm-prof .av{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff;display:grid;place-items:center;margin-bottom:6px;box-shadow:0 0 0 5px #FFF3E0}
.hvm1c .hvm-prof .av svg{width:36px;height:36px}
.hvm1c .hvm-prof b{font:900 19px var(--font)}
.hvm1c .hvm-prof small{font:600 12.5px var(--font);color:#64748b}
.hvm1c .pills{display:flex;gap:8px;margin-top:12px;width:100%}
.hvm1c .pills button{flex:1;border:0;border-radius:14px;padding:11px 6px;background:#f3f4f6;color:#0f172a;font:800 13.5px var(--font);display:flex;align-items:center;justify-content:center;gap:6px;position:relative}
.hvm1c .pills button:first-child{background:#0f172a;color:#fff}
.hvm1c .pills .hvm-bdg{position:absolute;top:-6px;left:-4px}
#sideMenu.hvm1d{width:100%;max-width:440px;border-radius:0;background:#f7f3ee}
.hvm1d .hvm-top{justify-content:space-between;align-items:center;padding:2px 2px 4px}
.hvm1d .hvm-logo{height:30px}
.hvm1d .hvm-i{padding:15px 16px;font-size:16px}
.hvm1d .hvm-i .ib{background:#FFF3E0;color:#E07D0A;width:40px;height:40px;border-radius:13px}
.hvm1d .hvm-i.danger .ib{background:#ffe4e6;color:#e11d48}
.hvm1d .hvm-card{padding:16px}
.hvm1d .hvm-app{position:sticky;bottom:0}

/* ===== صفحة الحساب (تصميم 2) ===== */
#acProfOverlay.hvp-on .ac-close,#acProfOverlay.hvp-on .acp-toptitle,#acProfOverlay.hvp-on .acp-head,#acProfOverlay.hvp-on #acpView,#acProfOverlay.hvp-on #acpActions{display:none!important}
#acProfOverlay.hvp-on .ac-prof{background:#f2f2f5;padding:0 0 30px;font-family:var(--font);overflow-y:auto}
#acProfOverlay.hvp-on .acp-body{padding:0 16px}
#acProfOverlay.hvp-on .acp-pane{padding:0}
#acProfOverlay.hvp-on #acpEdit{background:#fff;border-radius:20px;padding:16px}
#acProfOverlay.hvp-on .hvp-elbl{display:none}
#acProfOverlay.hvp-editing .hvp-view,#acProfOverlay.hvp-editing .hvp-edit{display:none}
#acProfOverlay.hvp-editing .hvp-elbl{display:block;margin:0 30px 6px}
#hvProf{color:#0f172a}
#hvProf .hvp-tb{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 6px}
#hvProf .hvp-tb h1{margin:0;font:900 24px var(--font)}
#hvProf .hvp-x{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#0f172a;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.06)}
#hvProf .hvp-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:8px 16px 18px}
#hvProf .hvp-av{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff;display:grid;place-items:center;font:900 38px var(--font);box-shadow:0 0 0 6px #fff;margin-bottom:8px}
#hvProf .hvp-hero b{font:900 22px var(--font)}
#hvProf .hvp-hero small{color:#64748b;font-size:13px}
#hvProf .hvp-edit{margin-top:10px;border:0;background:#fff;border-radius:99px;padding:9px 20px;font:800 13.5px var(--font);color:#0f172a;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.06)}
#hvProf .hvp-lbl,#acProfOverlay .hvp-lbl{margin:16px 30px 6px;font:800 12px var(--font);color:#8a8f98}
#hvProf .hvp-card{margin:0 16px;background:#fff;border-radius:20px;overflow:hidden}
#hvProf .hvp-r{display:flex;align-items:center;gap:12px;padding:13px 14px;width:100%;border:0;background:none;text-align:start;font:800 14.5px var(--font);color:#0f172a}
#hvProf button.hvp-r{cursor:pointer}
#hvProf .hvp-r+.hvp-r{border-top:1px solid #f1f5f9}
#hvProf .hvp-r .ib{width:36px;height:36px;border-radius:11px;background:#f3f4f6;display:grid;place-items:center;flex-shrink:0}
#hvProf .hvp-r .v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
#hvProf .hvp-r .ch{color:#cbd5e1;display:grid}
#hvProf .hvp-r.red{color:#e11d48}#hvProf .hvp-r.red .ib{background:#ffe4e6}
#hvProf .muted{color:#94a3b8;font-weight:600}
#hvProf .hvp-del{display:block;margin:18px auto 0;border:0;background:none;color:#94a3b8;font:700 13px var(--font);text-decoration:underline;cursor:pointer}
@media(max-width:767px){
  #acProfOverlay.hvp-on{padding:0;align-items:stretch}
  #acProfOverlay.hvp-on .ac-prof{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;padding-bottom:110px}
}
@media(min-width:768px){
  #acProfOverlay.hvp-on .ac-prof{width:100%;max-width:480px;max-height:90vh;border-radius:24px}
}

#hvProf .hvp-r .v[dir="ltr"]{text-align:right}


/* ===== إخفاء/إظهار الشريط السفلي بحركة نزول ناعمة ===== */
@media(max-width:767px){
  .hv-nav{transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .25s}
  body.hv-nav-hide .hv-nav{transform:translateY(calc(100% + 30px + env(safe-area-inset-bottom,0px)));opacity:0;pointer-events:none}
  body.hv-nav-hide .hv-nav .add::after{animation:none}
  body.hv-nav-hide #installBanner,body.hv-nav-hide .dla-banner{bottom:12px!important}
  body.hv-nav-hide .noras-fab{bottom:16px}
}

/* =====================================================================
   البانر: 4 أنيميشن (pm1..pm4) + نقاط بشريط تقدّم
   ===================================================================== */
.hv-c .hv-promo .hv-slide.notr,.hv-c .hv-promo .hv-slide.notr *{transition:none!important}
.hv-c .hv-dots i{position:relative;overflow:hidden}
.hv-c .hv-dots i.on{width:26px;background:rgba(255,255,255,.35)}
.hv-c .hv-dots i.on::after{content:"";position:absolute;inset:0;background:#fff;border-radius:inherit;transform:scaleX(0);transform-origin:right center;animation:pmProg var(--pm-ms,4500ms) linear forwards}
@keyframes pmProg{to{transform:scaleX(1)}}
.hv-c .hv-dots{z-index:20}
.hv-pmsw{display:flex;align-items:center;justify-content:center;gap:4px;margin:8px auto 4px;width:max-content;background:#0f172a;color:#fff;border-radius:99px;padding:4px;font:700 11px var(--font)}
.hv-pmsw span{padding:0 8px 0 4px;opacity:.75;white-space:nowrap}
.hv-pmsw button{border:0;background:none;color:#fff;font:800 12px var(--font);border-radius:99px;padding:5px 11px;cursor:pointer}
.hv-pmsw button.on{background:#F6921E}

/* 1) رزمة بطاقات — منطق منهاجي */
.hv-c .hv-promo.pm1{overflow:visible;background:none;margin-bottom:24px}
.hv-c .pm1 .hv-slide{border-radius:24px;overflow:hidden;opacity:calc(1 - var(--p,0) * .3);transform:translateY(calc(var(--p,0) * 12px)) scale(calc(1 - var(--p,0) * .055));transform-origin:50% 100%;z-index:calc(10 - var(--p,0));transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s;pointer-events:none;box-shadow:0 10px 26px rgba(15,23,42,.18)}
.hv-c .pm1 .hv-slide.far{opacity:0}
.hv-c .pm1 .hv-slide.on{pointer-events:auto}
.hv-c .pm1 .hv-slide.out{transform:translateY(-20px) scale(1.03);opacity:0;z-index:11}
.hv-c .pm1 .hv-slide:not(.on) .pt{opacity:0}
.hv-c .pm1 .hv-slide .pt{transition:opacity .35s .15s}

.hv-c .pm2 .hv-slide{opacity:0;transform:none;transition:opacity .9s ease;z-index:1}
.hv-c .pm2 .hv-slide.on{opacity:1;z-index:2}
.hv-c .pm2 .hv-slide.out{opacity:0;z-index:1}
.hv-c .pm2 .hv-slide.on .pbg{animation:pmKB 7s ease-out both}
@keyframes pmKB{from{transform:scale(1.16) translate(2%,1%)}to{transform:scale(1.02) translate(0,0)}}
.hv-c .pm2 .hv-slide.on .pt>*{animation:pmUp .7s cubic-bezier(.2,.8,.2,1) both}
.hv-c .pm2 .hv-slide.on .pt>:nth-child(2){animation-delay:.12s}.hv-c .pm2 .hv-slide.on .pt>:nth-child(3){animation-delay:.24s}
@keyframes pmUp{from{opacity:0;transform:translateY(14px)}}

.hv-c .pm3 .hv-slide{opacity:1;transform:translateX(-100%);transition:transform .7s cubic-bezier(.7,0,.2,1);z-index:1}
.hv-c .pm3 .hv-slide.on{transform:none;z-index:2}
.hv-c .pm3 .hv-slide.out{transform:translateX(100%);z-index:2}
.hv-c .pm3.back .hv-slide.out{transform:translateX(-100%)}
.hv-c .pm3 .hv-slide.on .pt{animation:pmPar .9s cubic-bezier(.2,.8,.2,1) both}
.hv-c .pm3.back .hv-slide.on .pt{animation-name:pmParB}
@keyframes pmPar{from{opacity:0;transform:translateX(-60px)}}
@keyframes pmParB{from{opacity:0;transform:translateX(60px)}}
.hv-c .pm3 .hv-slide.on .pbg{animation:pmPbg .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes pmPbg{from{transform:scale(1.1)}}

/* 4) مسح قُطري بلون الهوية */
.hv-c .pm4 .hv-slide{opacity:0;transform:none;transition:none;z-index:1}
.hv-c .pm4 .hv-slide.out{opacity:1;z-index:1}
.hv-c .pm4 .hv-slide.on{opacity:1;z-index:2}
.hv-c .pm4.wiping .hv-slide.on{animation:pmWipe .8s cubic-bezier(.7,0,.2,1) both}
@keyframes pmWipe{from{clip-path:polygon(120% 0,160% 0,140% 100%,100% 100%)}to{clip-path:polygon(-60% 0,160% 0,140% 100%,-100% 100%)}}
.hv-c .hv-promo.pm4::after{content:"";position:absolute;top:-20%;bottom:-20%;right:-80px;width:calc(100% + 200px);background:linear-gradient(180deg,#F6921E,#E07D0A) right center/46px 100% no-repeat;transform:skewX(-22deg);z-index:15;opacity:0;pointer-events:none}
.hv-c .hv-promo.pm4.wiping::after{animation:pmStripe .8s cubic-bezier(.7,0,.2,1) both}
@keyframes pmStripe{0%{transform:skewX(-22deg) translateX(0);opacity:1}100%{transform:skewX(-22deg) translateX(-100%);opacity:1}}
.hv-c .pm4.wiping .hv-slide.on .pt{animation:pmUp .6s .35s both}

/* البانر المعتمد: مسح قُطري + زوم آوت بطيء على الصورة */
/* الصورة الطالعة بتكمّل زومها من مكانها (نفس الأنيميشن على .on و .out = ما بتنقطع ولا بتقفز) */
.hv-c .pm4 .hv-slide.on .pbg,.hv-c .pm4 .hv-slide.out .pbg{animation:pmZoomOut 6.5s cubic-bezier(.25,.6,.3,1) both}
.hv-c .pm4 .hv-slide .pbg{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}
.hv-c .pm4 .hv-slide{will-change:clip-path}
@keyframes pmZoomOut{from{transform:scale(1.18) translateZ(0)}to{transform:scale(1.02) translateZ(0)}}

/* =====================================================================
   نورس بالرئيسية — مساحة بحث (nr1..nr4)
   ===================================================================== */
.hv-noras{--o:#F6921E;--od:#E07D0A;--ink:#0f172a;--sub:#64748b;font-family:var(--font);color:var(--ink)}
.nr-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.nr-form{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #eef0f3;border-radius:18px;padding:6px 6px 6px 6px;transition:border-color .2s,box-shadow .2s}
.nr-form:focus-within{border-color:var(--o);box-shadow:0 0 0 4px rgba(246,146,30,.15)}
.nr-form .nr-ic{color:var(--o);display:grid;place-items:center;padding-inline-start:6px}
.nr-form input{flex:1;min-width:0;border:0;outline:none;background:none;font:600 15px var(--font);color:var(--ink);padding:10px 2px}
.nr-send{width:44px;height:44px;border-radius:14px;border:0;background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:transform .2s}
.nr-send:active{transform:scale(.92)}
.nr-send .nr-svg{width:19px;height:19px;transform:scaleX(-1)}
.nr-busy .nr-send{opacity:.6;pointer-events:none}
.nr-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:10px -16px 0;padding:0 16px}
.nr-chips::-webkit-scrollbar{display:none}
.nr-chips button,.nr-tags button{flex-shrink:0;border:1.5px dashed #e0c9a8;background:#fffaf2;border-radius:99px;padding:7px 13px;font:700 12.5px var(--font);color:#8a5a1f;cursor:pointer;white-space:nowrap}
.nr-out:empty{display:none}
.nr-out{margin-top:12px;display:grid;gap:10px;animation:nrIn .4s cubic-bezier(.2,.8,.2,1)}
@keyframes nrIn{from{opacity:0;transform:translateY(8px)}}
.nr-reply{display:flex;gap:10px;align-items:flex-start}
.nr-reply img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#FFF3E0}
.nr-reply p{margin:0;background:#fff;border:1px solid #eef0f3;border-radius:16px;border-start-start-radius:4px;padding:10px 13px;font:600 14px/1.65 var(--font);box-shadow:0 4px 14px rgba(15,23,42,.05)}
.nr-cards{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px;scroll-snap-type:x mandatory}
.nr-cards::-webkit-scrollbar{display:none}
.nr-card{flex:0 0 46%;max-width:200px;scroll-snap-align:start;border:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 14px rgba(15,23,42,.09);text-align:start;padding:0 0 10px;display:grid;gap:3px;cursor:pointer;font-family:var(--font);animation:nrIn .45s both}
.nr-card:nth-child(2){animation-delay:.07s}.nr-card:nth-child(3){animation-delay:.14s}.nr-card:nth-child(4){animation-delay:.21s}
.nr-card img,.nr-card .noimg{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#f1f5f9;margin-bottom:5px}
.nr-card .t{font:800 13px var(--font);padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.nr-card .m{font:600 11.5px var(--font);color:var(--sub);padding:0 10px}
.nr-card .pr{font:900 14px var(--font);color:var(--od);padding:0 10px}
.nr-card .srv{font:800 12px var(--font);color:#16a34a;padding:0 10px}
.nr-typing{display:inline-flex;gap:5px;padding:12px 15px;background:#fff;border:1px solid #eef0f3;border-radius:16px;width:max-content}
.nr-typing span{width:7px;height:7px;border-radius:50%;background:#cbd5e1;animation:nrDot 1.2s infinite}
.nr-typing span:nth-child(2){animation-delay:.15s}.nr-typing span:nth-child(3){animation-delay:.3s}
@keyframes nrDot{40%{transform:translateY(-5px);background:var(--o)}}
.nr-login{justify-self:start;border:0;background:var(--ink);color:#fff;border-radius:12px;padding:10px 18px;font:800 13.5px var(--font);cursor:pointer}

/* nr1: بطاقة بحث مع الشخصية */
.nr1{background:linear-gradient(160deg,#FFF3E0 0%,#fff 70%);border:1.5px solid #fde8cc;border-radius:26px;padding:16px;position:relative;overflow:hidden}
.nr1 .nr-hero{display:flex;align-items:flex-end;gap:12px;margin:-4px 0 12px}
.nr1 .nr-char{width:104px;height:auto;flex-shrink:0;margin-bottom:-6px;filter:drop-shadow(0 10px 16px rgba(15,23,42,.15));animation:nrFloat 3.6s ease-in-out infinite}
@keyframes nrFloat{50%{transform:translateY(-5px)}}
.nr1 .nr-hero-tx{display:grid;gap:3px;padding-bottom:8px}
.nr1 .nr-kicker{display:inline-flex;align-items:center;gap:4px;font:800 11.5px var(--font);color:var(--od);background:#fff;border-radius:99px;padding:4px 10px;width:max-content;box-shadow:0 2px 6px rgba(246,146,30,.15)}
.nr1 .nr-kicker .nr-svg{width:13px;height:13px}
.nr1 .nr-hero-tx b{font:900 20px/1.3 var(--font)}
.nr1 .nr-hero-tx small{font:600 12.5px/1.6 var(--font);color:var(--sub)}
.nr1 .nr-chips{margin-inline:-16px}

/* nr2: محادثة مدمجة بالصفحة */
.nr2 .nr-chat{background:#fff;border:1.5px solid #eef0f3;border-radius:26px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.07)}
.nr2 .nr-chat-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #f1f5f9;background:linear-gradient(90deg,#fff,#FFF3E0)}
.nr2 .nr-chat-h img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#FFF3E0}
.nr2 .nr-chat-h b{display:block;font:900 15px var(--font)}
.nr2 .nr-chat-h small{display:flex;align-items:center;gap:5px;font:700 11.5px var(--font);color:#16a34a}
.nr2 .nr-chat-h small i{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:hvBlink 1.4s infinite}
.nr2 .nr-thread{max-height:360px;min-height:150px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#fafaf9;scroll-behavior:smooth}
.nr2 .nr-b{max-width:86%;padding:10px 13px;border-radius:17px;font:600 14px/1.6 var(--font);animation:nrIn .35s both}
.nr2 .nr-b.bot{background:#fff;border:1px solid #eef0f3;border-start-start-radius:4px;align-self:flex-start}
.nr2 .nr-b.me{background:var(--o);color:#fff;border-start-end-radius:4px;align-self:flex-end}
.nr2 .nr-chips{margin:0;padding:0;flex-wrap:wrap;overflow:visible}
.nr2 .nr-cards{margin:0 -14px;padding:2px 14px 6px}
.nr2 .nr-form{border:0;border-top:1px solid #f1f5f9;border-radius:0;padding:8px 10px}
.nr2 .nr-form:focus-within{box-shadow:none}

/* nr3: شريط بحث داكن بتوهّج */
.nr3 .nr-dark{position:relative;background:#14171f;border-radius:26px;padding:18px 16px 16px;overflow:hidden;isolation:isolate;color:#fff}
.nr3 .nr-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(246,146,30,.45),transparent 65%);top:-150px;left:-90px;z-index:-1;animation:nrGlow 6s ease-in-out infinite}
@keyframes nrGlow{50%{transform:translate(40px,20px) scale(1.1)}}
.nr3 .nr-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.nr3 .nr-top img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(246,146,30,.5)}
.nr3 .nr-top b{display:block;font:900 18px var(--font)}
.nr3 .nr-top small{font:600 12px var(--font);color:rgba(255,255,255,.65)}
.nr3 .nr-form{background:rgba(255,255,255,.07);border:1.5px solid rgba(246,146,30,.45);box-shadow:0 0 24px rgba(246,146,30,.18)}
.nr3 .nr-form input{color:#fff}
.nr3 .nr-form input::placeholder{color:rgba(255,255,255,.55)}
.nr3 .nr-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.nr3 .nr-tags button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.85);font-size:12px;padding:6px 11px}
.nr3 .nr-reply p{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:none}
.nr3 .nr-typing{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.nr3 .nr-login{background:var(--o)}

/* nr4: بطاقات أسئلة جاهزة */
.nr4 .nr-prompts{background:#fff;border:1.5px solid #eef0f3;border-radius:26px;padding:14px 14px 16px;box-shadow:0 8px 28px rgba(15,23,42,.06)}
.nr4 .nr-ph{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.nr4 .nr-ph img{width:58px;height:58px;object-fit:cover;object-position:top;border-radius:50%;background:#FFF3E0;flex-shrink:0}
.nr4 .nr-ph b{display:block;font:900 17px var(--font)}
.nr4 .nr-ph small{font:600 12.5px var(--font);color:var(--sub)}
.nr4 .nr-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.nr4 .nr-grid button{border:0;background:#f8f6f2;border-radius:18px;padding:12px;text-align:start;display:grid;gap:2px;cursor:pointer;font-family:var(--font);transition:transform .2s,background .2s}
.nr4 .nr-grid button:active{transform:scale(.97);background:#FFF3E0}
.nr4 .nr-grid .i{width:36px;height:36px;border-radius:12px;background:#fff;color:var(--od);display:grid;place-items:center;margin-bottom:6px;box-shadow:0 2px 6px rgba(15,23,42,.05)}
.nr4 .nr-grid b{font:800 14px var(--font);color:var(--ink)}
.nr4 .nr-grid small{font:600 12px var(--font);color:var(--sub)}
@media(min-width:768px){.nr4 .nr-grid{grid-template-columns:repeat(4,1fr)}.nr-card{flex-basis:200px}}

/* ===== نورس 4 المطوّر ===== */
.nr4 .nr-prompts{padding:16px 0 16px;overflow:hidden}
.nr4 .nr-prompts>*:not(.nr-stage){margin-inline:16px}
.nr4 .nr-ph{gap:12px}
.nr-av{position:relative;width:54px;height:54px;flex-shrink:0}
.nr-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#FFF3E0;position:relative;z-index:1}
.nr-av::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#F6921E,#ffd29a,#F6921E);animation:nrSpin 4s linear infinite}
.nr-av::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:#fff}
.nr-av i{position:absolute;bottom:1px;left:1px;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2.5px solid #fff;z-index:2}
@keyframes nrSpin{to{transform:rotate(360deg)}}
.nr4 .nr-greet{display:block;font:700 12.5px var(--font);color:var(--od);margin-bottom:1px}
.nr4 .nr-ph b{font-size:18px}
.nr-stage{transition:opacity .16s,transform .16s;margin-bottom:12px}
.nr-stage.swap{opacity:0;transform:translateY(6px)}
.nr-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 16px 4px;scroll-snap-type:x proximity}
.nr-scroll::-webkit-scrollbar{display:none}
.nr-int{flex:0 0 112px;scroll-snap-align:start;border:0;background:#f8f6f2;border-radius:20px;padding:13px 12px;text-align:start;display:grid;gap:2px;cursor:pointer;font-family:var(--font);transition:transform .2s,background .2s,box-shadow .2s;animation:nrIn .45s both;animation-delay:calc(var(--i,0)*50ms)}
.nr-int:active{transform:scale(.96)}
.nr-int:hover{background:#FFF3E0;box-shadow:0 6px 16px rgba(246,146,30,.15)}
.nr-int .i{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff;display:grid;place-items:center;margin-bottom:8px;box-shadow:0 6px 14px rgba(246,146,30,.3)}
.nr-int b{font:800 14px var(--font);color:var(--ink)}
.nr-int small{font:600 11.5px var(--font);color:var(--sub)}
.nr-refine{margin:0 16px;background:#f8f6f2;border-radius:22px;padding:14px;display:grid;gap:8px}
.nr-rh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nr-rh .i{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff;display:grid;place-items:center}
.nr-rh b{font:900 16px var(--font)}
.nr-rh small{font:600 12px var(--font);color:var(--sub);flex-basis:100%;margin-inline-start:94px;margin-top:-10px}
.nr-back{width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(15,23,42,.06)}
.nr-back .nr-svg{width:18px;height:18px}
.nr-rl{margin:6px 2px 0;font:800 12.5px var(--font);color:var(--sub)}
.nr-opts{display:flex;flex-wrap:wrap;gap:6px}
.nr-opts button{border:1.5px solid #e9e4dc;background:#fff;border-radius:99px;padding:8px 14px;font:700 13px var(--font);color:var(--ink);cursor:pointer;transition:all .2s}
.nr-opts button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.nr-q-prev{margin-top:6px;background:#fff;border:1.5px dashed #f3c891;border-radius:14px;padding:10px 12px;font:700 13.5px var(--font);color:#8a5a1f}
.nr-q-prev::before{content:"نورس رح يدوّر على: ";color:var(--sub);font-weight:600}
.nr-go{border:0;background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff;border-radius:14px;padding:13px;font:900 15px var(--font);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 10px 22px rgba(246,146,30,.35);margin-top:4px}
.nr-go .nr-svg{width:18px;height:18px}
.nr-recent{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.nr-recent span{display:flex;align-items:center;gap:4px;font:700 12px var(--font);color:var(--sub);margin-inline-end:2px}
.nr-recent span .nr-svg{width:14px;height:14px}
.nr-recent button{border:0;background:#f3f4f6;border-radius:99px;padding:6px 11px;font:700 12px var(--font);color:var(--ink);cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nr4 .nr-out{margin-top:14px}
.nr4 .nr-cards{margin:0 -16px;padding:2px 16px 6px}
.nr-status{display:flex;align-items:center;gap:8px;font:700 13px var(--font);color:var(--sub)}
.nr-status.ok b{color:var(--od);font-weight:900}
.nr-spin{width:16px;height:16px;border-radius:50%;border:2.5px solid #fde8cc;border-top-color:var(--o);animation:nrSpin .8s linear infinite}
.nr-card.sk{pointer-events:none;animation:none}
.nr-card.sk .noimg,.nr-card.sk .l1,.nr-card.sk .l2{background:linear-gradient(100deg,#f1f1f1 30%,#f9f9f9 50%,#f1f1f1 70%);background-size:200% 100%;animation:hvSk 1.2s infinite}
.nr-card.sk .l1{height:12px;margin:4px 10px 0;border-radius:6px}
.nr-card.sk .l2{height:12px;width:50%;margin:4px 10px 0;border-radius:6px}
.nr-acts{display:flex;gap:8px}
.nr-acts button{flex:1;border:0;border-radius:14px;padding:12px;font:800 13.5px var(--font);background:#f3f4f6;color:var(--ink);cursor:pointer}
.nr-acts .pri{background:var(--ink);color:#fff}

/* ===== نورس 4: أشكال أ ب ج د ===== */
.nr-int .ph{display:none}
/* ب: بطاقات بصور الأقسام بشبكة */
.v-b .nr-scroll{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:2px 16px 4px}
.v-b .nr-int{position:relative;overflow:hidden;min-height:96px;padding:12px;color:#fff;align-content:end;isolation:isolate;background:#222}
.v-b .nr-int:first-child{grid-column:1/-1;min-height:120px}
.v-b .nr-int .ph{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.v-b .nr-int:hover .ph{transform:scale(1.07)}
.v-b .nr-int::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,10,14,.82),rgba(10,10,14,.1) 70%)}
.v-b .nr-int .i{position:absolute;top:10px;inset-inline-start:10px;width:32px;height:32px;margin:0;border-radius:11px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);box-shadow:none}
.v-b .nr-int .i .nr-svg{width:17px;height:17px}
.v-b .nr-int b{color:#fff;font-size:15px}.v-b .nr-int small{color:rgba(255,255,255,.85)}
/* ج: داكن فخم */
.v-c .nr-prompts{background:#14171f;border-color:#14171f;color:#fff;position:relative;isolation:isolate}
.v-c .nr-prompts::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(246,146,30,.4),transparent 65%);top:-170px;left:-110px;z-index:-1;animation:nrGlow 6s ease-in-out infinite}
.v-c .nr-ph b{color:#fff}.v-c .nr-greet{color:#ffb35c}
.v-c .nr-av::after{background:#14171f}.v-c .nr-av i{border-color:#14171f}
.v-c .nr-int{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.v-c .nr-int:hover{background:rgba(246,146,30,.14)}
.v-c .nr-int b{color:#fff}.v-c .nr-int small{color:rgba(255,255,255,.6)}
.v-c .nr-form{background:rgba(255,255,255,.07);border:1.5px solid rgba(246,146,30,.45);box-shadow:0 0 24px rgba(246,146,30,.18)}
.v-c .nr-form input{color:#fff}.v-c .nr-form input::placeholder{color:rgba(255,255,255,.55)}
.v-c .nr-refine{background:rgba(255,255,255,.06)}
.v-c .nr-rh b{color:#fff}.v-c .nr-rl,.v-c .nr-rh small{color:rgba(255,255,255,.6)}
.v-c .nr-opts button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.v-c .nr-opts button.on{background:var(--o);border-color:var(--o)}
.v-c .nr-q-prev{background:rgba(255,255,255,.05);border-color:rgba(246,146,30,.5);color:#ffcf96}
.v-c .nr-back{background:rgba(255,255,255,.1);color:#fff}
.v-c .nr-recent button{background:rgba(255,255,255,.08);color:#fff}
.v-c .nr-reply p{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
.v-c .nr-status{color:rgba(255,255,255,.7)}
.v-c .nr-acts button{background:rgba(255,255,255,.1);color:#fff}.v-c .nr-acts .pri{background:var(--o)}
/* د: خطوات بطابع محادثة */
.nr-steps{margin-inline-start:auto;display:flex;gap:4px}
.nr-steps i{width:18px;height:5px;border-radius:5px;background:#eee7dc;transition:background .3s}
.nr-steps i.on{background:var(--o)}
.nr-conv{margin:0 16px 12px;display:flex;flex-direction:column;gap:8px}
.nr-conv .nr-b{max-width:84%;padding:10px 13px;border-radius:17px;font:700 14px/1.55 var(--font);animation:nrIn .35s both}
.nr-conv .nr-b.bot{background:#f8f6f2;border-start-start-radius:4px;align-self:flex-start;color:var(--ink)}
.nr-conv .nr-b.me{background:var(--o);color:#fff;border-start-end-radius:4px;align-self:flex-end}
.nr-conv .nr-opts{animation:nrIn .4s .1s both}
.nr-conv .nr-opts .skip{border-style:dashed;color:var(--sub)}

/* =====================================================================
   نورس بالكاريكتر فقط — nc1..nc4
   ===================================================================== */
.nr-face{width:38px;height:38px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#FFF3E0;display:block}
.nr-face img{width:100%;height:auto;transform:scale(2.3) translateY(19%);transform-origin:50% 0;display:block}
.nr-char{transition:opacity .18s,transform .18s}
.nr-char.swap{opacity:0;transform:translateY(6px) scale(.97)}
.hv-noras .nc{padding:0;border:0;background:none;box-shadow:none;overflow:visible}
.hv-noras .nr-prompts.nc>*{margin-inline:0}
.hv-noras .nc .nr-chips{margin:12px -16px 0;padding:0 16px}
.hv-noras .nc .nr-out{margin-top:14px}
.hv-noras .nc .nr-cards{margin:0 -16px;padding:2px 16px 6px}

/* 1) الكاريكتر مع فقاعة كلام هي نفسها حقل البحث */
.nc1-stage{display:flex;align-items:flex-end;gap:4px;position:relative}
.nc1-bubble{flex:1;min-width:0;position:relative;background:#fff;border:1.5px solid #f3e3cc;border-radius:24px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.08);margin-bottom:26px;display:grid;gap:3px}
.nc1-bubble::after{content:"";position:absolute;left:-11px;bottom:26px;width:22px;height:22px;background:#fff;border-left:1.5px solid #f3e3cc;border-bottom:1.5px solid #f3e3cc;transform:rotate(45deg);border-radius:0 0 0 6px}
.nc1-bubble b{font:900 18px var(--font)}
.nc1-bubble small{font:600 12.5px/1.6 var(--font);color:var(--sub);margin-bottom:8px}
.nc1-bubble .nr-form{background:#f8f6f2;border-color:transparent}
.nc1 .nr-char{width:118px;flex-shrink:0;margin-inline-start:-6px;filter:drop-shadow(0 12px 16px rgba(15,23,42,.18));animation:nrFloat 3.6s ease-in-out infinite;position:relative;z-index:1}

.nc2-card{position:relative;background:linear-gradient(150deg,#F6921E,#E07D0A 65%,#c96a05);border-radius:26px;padding:18px 16px 46px;color:#fff;display:flex;align-items:flex-end;min-height:178px;overflow:hidden;isolation:isolate}
.nc2-card::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.13);top:-110px;right:-60px;z-index:-1}
.nc2-tx{flex:1;display:grid;gap:5px;align-self:center;position:relative;z-index:1}
.nc-kick{display:inline-flex;align-items:center;gap:4px;width:max-content;background:rgba(255,255,255,.2);border-radius:99px;padding:4px 10px;font:800 11.5px var(--font)}
.nc-kick .nr-svg{width:13px;height:13px}
.nc2-tx b{font:900 22px/1.3 var(--font)}
.nc2-tx small{font:600 12.5px/1.6 var(--font);opacity:.92}
.nc2 .nr-char{position:absolute;left:-6px;bottom:-34px;width:150px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.nc2>.nr-form{position:relative;z-index:2;margin:-30px 14px 0;box-shadow:0 14px 30px rgba(15,23,42,.14);border-color:#fff}

.nc3-top{display:grid;gap:2px;padding-inline-end:120px;margin-bottom:6px}
.nc3-top b{font:900 20px var(--font)}
.nc3-top small{font:600 12.5px var(--font);color:var(--sub)}
.nc3-bar{position:relative;padding-top:28px}
.nc3-bar .nr-char{position:absolute;left:10px;bottom:52px;width:112px;height:150px;object-fit:cover;object-position:top;z-index:0;filter:drop-shadow(0 -4px 10px rgba(15,23,42,.08))}
.nc3-bar .nr-form{position:relative;z-index:1;padding:8px;border-radius:22px;border:2px solid #F6921E;box-shadow:0 14px 30px rgba(246,146,30,.18)}
.nc3-bar .nr-form input{font-size:15.5px}

/* 4) الكاريكتر بالنص وأسئلة طايرة حواليه */
.nc4{background:radial-gradient(120% 90% at 50% 30%,#FFF3E0 0%,#fff 70%);border-radius:26px;padding:16px 14px!important}
.nc4-title{text-align:center;margin-bottom:6px}
.nc4-title b{font:900 19px var(--font)}
.nc4-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin-bottom:10px}
.nc4-col{display:grid;gap:12px}
.nc4-b{border:0;background:#fff;border-radius:16px;padding:10px 11px;font:700 12.5px/1.45 var(--font);color:var(--ink);text-align:start;box-shadow:0 8px 20px rgba(15,23,42,.08);cursor:pointer;animation:nc4Float 4s ease-in-out infinite;animation-delay:calc(var(--d)*-.9s)}
.nc4-b:active{transform:scale(.96)}
@keyframes nc4Float{50%{transform:translateY(-6px)}}
.nc4-mid{position:relative;width:118px;display:grid;justify-items:center}
.nc4-disc{position:absolute;bottom:4px;width:112px;height:28px;border-radius:50%;background:radial-gradient(closest-side,rgba(246,146,30,.35),transparent)}
.nc4 .nr-char{width:118px;position:relative}
/* لوحة البحر والقلعة ورا نورس — شكل عضوي شفاف الحواف، أعرض شوي من الكاريكتر ومثبّتة لتحت */
.nc4-mid{width:150px}
.nc4-scene{position:absolute;z-index:0;left:50%;bottom:10px;width:150px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 10px 18px rgba(15,23,42,.18));pointer-events:none}
.nc4-mid .nc4-disc,.nc4-mid .nr-char{z-index:1}
.nc4 .nr-form{background:#fff}
@media(prefers-reduced-motion:reduce){.nc4-b,.nc1 .nr-char{animation:none}}

/* إصلاح: الفقاعة ما تتمدّد ورا الكاريكتر */
.nc1-bubble{grid-template-columns:minmax(0,1fr)}
.nc1-bubble>*{min-width:0}
.nc1 .nr-char{width:104px;margin-inline-start:0}
.hv-noras .nc .nr-reply p{border-start-start-radius:16px}

/* بحث بلا كلمة: أقسام جاهزة للاختيار */
.hv-quickcats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.hv-quickcats button{border:1.5px solid #eef0f3;background:#fff;border-radius:99px;padding:9px 16px;font:700 13px var(--font);color:#0f172a;cursor:pointer}
.hv-quickcats button:active{background:#FFF3E0;border-color:#F6921E}

/* ========== رأس صفحة القسم (العنوان + البحث + الفلتر + الأقسام الفرعية): 4 أشكال للمعاينة ==========
   بلا صور — الكروت والشبكة لا تُمسّ. */
body.hv .list-search input{font-family:var(--font)}
body.hv .list-page>h1{color:#0f172a}

/* رأس صفحة القسم: كبسولة واحدة للبحث والفلتر، والأقسام حبوب برتقالية */
body.hv .list-page>h1{font-size:26px;margin-bottom:12px}
body.hv .list-search-row{align-items:center;gap:6px;background:#f4f5f7;border-radius:99px;padding:5px}
body.hv .list-search-row>button:first-child{width:40px!important;height:40px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px rgba(15,23,42,.08)}
body.hv .list-search input{background:none;border:0;padding-block:10px;font-size:14.5px}
body.hv .filter-btn{height:40px;border:0;border-radius:99px;background:#0f172a;color:#fff;padding:0 14px}
body.hv .filter-row{border:0;gap:8px;margin-bottom:16px}
body.hv .f-btn{border:1.5px solid #eceef1;border-radius:99px;margin:0;padding:8px 16px;color:#475569;background:#fff}
body.hv .f-btn.act{background:#F6921E;border-color:#F6921E;color:#fff}



   مقاسات آمنة للآيفون وتطبيق الأندرويد: dvh بدل vh، وهامش سفلي ثابت 22px يتجاوز شريط المتصفح/مؤشّر الهوم. */
body.hv .filter-sheet{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px)}
body.hv .fs-footer{padding:12px 16px calc(22px + env(safe-area-inset-bottom,0px))!important}
body.hv .fs-body{padding-bottom:28px}
body.hv .fs-apply{font-family:var(--font)}
/* ورقة الفلتر: بطاقة عائمة زجاجية بعيدة عن الحواف */
body.hv .filter-sheet{transform:translateY(120%);left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;border-radius:30px;background:rgba(255,255,255,.9);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 20px 60px rgba(15,23,42,.3);max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px)}
body.hv .fs-header{border:0;padding-top:20px}
body.hv .fs-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
body.hv .fs-chip{text-align:center;border:0;background:rgba(15,23,42,.06);border-radius:14px;padding:11px 8px}
body.hv .fs-chip.act{background:#F6921E;color:#fff;box-shadow:0 6px 14px rgba(246,146,30,.4)}
body.hv .fs-input{border:0;background:rgba(15,23,42,.06);border-radius:14px}
body.hv .fs-footer{background:none;border:0}
body.hv .fs-apply{height:54px;border-radius:18px;background:#0f172a}

/* بحث بلا قسم: بلا فلاتر */
.hv-picker .filter-row,.hv-picker .filter-btn{display:none!important}

body.hv .filter-sheet.open{transform:translateY(0)}
body.hv .fs-handle{display:none}

/* ================= محادثة الإدارة =================
   ترويسة بسيطة (رجوع + صورة + اسم + حالة)، وتحتها كرت الإعلان مستقل ومثبّت لا يتحرك مع الرسائل.
   خلفية منقّطة، فقاعات برتقالية/بيضاء. ارتفاع dvh + هامش سفلي ثابت (آيفون/APK). */
@media(max-width:767px){ body.hv #acChat{height:100vh;height:100dvh;max-height:none} }
body.hv #acChat{font-family:var(--font);background:#f1f3f6 radial-gradient(#d9dde3 1px,transparent 1.4px) 0 0/18px 18px}
body.hv #acChat .ac-chat-body{background:transparent}
body.hv #acChat .ac-chat-head{display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top,0px));background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #eceef1;box-shadow:none;border-radius:0}
body.hv #acChat .ac-back{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#f3f4f6;color:#0f172a;font-size:0}
body.hv #acChat .ac-back svg{width:21px;height:21px}
body.hv #acChat .ac-h-av{position:relative;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#F6921E,#E07D0A);box-shadow:none}
body.hv #acChat .ac-h-av svg{width:22px;height:22px}
body.hv #acChat .ac-h-info{flex:1;min-width:0}
body.hv #acChat .ac-h-info .t{display:flex;align-items:center;gap:5px;font:900 15.5px var(--font);color:#0f172a}
body.hv #acChat .ac-h-vf{width:17px;height:17px;color:#1d9bf0;flex-shrink:0}
body.hv #acChat .ac-h-info .s{font:600 11.5px var(--font);color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.hv #acChat .ac-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;vertical-align:middle}
/* كرت الإعلان — مستقل عن الترويسة */
body.hv #acChat .ac-adbar{display:flex;align-items:center;gap:10px;margin:10px 12px 2px;padding:9px;background:#fff;border-radius:18px;box-shadow:0 6px 18px rgba(15,23,42,.08);border:1px solid #eef0f3}
body.hv #acChat .ac-ad-th{width:46px;height:46px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#FFF3E0;color:#F6921E;display:grid;place-items:center}
body.hv #acChat .ac-ad-th img{width:100%;height:100%;object-fit:cover}
body.hv #acChat .ac-ad-th svg{width:22px;height:22px}
body.hv #acChat .ac-ad-tx{flex:1;min-width:0;display:grid}
body.hv #acChat .ac-ad-tx small{font:600 10.5px var(--font);color:#94a3b8}
body.hv #acChat .ac-ad-tx b{font:800 13.5px var(--font);color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.hv #acChat .ac-ad-go{flex-shrink:0;border:0;border-radius:99px;padding:8px 14px;font:800 12px var(--font);background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff;cursor:pointer}
/* الرسائل والكتابة */
body.hv #acChat .ac-bubble{border:0;border-radius:18px;box-shadow:0 2px 8px rgba(15,23,42,.06)}
body.hv #acChat .ac-bubble.me{background:linear-gradient(135deg,#F6921E,#E07D0A);color:#fff}
body.hv #acChat .ac-bubble.them{background:#fff}
body.hv #acChat .ac-chat-foot{background:rgba(255,255,255,.94);border-top:1px solid #eceef1;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}

/* سطر الحالة: نقطة خضراء مع هالة كاملة غير مقصوصة، محاذاة وسطية */
body.hv #acChat .ac-h-info .s{display:flex;align-items:center;gap:8px;overflow:visible;padding-inline-start:3px}
body.hv #acChat .ac-dot{display:block;width:8px;height:8px;margin:0;flex-shrink:0;box-shadow:0 0 0 3px rgba(34,197,94,.2)}

/* ================= نافذة تحميل التطبيق — صفحتين متوازنتين بنفس الحجم =================
   1) الصورة + الإعلان + اختيار الجهاز   2) هيدر رفيع + تعليمات الجهاز
   الصورة تتلاشى من الأسفل بلا خط فاصل. مقاسات آمنة للآيفون/الـAPK (dvh). */
html.dla-lock,html.dla-lock body{overflow:hidden}
.dla-pov{position:fixed;inset:0;z-index:6002;display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl;background:rgba(15,23,42,.45);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);opacity:0;transition:opacity .35s}
.dla-pov.show{opacity:1}
.dla-pop{position:relative;width:100%;max-width:340px;height:min(450px,calc(100vh - 40px));height:min(450px,calc(100dvh - 40px));display:flex;flex-direction:column;overflow:hidden;border-radius:28px;background:#fff;font-family:var(--font);text-align:center;box-shadow:0 30px 80px rgba(15,23,42,.4);transform:translateY(24px) scale(.94);transition:transform .45s cubic-bezier(.2,.9,.25,1.1)}
.dla-pov.show .dla-pop{transform:none}
.dla-pop button{font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent}
/* رأس النافذة: الصورة بالصفحة الأولى (تتلاشى من الأسفل)، وهيدر رفيع بصفحة التعليمات */
.dla-pv{position:relative;flex:0 0 auto;height:calc(min(340px,100vw - 40px) * .521);display:grid;place-items:center;background:linear-gradient(160deg,#F6921E,#E07D0A);overflow:hidden;transition:height .42s cubic-bezier(.2,.8,.2,1)}
.dla-pv.has-art{background:#fff}
.pv-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
.pv-ico{position:relative;z-index:1;width:76px;height:76px;border-radius:20px;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.dla-pv.has-art .pv-ico{display:none}
.pv-slim{position:absolute;inset:0;z-index:2;display:flex;align-items:center;gap:10px;padding:0 16px 0 104px;color:#fff;background:linear-gradient(160deg,#F6921E,#E07D0A);opacity:0;pointer-events:none;transition:opacity .3s}
.pv-slim img{width:38px;height:38px;border-radius:11px;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.pv-slim span{display:grid;text-align:start;min-width:0}
.pv-slim b{font:900 14.5px var(--font)}
.pv-slim small{font:700 11px var(--font);opacity:.88}
.dla-pop:not([data-v="promo"]) .dla-pv{height:66px}
.dla-pop:not([data-v="promo"]) .pv-art{opacity:0}
.dla-pop:not([data-v="promo"]) .pv-slim{opacity:1}
.dla-px,.dla-pbk{position:absolute;z-index:3;top:12px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(15,23,42,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;padding:0}
.dla-px{left:12px;font-size:20px;line-height:1}
.dla-pbk{left:54px;display:none}
.dla-pbk svg{width:18px;height:18px}
.dla-pop:not([data-v="promo"]) .dla-px,.dla-pop:not([data-v="promo"]) .dla-pbk{top:16px;background:rgba(255,255,255,.22)}
/* المحتوى (انتقال جانبي بين الصفحتين) */
.dla-pb{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:18px 20px calc(14px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}
.dla-pb.v-promo{padding-top:4px}
.dla-pb.go-f{animation:dlaF .34s cubic-bezier(.2,.8,.2,1)}
.dla-pb.go-b{animation:dlaB .34s cubic-bezier(.2,.8,.2,1)}
@keyframes dlaF{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes dlaB{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
.dla-pt{margin:0;font:900 22px/1.3 var(--font);color:#0f172a}
.dla-ps{margin:6px 0 0;font:600 13.5px/1.6 var(--font);color:#64748b}
/* بلاطات الأجهزة — جهاز المستخدم أولاً */
.dla-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.dla-pg{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid #eef0f3;background:#f8f9fb;border-radius:16px;padding:10px;text-align:start}
.dla-pg .i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
.dla-pg .i svg{width:20px;height:20px}
.dla-pg.and .i{background:#e8f5e9;color:#3ddc84}
.dla-pg.ios .i,.dla-pg.mac .i{background:#eef0f3;color:#0f172a}
.dla-pg.win .i{background:#e7f2fd;color:#0078D4}
.dla-pg b{font:800 13.5px var(--font);color:#0f172a}
.dla-pg small{position:absolute;top:-8px;inset-inline-end:8px;background:#F6921E;color:#fff;font:800 9.5px var(--font);border-radius:99px;padding:2px 7px}
.dla-pg.me{border-color:#F6921E;background:#fff7ed}
.dla-plater{margin-top:auto;border:0;background:none;color:#94a3b8;font:700 13px var(--font);padding:10px}
/* صفحة التعليمات */
.dla-pb .dla-head{margin:0 0 12px;gap:4px}
.dla-pb .dla-title{font-size:19px;margin:0}
.dla-pb .dla-sub{font-size:12.5px;margin:0}
.dla-pb .dla-steps{gap:8px;text-align:start}
.dla-pb .dla-step{background:#f8f9fb;border:1.5px solid #eef0f3;border-radius:16px;padding:13px 12px}
.dla-pb .dla-dl{padding:14px;font-size:15px}
.dla-pb.v-android .dla-dl,.dla-pb [data-install]{order:9;margin-top:auto}
.dla-pb .dla-note{margin-top:auto;padding-top:10px}

/* ================= الإشعارات العلوية (إشعار نظام) + النوافذ المنبثقة (احتفالي) ================= */
@keyframes nmPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes nmRing{0%{box-shadow:0 0 0 0 var(--cb)}100%{box-shadow:0 0 0 22px transparent}}
body.hv .u-toasts{top:calc(14px + env(safe-area-inset-top,0px))}
body.hv .u-toast{font-family:var(--font)}
/* إشعار علوي بأسلوب النظام: اسم التطبيق + الآن، زجاجي */
body.hv .u-toast{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ic hd" "ic tx";column-gap:12px;row-gap:1px;align-items:center;border:0;border-radius:22px;padding:12px 14px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 16px 40px rgba(15,23,42,.2),0 0 0 1px rgba(255,255,255,.6) inset}
body.hv .u-toast::before{content:"طلبك تم  ·  الآن";grid-area:hd;font:700 11px var(--font);color:#94a3b8}
body.hv .u-toast .ti{grid-area:ic;width:40px;height:40px;border-radius:12px;background:var(--c);color:#fff;display:grid;place-items:center}
body.hv .u-toast .ti svg{width:22px;height:22px}
body.hv .u-toast .tx{grid-area:tx;font-size:.9rem}

/* ----- النوافذ المنبثقة: دخول / تأكيد / خروج / وداع — أيقونة تقفز بنبضة وبطاقة بتدرّج ناعم ----- */
body.hv .u-ov{z-index:12000}
body.hv .u-card,body.hv .ac-card.ac-bye{font-family:var(--font)}
/* nm4: احتفالي — أيقونة تقفز بنبضة، بطاقة بتدرّج ناعم، أزرار جنباً لجنب */
body.hv .u-card{border-radius:28px;background:#fff linear-gradient(180deg,var(--cb),transparent 55%)}
body.hv .u-ic{animation:nmPop .5s cubic-bezier(.2,.9,.3,1.2) both,nmRing 1.6s .3s 2;width:72px;height:72px;background:var(--c);color:#fff;box-shadow:0 12px 26px rgba(15,23,42,.2)}
body.hv .u-ic svg{width:34px;height:34px}
body.hv .u-title{font-weight:900}
body.hv .u-btn{border-radius:99px}
body.hv .ac-card.ac-bye{background:linear-gradient(180deg,#fef2f2,#fff 55%);border-radius:28px}
body.hv .ac-bye .ac-del-bye-ic{width:72px;height:72px;background:#ef4444;color:#fff;animation:nmPop .5s cubic-bezier(.2,.9,.3,1.2) both;box-shadow:0 12px 26px rgba(239,68,68,.4)}
body.hv .ac-bye .ac-btn{border-radius:99px}

/* ================= صفحة الدخول الكاملة: تيليغرام أولاً، والبريد مطويّ خلف زر ================= */
#acAuthOverlay.au-page{padding:0;align-items:stretch;justify-content:stretch;background:#f1f3f6 radial-gradient(#d9dde3 1px,transparent 1.4px) 0 0/18px 18px;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:11000}
#acAuthOverlay .au-card{position:relative;width:100%;max-width:none;min-height:100%;height:auto;max-height:none;margin:0;border-radius:0;box-shadow:none;background:transparent;display:flex;flex-direction:column;overflow:visible;box-sizing:border-box;padding:calc(18px + env(safe-area-inset-top,0px)) 24px calc(22px + env(safe-area-inset-bottom,0px));text-align:start;font-family:var(--font);animation:none}
#acAuthOverlay .au-card .ac-close{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:18px;right:auto}
.au-card .ac-close{width:38px;height:38px;border-radius:50%;background:#fff;color:#475569;z-index:3;display:grid;place-items:center;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.au-card .ac-close svg{width:16px;height:16px}
.au-back{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#475569;display:grid;place-items:center;cursor:pointer;padding:0;z-index:3;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.au-back svg{width:18px;height:18px}
.au-body{width:100%;max-width:420px;margin:auto;box-sizing:border-box}
.au-v{display:none}
.au-card[data-step="choose"] .au-v[data-v="choose"],.au-card[data-step="tg"] .au-v[data-v="tg"],.au-card[data-step="signup"] .au-v[data-v="signup"],.au-card[data-step="forgot"] .au-v[data-v="forgot"],.au-card[data-step="reset"] .au-v[data-v="reset"],.au-card[data-step="profile"] .au-v[data-v="profile"]{display:block;animation:auIn .3s cubic-bezier(.2,.8,.2,1)}
@keyframes auIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* شعار الموقع (نفس شعار الهيدر) فوق العنوان، بلا خلفية */
.au-logo-main{display:block;height:46px;width:auto;margin:0 auto 18px;object-fit:contain}
.au-t{margin:0;font:900 30px/1.25 var(--font);color:#0f172a;text-align:center;text-wrap:balance}
.au-s{margin:8px 0 24px;font:600 14px/1.7 var(--font);color:#64748b;text-align:center;text-wrap:balance}
.au-go{width:100%;height:54px;border-radius:14px;font-size:16px;margin-top:2px}
.au-go:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
.au-card .ac-field{text-align:start;margin-bottom:12px}
.au-card .ac-field label{font:700 12.5px var(--font);color:#334155;margin-bottom:6px}
.au-card .ac-field input{height:52px;border-radius:14px;font-size:16px;padding:0 14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.au-card .ac-field input:focus{border-color:#F6921E;box-shadow:0 0 0 4px rgba(246,146,30,.14)}
.au-card .ac-pass-wrap input{padding-left:46px}
.au-card .ac-eye{left:10px}
.au-card .ac-terms-agree{margin:6px 0 14px}
.au-links{display:flex;justify-content:space-between;gap:12px;margin:14px 2px 0;font:700 13px var(--font)}
.au-links a{color:#E07D0A;cursor:pointer;font-weight:800}
.au-terms{margin:18px 0 0;text-align:center;font:600 12px/1.7 var(--font);color:#94a3b8}
.au-terms a{color:#E07D0A;font-weight:800;cursor:pointer}
.au-card .ac-guest-hint{text-align:center}
/* زر تيليغرام: بطاقة كبيرة بأيقونة وسطر فرعي */
.au-tg{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;width:100%;min-height:84px;padding:14px 18px;box-sizing:border-box;border-radius:20px;background:linear-gradient(135deg,#2AABEE,#1E8FCB);color:#fff;font:800 17px var(--font);text-align:start;text-decoration:none;box-shadow:0 18px 38px -10px rgba(34,158,217,.6);-webkit-tap-highlight-color:transparent;transition:transform .15s}
.au-tg:active{transform:scale(.98)}
.au-tg svg{grid-row:1/3;width:46px;height:46px;padding:11px;box-sizing:border-box;border-radius:50%;background:rgba(255,255,255,.2);flex-shrink:0}
.au-tg-n{display:block;font:600 12.5px var(--font);opacity:.85}
.au-tg.ghost{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 16px;margin-top:16px;border-radius:14px;background:#fff;color:#229ED9;border:1.5px solid #cfe8f5;box-shadow:none;font-size:15px}
.au-tg.ghost svg{width:22px;height:22px;padding:0;background:none}
/* البريد: مطويّ خلف زر حتى يطلبه المستخدم */
.au-mail-open{display:block;width:100%;margin:18px 0 0;padding:14px;border:1.5px dashed #cbd5e1;border-radius:14px;background:rgba(255,255,255,.7);color:#475569;font:800 14px var(--font);cursor:pointer}
.au-mail{display:none}
.au-card.mail-open .au-mail-open{display:none}
.au-card.mail-open .au-mail{display:block;margin-top:20px;animation:auIn .3s cubic-bezier(.2,.8,.2,1)}
/* شاشة رمز تيليغرام */
.au-tg-ico{width:72px;height:72px;margin:4px auto 16px;border-radius:50%;background:#229ED9;color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px rgba(34,158,217,.3)}
.au-tg-ico svg{width:36px;height:36px;margin-inline-start:-4px}
.au-steps{margin:16px auto 20px;padding:0;list-style:none;counter-reset:st;display:grid;gap:9px;max-width:300px}
.au-steps li{counter-increment:st;position:relative;padding-inline-start:34px;min-height:24px;font:600 14px/24px var(--font);color:#475569}
.au-steps li::before{content:counter(st);position:absolute;inset-inline-start:0;top:0;width:24px;height:24px;border-radius:50%;background:#e8f4fb;color:#229ED9;font:800 12px var(--font);display:grid;place-items:center}
.au-steps b{color:#0f172a}
.au-otp{display:flex;justify-content:center;gap:8px;margin:0 0 16px;direction:ltr}
.au-otp input{width:46px;height:56px;border:1.5px solid #e2e8f0;border-radius:13px;background:#fff;text-align:center;font:900 22px var(--font);color:#0f172a;outline:none;padding:0;transition:border-color .15s,box-shadow .15s}
.au-otp input:focus{border-color:#F6921E;box-shadow:0 0 0 4px rgba(246,146,30,.15)}
/* الدخول وإنشاء الحساب: بلا عنوان عريض — النص النحيف تحت الشعار مباشرة */
.au-s.au-lead{margin-top:0}
/* قوة كلمة المرور: شريط من 4 مقاطع + شروط حيّة */
.au-pw{display:flex;align-items:center;gap:10px;margin:9px 2px 0}
.au-pw-bar{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.au-pw-bar i{height:5px;border-radius:3px;background:#e2e8f0;transition:background .2s}
.au-pw-l{min-width:58px;text-align:end;font:800 12px var(--font)}
.au-pw[data-l="1"] .au-pw-bar i:nth-child(-n+1){background:#ef4444}.au-pw[data-l="1"] .au-pw-l{color:#ef4444}
.au-pw[data-l="2"] .au-pw-bar i:nth-child(-n+2){background:#f97316}.au-pw[data-l="2"] .au-pw-l{color:#f97316}
.au-pw[data-l="3"] .au-pw-bar i:nth-child(-n+3){background:#eab308}.au-pw[data-l="3"] .au-pw-l{color:#ca8a04}
.au-pw[data-l="4"] .au-pw-bar i{background:#22c55e}.au-pw[data-l="4"] .au-pw-l{color:#16a34a}
.au-pw-rules{list-style:none;margin:10px 2px 2px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.au-pw-rules li{position:relative;padding-inline-start:21px;font:600 12px/16px var(--font);color:#94a3b8;transition:color .2s}
.au-pw-rules li::before{content:"";position:absolute;inset-inline-start:0;top:1px;width:14px;height:14px;border-radius:50%;border:1.5px solid #cbd5e1;box-sizing:border-box;transition:background .2s,border-color .2s}
.au-pw-rules li.ok{color:#16a34a}
.au-pw-rules li.ok::before{border-color:#22c55e;background:#22c55e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/9px no-repeat}
/* نسيت كلمة المرور / كلمة مرور جديدة */
.au-fg-sent{display:none}
.au-v.sent .au-fg-form{display:none}
.au-v.sent .au-fg-sent{display:block;animation:auIn .3s cubic-bezier(.2,.8,.2,1)}
.au-fg-ico{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:#fff3e6;color:#F6921E;display:grid;place-items:center;box-shadow:0 10px 24px rgba(246,146,30,.18)}
.au-fg-ico svg{width:30px;height:30px}
.au-em{color:#0f172a;font-weight:800}
.au-fg-resend{margin-top:16px;text-align:center;font:700 13px var(--font);color:#94a3b8}
.au-fg-resend b{color:#0f172a;font-variant-numeric:tabular-nums}
.au-fg-resend a{color:#E07D0A;cursor:pointer;font-weight:800}
.au-card[data-step="reset"] .ac-close,.au-card[data-step="reset"] .ac-guest-hint,.au-card[data-step="reset"] .au-terms{display:none}
/* رسائل صفحة الدخول: إشعار عائم أعلى الصفحة تحت زرَّي الإغلاق/الرجوع */
#acAuthOverlay>.ac-msg{display:none;position:fixed;z-index:11020;top:calc(env(safe-area-inset-top,0px) + 62px);left:16px;right:16px;max-width:420px;margin:0 auto;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.97);color:#0f172a;font:700 13px/1.6 var(--font);text-align:start;box-sizing:border-box;box-shadow:0 18px 40px -12px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}
#acAuthOverlay>.ac-msg.err,#acAuthOverlay>.ac-msg.ok{display:flex}
#acAuthOverlay>.ac-msg.show{animation:amDown .38s cubic-bezier(.2,.9,.3,1.2)}
@keyframes amDown{from{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:none}}
.am-ic{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;margin-top:1px}
.ac-msg.err .am-ic{background:#ef4444}.ac-msg.ok .am-ic{background:#22c55e}
.am-ic svg{width:12px;height:12px}
.am-tx{flex:1;min-width:0;white-space:pre-line}
#acAuthOverlay .au-bad{border-color:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.12)!important}
#acAuthOverlay .ac-agree-lbl.au-bad{color:#b91c1c}
#acAuthOverlay .ac-agree-lbl.au-bad input{outline:2px solid #ef4444;outline-offset:1px}
/* نافذة «الشروط وسياسة الخصوصية» فوق صفحة الدخول (كانت تُفتح خلفها فلا تظهر) */
#acTermsOverlay{z-index:12500}
#acTermsOverlay .ac-terms-foot{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #eef2f7;flex-shrink:0}
#acTermsOverlay .ac-terms-foot .ac-btn{width:100%;margin:0}
/* زر تيليغرام أثناء تجهيز الرابط */
.au-tg.busy{pointer-events:none;opacity:.85}
.au-tg.busy svg{animation:auTgPulse 1s ease-in-out infinite}
@keyframes auTgPulse{50%{transform:scale(.86);opacity:.6}}
/* تنقّل احترافي: شريط تحميل رفيع أعلى الشاشة أثناء تجهيز الصفحة التالية */
#ttProgress{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;height:3px;z-index:12050;pointer-events:none;opacity:0;transition:opacity .2s;overflow:hidden}
#ttProgress.on{opacity:1}
#ttProgress i{position:absolute;top:0;bottom:0;left:0;width:45%;border-radius:3px;background:linear-gradient(90deg,transparent,#F6921E 40%,#E07D0A);animation:ttProg 1s ease-in-out infinite}
@keyframes ttProg{from{transform:translateX(-110%)}to{transform:translateX(250%)}}
/* بطاقات القوائم: ظهور خفيف سريع بلا اختفاء ولا تأخير متدرّج (كان يبدو كوميض) */
#allGrid .af{animation:ttCardIn .18s ease-out both!important;animation-delay:0s!important}
@keyframes ttCardIn{from{opacity:.4}to{opacity:1}}
#allGrid{transition:opacity .15s}
#allGrid.tt-loading{opacity:.55;pointer-events:none}
@media(prefers-reduced-motion:reduce){#ttProgress i,#allGrid .af{animation:none!important}}