/* ChinaHub — ch-qv.css  (Quick View + Recently viewed + small toast)
   Taken out of ch-catalog.css for the new listing pages; the old file's variables are defined here,
   tied to the site's own palette (--ch-p, --ch-ink, --ch-border). */
#chQv,#chToast,.pc2-qv,#chRv{--p:var(--ch-p,#FA5B00);--pk:var(--ch-p-tint,#FFF7ED);--ink:var(--ch-ink,#0F172A);--border:var(--ch-border,#E5E7EB);
  --card:#fff;--r:16px;--sh:0 14px 34px -20px rgba(15,23,42,.35)}
/* ═══ لوحة الفلاتر (Drawer / Bottom Sheet) ═══ */
html.cfp-lock{overflow:hidden}
/* شاهدتها مؤخراً */
/* ═══ V14: Quick View + استئناف + Toast + زر المشاركة + زر المعاينة على الكرت ═══ */
#chToast{position:fixed;bottom:88px;left:50%;transform:translate(-50%,12px);z-index:9997;background:#111;color:#fff;font-size:12.5px;font-weight:700;padding:10px 20px;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:all .25s ease}
#chToast.on{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* زر المعاينة السريعة على الكرت */
.pc2-qv{position:absolute;top:44px;inset-inline-end:8px;z-index:5;width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;background:rgba(255,255,255,.94);color:#374151;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.14);opacity:0;transform:translateY(-4px);transition:all .18s ease}
.pc2:hover .pc2-qv{opacity:1;transform:none}
.pc2-qv:hover{color:var(--p);transform:scale(1.1)}
.pc2-qv svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none}
@media(hover:none){.pc2-qv{opacity:1;transform:none;top:40px;width:26px;height:26px}.pc2-qv svg{width:13px;height:13px}}
/* المودال */
#chQv{position:fixed;inset:0;z-index:9998;display:none}
#chQv.on{display:block}
#chQv .qv-ov{position:absolute;inset:0;background:rgba(12,10,8,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:qvFade .2s ease}
#chQv .qv-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(860px,94vw);max-height:88vh;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;animation:qvIn .24s cubic-bezier(.2,.8,.3,1)}
#chQv .qv-x{position:absolute;top:12px;inset-inline-end:12px;z-index:3;width:32px;height:32px;border-radius:50%;border:none;background:#F3F4F6;cursor:pointer;font-size:14px}
#chQv .qv-x:hover{background:#FEE2E2;color:#DC2626}
#chQv .qv-body{display:grid;grid-template-columns:1fr 1fr;max-height:88vh}
#chQv .qv-media{background:#FAFAFC;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
#chQv .qv-main{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#F2F2F4}
#chQv .qv-main img,#chQv .qv-main video{width:100%;height:100%;object-fit:cover;display:block}
#chQv .qv-thumbs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
#chQv .qv-th{position:relative;flex:0 0 52px;height:52px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:#eee}
#chQv .qv-th.on{border-color:var(--p)}
#chQv .qv-th img{width:100%;height:100%;object-fit:cover;display:block}
#chQv .qv-th-vid{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);color:#fff;font-size:13px;z-index:1}
#chQv .qv-info{padding:26px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
#chQv .qv-name{font-size:16px;font-weight:800;color:var(--ink);text-decoration:none;line-height:1.45}
#chQv .qv-name:hover{color:var(--p)}
#chQv .qv-rate{font-size:12px;color:#374151}
#chQv .qv-rate .stars i{color:#FF8A00;font-style:normal;font-size:12px}
#chQv .qv-rate .stars i.e{color:#E3E3E8}
#chQv .qv-rate .mut{color:#9CA3AF}
#chQv .qv-price{display:flex;align-items:baseline;gap:9px}
#chQv .qv-price b{font-size:28px;font-weight:900;color:#CC0000;letter-spacing:-.5px}
#chQv .qv-price s{color:#9CA3AF;font-size:13px}
#chQv .qv-price em{font-style:normal;background:#FDE8E8;color:#DC2626;font-weight:800;font-size:11px;padding:2px 8px;border-radius:6px}
#chQv .qv-low{font-size:12px;font-weight:800;color:#DC2626}
#chQv .qv-acts{display:flex;gap:9px;margin-top:4px}
#chQv .qv-atc{flex:1;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#FF6A00,#FF8C2C);color:#fff;font-size:14px;font-weight:900;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px -6px rgba(255,106,0,.6);transition:filter .15s,transform .1s}
#chQv .qv-atc:hover{filter:brightness(1.07)}
#chQv .qv-atc:active{transform:scale(.98)}
#chQv .qv-share{width:46px;border-radius:12px;border:1.5px solid #ECECF0;background:#fff;cursor:pointer;font-size:16px;color:#6B7280}
#chQv .qv-share:hover{border-color:var(--p);color:var(--p)}
#chQv .qv-full{font-size:12px;font-weight:700;color:var(--p);text-decoration:none}
#chQv .qv-skel{width:100%;height:100%;min-height:60px;border-radius:10px;background:linear-gradient(110deg,#F1F2F5 8%,#FAFBFC 18%,#F1F2F5 33%);background-size:200% 100%;animation:chShimmer 1.1s linear infinite}
#chQv .qv-err{color:#DC2626;font-weight:700;font-size:13px}
@media(max-width:640px){
  #chQv .qv-box{top:auto;bottom:0;left:0;transform:none;width:100%;border-radius:20px 20px 0 0;max-height:92vh;animation:qvUp .28s cubic-bezier(.32,.72,.35,1)}
  @keyframes qvUp{from{transform:translateY(60px);opacity:.5}}
  #chQv .qv-body{grid-template-columns:1fr;overflow-y:auto}
  #chQv .qv-media{padding:12px}
  #chQv .qv-info{padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px))}
}
/* ═══ V14.3: مقاسات/ألوان + كمية + وصف داخل الـ Quick View ═══ */
#chQv .qv-opt-t{font-size:10.5px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:#9CA3AF;margin-bottom:7px}
#chQv .qv-opt-vals{display:flex;flex-wrap:wrap;gap:7px}
#chQv .qv-val{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1.5px solid #ECECF0;border-radius:10px;background:#FCFCFD;font-size:12px;font-weight:700;color:#374151;cursor:pointer;font-family:inherit;transition:all .14s}
#chQv .qv-val:hover{border-color:#FFD9BC;background:var(--pk)}
#chQv .qv-val.on{border-color:var(--p);background:linear-gradient(135deg,#FFF4EE,#FFE9DA);color:var(--p);box-shadow:0 3px 9px -4px rgba(255,106,0,.4)}
#chQv .qv-val .sw{width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);flex-shrink:0;box-shadow:inset 0 0 0 2px #fff}
#chQv .qv-val.has-sw.on .sw{box-shadow:inset 0 0 0 2px #fff,0 0 0 1.5px var(--p)}
#chQv .qv-desc{font-size:12px;line-height:1.75;color:#6B7280;margin:0;border-inline-start:3px solid #FFE3D1;padding-inline-start:10px}
#chQv .qv-deliv{font-size:11.5px;font-weight:700;color:#0F8A4A;display:flex;align-items:center;gap:7px}
#chQv .qv-deliv span{color:#D1D5DB}
#chQv .qv-qty{display:flex;align-items:center;border:1.5px solid #ECECF0;border-radius:12px;overflow:hidden;flex-shrink:0}
#chQv .qv-qty button{width:34px;height:46px;border:none;background:#FAFAFC;font-size:16px;font-weight:800;color:#4b5563;cursor:pointer;transition:background .12s}
#chQv .qv-qty button:hover{background:var(--pk);color:var(--p)}
#chQv .qv-qty b{min-width:34px;text-align:center;font-size:14px;font-weight:900;color:var(--ink)}
@media(max-width:640px){
  #chQv .qv-acts{position:sticky;bottom:0;background:#fff;padding-top:8px;margin-inline:-16px;padding-inline:16px;box-shadow:0 -8px 16px -12px rgba(0,0,0,.15)}
  #chQv .qv-qty button{height:44px}
}
/* قلب المفضلة بالمودال */
#chQv .qv-wish{width:46px;border-radius:12px;border:1.5px solid #ECECF0;background:#fff;cursor:pointer;font-size:17px;color:#9CA3AF;transition:all .15s}
#chQv .qv-wish:hover,#chQv .qv-wish.on{border-color:#F43F5E;color:#F43F5E;background:#FFF1F3}

/* recently viewed — the categories look */
#chRv:empty{display:none}
#chRv{margin:18px 0 6px}
#chRv .rv{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px 14px 12px}
#chRv .rv-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px;font-weight:800;color:var(--ink)}
#chRv .rv-h svg{width:20px;height:20px;color:var(--p);flex:none}
#chRv .rv-h .cl{margin-inline-start:auto;border:1px solid var(--border);background:#fff;border-radius:999px;height:30px;padding:0 12px;font:inherit;font-size:12.5px;font-weight:700;color:#64748B;cursor:pointer}
#chRv .rv-h .cl:hover{color:#DC2626;border-color:#FCA5A5}
#chRv .rv-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
#chRv .rv-row::-webkit-scrollbar{display:none}
#chRv .rv-it{flex:none;width:120px;text-decoration:none;color:var(--ink)}
#chRv .rv-it img{width:120px;height:120px;border-radius:12px;object-fit:cover;background:#F8FAFC;display:block;box-shadow:0 0 0 1px #EEF2F6}
#chRv .rv-nm{margin-top:6px;font-size:12px;line-height:1.3;color:#334155;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
#chRv .rv-pr{margin-top:3px;font-size:13px;font-weight:800;color:var(--ch-price,#FB4E00)}
@media (hover:hover){#chRv .rv-it:hover img{box-shadow:0 0 0 1.5px rgba(250,91,0,.5)}}
@media (min-width:981px){#chRv .rv-it,#chRv .rv-it img{width:136px}#chRv .rv-it img{height:136px}}

/* quick view: the title keeps clear of the close button; the price reads "JOD 21.05" */
@media (min-width:641px){#chQv .qv-info{padding-inline-end:64px}}   /* clear of the close button */
#chQv .qv-qty{border-color:#E2E8F0}
#chQv .qv-qty button{background:#F8FAFC;color:#334155}