/* ChinaHub — assets/css/nav.css  v9.5 */
:root {
  --or:           #FF5500;
  --or-light:     #FF7A1A;
  --or-deep:      #E04600;
  --or-dark:      #B95400;
  --or-darker:    #8E4000;
  --or-soft:      #FFF1E8;
  --red:          #E11D48;
  --red-deep:     #BE123C;
  --green:        #10B981;
  --green-bright: #86EFAC;
  --gold:         #FCD34D;
  --gold-bright:  #FFD93D;
  --ink:          #0F0F10;
  --ink-soft:     #3F3F46;
  --ink-mid:      #52525B;
  --line:         #E5E5E7;
  --line-soft:    #F4F4F6;
  --gray-soft:    #F5F5F7;
  --gray-text:    #71717A;
  --gray-mid:     #A1A1AA;
}

/* Cross-browser baseline */
#ch-main-header *,#ch-main-header *::before,#ch-main-header *::after,#perks *,#perks *::before,#perks *::after,#ch-cat-nav *,#ch-cat-nav *::before,#ch-cat-nav *::after,.coupon-modal *,.info-modal *,.picker *{box-sizing:border-box}
#ch-main-header img,#perks img,#ch-cat-nav img,.coupon-modal img,.info-modal img,.picker img{max-width:100%;height:auto}
#ch-main-header button,#perks button,#ch-cat-nav button,.coupon-modal button,.info-modal button,.picker button{font-family:inherit}

/* ════════════════════════════════════════════════════
   PERKS BAR (DESKTOP) — Black, 3 conversion drivers + utility
   ════════════════════════════════════════════════════ */
#perks{background:linear-gradient(180deg,#141416,#000);color:#fff;border-bottom:0;position:relative}
#perks::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--or) 30%,#F5D06B 50%,var(--or) 70%,transparent);background-size:220% 100%;animation:chEmber 8s linear infinite;opacity:.8;pointer-events:none}
@keyframes chEmber{0%{background-position:200% 0}100%{background-position:-20% 0}}
/* الرسائل الدوارة: تكديس grid — لا انهيار ارتفاع ولا قفزات */
.perks-rot{display:grid;align-items:center;min-width:0}
.perks-rot > .perks-cell{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s;pointer-events:none;visibility:hidden}
.perks-rot > .perks-cell.on{opacity:1;transform:none;pointer-events:auto;visibility:visible}
@media (prefers-reduced-motion:reduce){.perks-rot > .perks-cell{transition:opacity .2s;transform:none}#perks::after{animation:none}}
#perks .w{max-width:1480px;margin:0 auto;padding:0 28px;height:42px;display:flex;align-items:center;justify-content:space-between}
[dir=rtl] #perks .w{direction:rtl}

.perks-l{display:flex;align-items:center;height:100%}
.perks-cell{display:inline-flex;align-items:center;gap:11px;padding:0 24px;height:100%;position:relative;color:#fff;text-decoration:none;cursor:pointer;transition:opacity .15s}
.perks-cell:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:rgba(255,255,255,.14)}
[dir=rtl] .perks-cell:not(:last-child)::after{right:auto;left:0}
.perks-cell:first-child{padding-left:0}
[dir=rtl] .perks-cell:first-child{padding-left:24px;padding-right:0}
.perks-cell.red{cursor:default}
.perks-cell:hover{opacity:1;background:rgba(255,255,255,.06)}

.perks-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}
.perks-cell.green .perks-ico{background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(16,185,129,.10));color:var(--green-bright);box-shadow:inset 0 0 0 1px rgba(134,239,172,.32)}
.perks-cell.red .perks-ico{background:linear-gradient(135deg,rgba(225,29,72,.22),rgba(225,29,72,.10));color:#FCA5A5;box-shadow:inset 0 0 0 1px rgba(252,165,165,.32)}
.perks-cell.gold .perks-ico{background:linear-gradient(135deg,rgba(252,211,77,.26),rgba(245,158,11,.10));color:var(--gold-bright);box-shadow:inset 0 0 0 1px rgba(252,211,77,.38)}
.perks-cell.gold .perks-ico::after{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:11px;background:radial-gradient(circle,rgba(252,211,77,.4),transparent 70%);z-index:-1;filter:blur(8px)}

.perks-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.perks-text .t{font-size:13px;font-weight:700;letter-spacing:-.1px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.perks-cell.green .perks-text .t{color:var(--green-bright)}
.perks-cell.red .perks-text .t{color:#FCA5A5}
.perks-cell.gold .perks-text .t{color:var(--gold-bright)}
.perks-text .t .arr{font-size:11px;font-weight:600;opacity:.85}
.perks-text .s{font-size:11px;color:rgba(255,255,255,.6);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.perks-r{display:flex;align-items:center;gap:0;height:100%}
.perks-r a{padding:0 14px;height:100%;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:rgba(255,255,255,.65);letter-spacing:-.05px;transition:color .15s;position:relative;text-decoration:none}
.perks-r a:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:rgba(255,255,255,.10)}
[dir=rtl] .perks-r a:not(:last-child)::after{right:auto;left:0}
.perks-r a:hover{color:#fff}
.perks-r a:last-child{padding-right:0}
[dir=rtl] .perks-r a:last-child{padding-right:14px;padding-left:0}
.perks-r a svg{opacity:.55;transition:opacity .15s}
.perks-r a:hover svg{opacity:1}

@media (max-width:1180px){
  #perks .w{padding:0 18px}
  .perks-cell{padding:0 16px;gap:9px}
  .perks-r a{padding:0 10px;font-size:11.5px}
  .perks-r a svg{display:none}
  .perks-r a:nth-child(3){display:none}
}
@media (max-width:980px){#perks{display:none}}

/* ════════════════════════════════════════════════════
   MAIN HEADER — White, orange tilted logo, huge search
   ════════════════════════════════════════════════════ */
#ch-main-header.hdr{background:#fff;border-bottom:1px solid var(--line);margin:0}
#ch-main-header.hdr .w{max-width:1480px;margin:0 auto;padding:8px 24px}
#ch-main-header .hdr-in{display:flex;align-items:center;gap:20px;line-height:1}
[dir=rtl] #ch-main-header .hdr-in{direction:rtl}

/* Logo - balanced size with breathing room */
#ch-main-header .logo{
  display:inline-flex;align-items:center;
  flex-shrink:0;text-decoration:none;
  height:64px;
  margin-left:4px;
  transition:opacity .2s ease;
}
[dir=rtl] #ch-main-header .logo{margin-left:0;margin-right:4px}
#ch-main-header .logo:hover{opacity:.85}
#ch-main-header .logo-img{
  display:block;
  height:64px !important;
  width:auto !important;
  max-height:64px;
  max-width:200px;
  object-fit:contain;
}
#ch-main-header .logo-fallback{
  font-family:'Inter','Cairo',sans-serif;
  font-size:28px;font-weight:900;
  letter-spacing:-.8px;color:var(--or);line-height:1;
}

/* Categories button */
#ch-main-header .cat-btn{display:inline-flex;align-items:center;gap:8px;padding:0 18px;height:48px;background:#fff;border:1px solid var(--line);border-radius:99px;color:var(--ink);font-size:14px;font-weight:700;letter-spacing:-.05px;flex-shrink:0;transition:all .15s;cursor:pointer;font-family:inherit;user-select:none}
#ch-main-header .cat-btn:hover{background:var(--or-soft);border-color:var(--or);color:var(--or-deep)}
#ch-main-header .cat-btn .grid{transition:transform .25s}
#ch-main-header .cat-btn:hover .grid{transform:rotate(45deg)}

/* Search wrapper */
#ch-main-header .srch-wrap{flex:1;position:relative;min-width:200px}
#ch-main-header.hdr .srch{height:48px;background:#fff;border:2px solid var(--ink);border-radius:99px;display:flex;align-items:center;padding:0 4px 0 22px;gap:10px;transition:all .15s;flex:1;position:relative}
[dir=rtl] #ch-main-header.hdr .srch{padding:0 22px 0 4px}
#ch-main-header.hdr .srch:focus-within{border-color:var(--or);box-shadow:0 0 0 4px rgba(255,85,0,.12)}
#ch-main-header.hdr .srch-ico{color:var(--gray-text);flex-shrink:0;transition:color .15s;display:inline-block!important;width:18px!important;height:18px!important}
#ch-main-header.hdr .srch:focus-within .srch-ico{color:var(--or)}
#ch-main-header.hdr .srch-in{flex:1;border:0;outline:0;font-family:inherit;font-size:14px;background:transparent;color:var(--ink);font-weight:500;min-width:0;letter-spacing:-.05px}
#ch-main-header.hdr .srch-in::placeholder{color:#9CA3AF;font-weight:500}
/* v9.4 tidy: unified 36px round icon buttons inside the search bar (camera + mic) */
#ch-main-header.hdr .srch-cam,#ch-main-header.hdr .srch-mic{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#52525B;transition:all .15s;cursor:pointer}
#ch-main-header.hdr .srch-cam:hover{color:var(--or-deep);background:var(--or-soft)!important}

/* ════════════════════════════════════════════════════
   LIVE SEARCH DROPDOWN — autosuggest + product results
   ════════════════════════════════════════════════════ */
#ch-main-header .srch-dropdown{
  position:absolute;
  top:calc(100% + 8px);left:0;right:0;
  background:#fff;
  border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.16),0 4px 12px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);
  opacity:0;visibility:hidden;
  transform:translateY(-4px);
  transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;
  z-index:200;
  overflow:hidden;
  max-height:540px;
  display:flex;flex-direction:column;
}
#ch-main-header .srch-dropdown.open{
  opacity:1;visibility:visible;
  transform:translateY(0);
  transition:opacity .15s ease,transform .15s ease;
}

#ch-main-header .srch-dd-section{padding:14px 18px}
#ch-main-header .srch-dd-section + .srch-dd-section{border-top:1px solid var(--line-soft)}

#ch-main-header .srch-dd-head{
  display:flex;align-items:center;gap:8px;
  font-size:11.5px;font-weight:700;
  color:var(--gray-text);
  letter-spacing:.6px;text-transform:uppercase;
  margin-bottom:10px;
}
#ch-main-header .srch-dd-head .dd-icon{display:inline-flex;color:var(--gray-mid)}

#ch-main-header .srch-dd-tags{display:flex;flex-wrap:wrap;gap:6px}
#ch-main-header .dd-tag{
  display:inline-flex;align-items:center;
  padding:7px 12px;
  background:var(--gray-soft);
  border-radius:99px;
  font-size:12.5px;font-weight:600;
  color:var(--ink);
  text-decoration:none;
  transition:all .15s;
  cursor:pointer;
}
#ch-main-header .dd-tag:hover{background:var(--or);color:#fff;transform:translateY(-1px)}

/* Search results (when typing) */
#ch-main-header .srch-dd-results{
  flex:1;overflow-y:auto;
  padding:0;
}
#ch-main-header .srch-dd-results:not(:empty){padding:6px 0}
#ch-main-header .srch-dd-results::-webkit-scrollbar{width:6px}
#ch-main-header .srch-dd-results::-webkit-scrollbar-track{background:transparent}
#ch-main-header .srch-dd-results::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}

#ch-main-header .srch-dd-row{
  display:flex;align-items:center;gap:14px;
  padding:10px 18px;
  text-decoration:none;
  transition:background .15s;
  cursor:pointer;
  border-left:3px solid transparent;
}
#ch-main-header .srch-dd-row:hover,#ch-main-header .srch-dd-row.active{background:var(--gray-soft);border-left-color:var(--or)}
#ch-main-header .srch-dd-row .img{
  width:48px;height:48px;
  border-radius:10px;
  background:var(--gray-soft);
  flex-shrink:0;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
#ch-main-header .srch-dd-row .img img{width:100%;height:100%;object-fit:cover}
#ch-main-header .srch-dd-row .info{flex:1;min-width:0}
#ch-main-header .srch-dd-row .info .name{
  font-size:13.5px;font-weight:600;
  color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  letter-spacing:-.05px;
  line-height:1.3;
}
#ch-main-header .srch-dd-row .info .name mark{
  background:var(--or-soft);color:var(--or-deep);
  font-weight:800;padding:0 2px;border-radius:2px;
}
#ch-main-header .srch-dd-row .info .meta{
  display:flex;align-items:center;gap:8px;
  font-size:11.5px;color:var(--gray-text);
  margin-top:3px;font-weight:500;
}
#ch-main-header .srch-dd-row .info .meta .star{color:#FFB800}
#ch-main-header .srch-dd-row .info .meta .sold{color:var(--gray-text)}
#ch-main-header .srch-dd-row .price{
  font-size:14.5px;font-weight:800;
  color:var(--or-deep);
  letter-spacing:-.3px;
  flex-shrink:0;
  font-variant-numeric:tabular-nums;
}
#ch-main-header .srch-dd-row .price .was{
  display:block;font-size:11px;font-weight:500;
  color:var(--gray-text);text-decoration:line-through;
  margin-top:1px;
}

#ch-main-header .srch-dd-empty{
  padding:32px 20px;text-align:center;
  color:var(--gray-text);font-size:13px;
}
#ch-main-header .srch-dd-empty svg{display:block;margin:0 auto 8px;opacity:.4}

#ch-main-header .srch-dd-loading{
  padding:24px;text-align:center;
}
#ch-main-header .srch-dd-loading .spinner{
  display:inline-block;
  width:24px;height:24px;
  border:2.5px solid var(--line);
  border-top-color:var(--or);
  border-radius:50%;
  animation:srchSpin .8s linear infinite;
}
@keyframes srchSpin{to{transform:rotate(360deg)}}

#ch-main-header .srch-dd-footer{
  border-top:1px solid var(--line-soft);
  background:var(--gray-soft);
}
#ch-main-header .srch-dd-footer a{
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 18px;
  font-size:13.5px;font-weight:700;
  color:var(--or-deep);
  text-decoration:none;
  transition:background .15s;
  letter-spacing:-.05px;
}
#ch-main-header .srch-dd-footer a:hover{background:#EFEFF1}
#ch-main-header .srch-dd-footer a span{display:flex;align-items:center;gap:5px}
#ch-main-header .srch-dd-footer a #srchDdQuery{font-weight:800;color:var(--ink)}

#ch-main-header.hdr .srch-cam{width:36px;height:36px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;color:var(--ink-soft);flex-shrink:0;transition:all .15s;border:0;background:transparent!important;cursor:pointer;padding:0;box-shadow:none!important}
#ch-main-header.hdr .srch-cam:hover{background:var(--gray-soft)!important;color:var(--ink)}
#ch-main-header.hdr .srch-cam svg{display:inline-block!important;width:17px!important;height:17px!important}
#ch-main-header.hdr .srch-btn{height:38px!important;padding:0 22px!important;background:linear-gradient(135deg,var(--or-light),var(--or-deep))!important;border:0!important;border-radius:99px!important;color:#fff!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;letter-spacing:-.05px;flex-shrink:0;transition:all .15s;cursor:pointer;font-family:inherit;box-shadow:0 4px 12px rgba(255,85,0,.32)!important;width:auto!important}
#ch-main-header.hdr .srch-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(255,85,0,.45)!important}
#ch-main-header.hdr .srch-btn svg{display:inline-block!important;width:14px!important;height:14px!important;color:#fff!important}

/* Right actions */
#ch-main-header .acts{display:flex;align-items:center;gap:0;flex-shrink:0}
[dir=rtl] #ch-main-header .acts{direction:rtl}

#ch-main-header .act{position:relative;display:inline-flex;align-items:center;gap:9px;padding:0 12px;height:44px;border-radius:12px;color:var(--ink);font-size:13px;font-weight:600;letter-spacing:-.05px;transition:background .15s,color .15s;text-decoration:none;background:transparent;border:0;cursor:pointer;font-family:inherit}
#ch-main-header .act:hover{background:var(--gray-soft);color:var(--or-deep)}
#ch-main-header .act-ico{width:28px;height:28px;border-radius:50%;background:var(--gray-soft);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);flex-shrink:0;overflow:hidden;transition:background .15s}
#ch-main-header .act:hover .act-ico{background:var(--or-soft);color:var(--or-deep)}
#ch-main-header .act-ico img{width:100%;height:100%;object-fit:cover}
#ch-main-header .act-ico .acct-initial{font-size:13px;font-weight:800}
#ch-main-header .act-text{display:flex;flex-direction:column;line-height:1.15;text-align:left}
[dir=rtl] #ch-main-header .act-text{text-align:right}
#ch-main-header .act-text .top{font-size:11px;color:var(--gray-text);font-weight:500;white-space:nowrap}
#ch-main-header .act-text .btm{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap}

#ch-main-header .act-flag .flag{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px var(--line);display:inline-flex;align-items:center;justify-content:center}
#ch-main-header .act-flag .flag img{width:100%;height:100%;object-fit:cover;display:block}

#ch-main-header .act-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:var(--ink);margin-inline-start:6px;transition:background .15s,color .15s;text-decoration:none}
#ch-main-header .act-cart:hover{color:var(--or-deep);background:var(--gray-soft)}
.act-cart-badge{position:absolute;top:4px;right:2px;background:linear-gradient(135deg,var(--or-light),var(--or-deep));color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;font-variant-numeric:tabular-nums;letter-spacing:-.3px;box-shadow:0 2px 6px rgba(255,85,0,.4)}
[dir=rtl] .act-cart-badge{right:auto;left:2px}

/* ── v9.2 CART UPGRADES: bump, badge pop, pulse ring, fly-to-cart ── */
@keyframes chCartBump{0%{transform:scale(1)}35%{transform:scale(1.12)}70%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes chBadgePop{0%{transform:scale(.6);opacity:.4}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
@keyframes chCartRing{0%{box-shadow:0 0 0 0 rgba(255,85,0,.30)}100%{box-shadow:0 0 0 9px rgba(255,85,0,0)}}
.act-cart.bump svg,.mob-cart.bump svg{animation:chCartBump .38s ease-out}
.act-cart-badge.pop,.m-cart-badge.pop,.mob-cart-badge.pop{animation:chBadgePop .32s ease-out}
.act-cart.has-ring::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;animation:chCartRing .6s ease-out;pointer-events:none}
.ch-fly-img{position:fixed;z-index:2147483100;width:64px;height:64px;border-radius:12px;object-fit:cover;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:all .75s cubic-bezier(.45,-0.05,.55,1.1);will-change:transform,left,top,width,height,opacity}
@media (prefers-reduced-motion:reduce){
  .act-cart.bump svg,.mob-cart.bump svg,.act-cart-badge.pop,.act-cart:hover svg{animation:none}
  .ch-fly-img{transition:opacity .3s}
}

/* Responsive header */
@media (max-width:1280px){
  #ch-main-header.hdr .w{padding:8px 18px}
  #ch-main-header .hdr-in{gap:14px}
    #ch-main-header.hdr .srch-btn span{display:none}
  #ch-main-header.hdr .srch-btn{width:38px!important;padding:0!important}
}
@media (max-width:1100px){
  #ch-main-header.hdr .act .act-text{display:none}
  #ch-main-header.hdr .act{padding:0 8px;width:48px;justify-content:center}
}
@media (max-width:980px){#ch-main-header,#ch-cat-nav{display:none}}

/* ════════════════════════════════════════════════════
   CAT NAV — tight, prominent, scrollable
   ════════════════════════════════════════════════════ */
#ch-cat-nav.cat-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
#ch-cat-nav.cat-nav .w{max-width:1480px;margin:0 auto;padding:0 28px}
#ch-cat-nav .cat-nav-list{display:flex;align-items:center;height:42px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:2px;line-height:1}
#ch-cat-nav .cat-nav-list::-webkit-scrollbar{display:none;width:0;height:0}
[dir=rtl] #ch-cat-nav .cat-nav-list{direction:rtl}

/* ── v9.16 CAT NAV — Temu-grade tabs: quiet by default, loud where it sells ── */
#ch-cat-nav .cat-nav-list a{
  position:relative;
  padding:0 13px;height:100%;
  display:inline-flex;align-items:center;gap:6px;
  font-size:13.5px;font-weight:600;
  color:var(--ink-soft);
  transition:color .15s;
  letter-spacing:-.1px;white-space:nowrap;text-decoration:none;
}
#ch-cat-nav .cat-nav-list a:first-child{padding-inline-start:0}
#ch-cat-nav .cat-nav-list a:hover{color:var(--ink)}
/* ═══ v9.19: مؤشر واحد حي — عنصر واحد ينزلق بين التبويبات (بدل مؤشر لكل رابط) ═══ */
#ch-cat-nav .cat-nav-list{position:relative}
#ch-cat-nav .cn-ind{position:absolute;bottom:0;height:3px;width:0;background:var(--or);border-radius:3px 3px 0 0;transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),background .2s;pointer-events:none}
#ch-cat-nav .cat-nav-list a.active{color:var(--or-deep);font-weight:800}
/* فاصل بين منطقة الرايلات ومنطقة الأقسام */
#ch-cat-nav .cn-sep{width:1px;height:16px;background:var(--line);margin:0 9px;flex-shrink:0;align-self:center}
/* عدّاد العروض الخاطفة داخل التبويب */
#ch-cat-nav .cn-cd{display:inline-flex;direction:ltr;margin-inline-start:2px;background:rgba(225,29,72,.10);border-radius:6px;padding:2.5px 7px;font-size:10.5px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;letter-spacing:.3px}
#ch-cat-nav .cn-cd:empty{display:none}
/* روابط الأقسام: نفس العائلة بلمسة أهدأ، وطُعم الختام مميز */
#ch-cat-nav .cat-nav-list a.cn-cat{color:var(--ink-soft)}
#ch-cat-nav .cat-nav-list a.cn-cat:hover{color:var(--ink)}
#ch-cat-nav .cat-nav-list a.cn-bait{color:var(--or-deep);font-weight:800}
/* تلاشي طرف النهاية — إيحاء بوجود المزيد */
#ch-cat-nav .w{position:relative}
#ch-cat-nav .w::after{content:'';position:absolute;top:0;bottom:0;inset-inline-end:0;width:38px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,0),#fff)}
[dir=rtl] #ch-cat-nav .w::after{background:linear-gradient(to left,rgba(255,255,255,0),#fff)}
@media (prefers-reduced-motion:reduce){#ch-cat-nav .cn-ind{transition:none}}
/* Flash deals: نبضة حية حمراء */
#ch-cat-nav .cat-nav-list a.deal{color:var(--red);font-weight:800}
#ch-cat-nav .cat-nav-list a.deal .live{
  width:7px;height:7px;background:var(--red);border-radius:50%;
  animation:cnPulse 1.6s ease-in-out infinite;display:inline-block;
}
@keyframes cnPulse{0%,100%{box-shadow:0 0 0 0 rgba(225,29,72,.45)}50%{box-shadow:0 0 0 5px transparent}}
/* شارتا NEW و HOT — زوج متناسق بدل الإيموجي */
#ch-cat-nav .cat-nav-list a.new::after,
#ch-cat-nav .cat-nav-list a.hot::after{
  font-size:8.5px;font-weight:800;color:#fff;
  padding:2px 5px;border-radius:5px;letter-spacing:.5px;line-height:1;
  transform:translateY(-5px);
}
#ch-cat-nav .cat-nav-list a.new::after{content:'NEW';background:linear-gradient(135deg,#10B981,#059669)}
#ch-cat-nav .cat-nav-list a.hot::after{content:'HOT';background:linear-gradient(135deg,#FF7A1A,#E11D48)}
@media (prefers-reduced-motion:reduce){#ch-cat-nav .cat-nav-list a.deal .live,#ch-cat-nav .cat-nav-list a::before{animation:none;transition:none}}

/* ════════════════════════════════════════════════════
   MOBILE PROMO STRIP — same as before, dark bg
   ════════════════════════════════════════════════════ */
.m-promo{display:none}
@media (max-width:980px){
  .m-promo{display:block;background:var(--ink);padding:9px 0;position:relative}
  .m-promo:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
  .m-promo-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;max-width:100%}
  [dir=rtl] .m-promo-row{direction:rtl}
  .m-promo-cell{display:flex;align-items:center;gap:8px;padding:0 10px;border-right:1px solid rgba(255,255,255,.10);min-width:0}
  .m-promo-cell:last-child{border-right:0}
  [dir=rtl] .m-promo-cell{border-right:0;border-left:1px solid rgba(255,255,255,.10)}
  [dir=rtl] .m-promo-cell:last-child{border-left:0}
  .m-promo-cell .ico-wrap{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}
  .m-promo-cell.or .ico-wrap{background:linear-gradient(135deg,rgba(16,185,129,.22),rgba(16,185,129,.10));color:#86EFAC;box-shadow:inset 0 0 0 1px rgba(134,239,172,.32)}
  .m-promo-cell.gr .ico-wrap{background:linear-gradient(135deg,rgba(225,29,72,.22),rgba(225,29,72,.10));color:#FCA5A5;box-shadow:inset 0 0 0 1px rgba(252,165,165,.30)}
  .m-promo-cell.gd .ico-wrap{background:linear-gradient(135deg,rgba(251,191,36,.26),rgba(245,158,11,.10));color:#FCD34D;box-shadow:inset 0 0 0 1px rgba(251,191,36,.38)}
  .m-promo-cell.gd .ico-wrap:after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:10px;background:radial-gradient(circle,rgba(251,191,36,.35),transparent 70%);z-index:-1;filter:blur(6px);opacity:.6}
  .m-promo-cell.gd{cursor:pointer;-webkit-tap-highlight-color:transparent}
  .m-promo-cell.gd:active{opacity:.7;transform:scale(.97)}
  .m-promo-text{flex:1;min-width:0;display:flex;flex-direction:column}
  .m-promo-text .title{font-size:11px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-promo-text .sub{font-size:9.5px;color:rgba(255,255,255,.62);line-height:1.2;font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-promo-cell.or .m-promo-text .title{color:#86EFAC}
  .m-promo-cell.gd .m-promo-text .title{background:linear-gradient(135deg,#FCD34D,#F59E0B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  @media (max-width:360px){
    .m-promo-cell{padding:0 7px;gap:6px}
    .m-promo-cell .ico-wrap{width:24px;height:24px;border-radius:7px}
    .m-promo-text .title{font-size:10.5px}
    .m-promo-text .sub{font-size:9px}
  }
}

/* ════════════════════════════════════════════════════
   COUPON MODAL
   ════════════════════════════════════════════════════ */
.coupon-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,16,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1100;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.coupon-overlay.open{opacity:1;visibility:visible;transition:opacity .25s ease}
.coupon-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-45%) scale(.92);width:390px;max-width:calc(100vw - 28px);background:linear-gradient(180deg,#fff,#FFFAF3);border-radius:24px;z-index:1101;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .3s;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.32),0 0 0 1px rgba(255,85,0,.10)}
.coupon-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition:opacity .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}
.coupon-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink-mid);z-index:5;transition:all .15s;border:1px solid rgba(0,0,0,.08);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.08)}
[dir=rtl] .coupon-close{right:auto;left:12px}
.coupon-close:hover{background:#fff7ed;color:var(--or-deep);transform:scale(1.04)}
.coupon-hero{padding:34px 26px 16px;text-align:center;position:relative;background:radial-gradient(circle at 20% 10%,rgba(251,191,36,.18),transparent 50%),radial-gradient(circle at 80% 0%,rgba(255,85,0,.14),transparent 50%),linear-gradient(180deg,#fff7ed,#fff)}
.coupon-confetti{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none}
.coupon-confetti.c1{background:var(--or);top:22px;left:36px;opacity:.7}
.coupon-confetti.c2{background:#FCD34D;top:14px;right:50px;width:5px;height:5px;opacity:.8}
.coupon-confetti.c3{background:#34D399;top:38px;right:26px;width:4px;height:4px;opacity:.7}
.coupon-confetti.c4{background:var(--or);top:50px;left:24px;width:4px;height:4px;opacity:.5}
.coupon-confetti.c5{background:#FCD34D;top:8px;left:60%;width:4px;height:4px;opacity:.6}
.coupon-logo{width:130px;height:auto;max-height:48px;object-fit:contain;margin:0 auto 16px;display:block;position:relative;z-index:1}
.coupon-title{font-family:'Inter','Cairo',sans-serif;font-size:42px;font-weight:800;letter-spacing:-1.5px;background:linear-gradient(135deg,#F59E0B 0%,var(--or) 50%,var(--or-deep) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:.95;margin-bottom:6px;position:relative;z-index:1}
.coupon-subtitle{font-size:13.5px;color:var(--ink-soft);font-weight:500;line-height:1.4;position:relative;z-index:1}
.coupon-subtitle strong{color:var(--ink);font-weight:700}
.coupon-body{padding:0 22px 22px}
.coupon-code-box{margin-top:6px;background:linear-gradient(180deg,#FFFEFB,#FFF1DC);border:2px dashed var(--or);border-radius:14px;padding:14px 14px 12px;position:relative;text-align:center}
.coupon-code-box:before,.coupon-code-box:after{content:'';position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 2px var(--or)}
.coupon-code-box:before{left:-10px;clip-path:inset(0 0 0 50%)}
.coupon-code-box:after{right:-10px;clip-path:inset(0 50% 0 0)}
.coupon-code-label{font-size:10px;font-weight:700;color:var(--gray-text);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:5px}
.coupon-code-value{font-size:25px;font-weight:900;letter-spacing:.6px;color:var(--ink);margin-bottom:12px;font-family:'Inter',monospace;word-break:break-word}
.coupon-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--ink);color:#fff;padding:10px 24px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.2px;transition:all .18s;cursor:pointer;border:0;min-width:150px}
.coupon-copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.18)}
.coupon-copy-btn.copied{background:#1D9E75;pointer-events:none}
.coupon-terms{font-size:11px;color:var(--gray-text);text-align:center;margin-top:12px;line-height:1.55}
.coupon-cta{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--or-light),var(--or-deep));color:#fff;text-align:center;padding:13px;border-radius:12px;font-size:14px;font-weight:700;margin-top:14px;transition:all .2s;box-shadow:0 4px 14px rgba(255,85,0,.32);text-decoration:none;letter-spacing:.1px}
.coupon-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,85,0,.45)}


/* ════════════════════════════════════════════════════
   TRUST INFO MODAL
   ════════════════════════════════════════════════════ */
.info-overlay{position:fixed;inset:0;background:rgba(15,15,16,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1110;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.info-overlay.open{opacity:1;visibility:visible;transition:opacity .25s ease}
.info-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-45%) scale(.94);width:430px;max-width:calc(100vw - 28px);background:#fff;border-radius:24px;z-index:1111;opacity:0;visibility:hidden;transition:opacity .28s ease,transform .35s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .28s;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.32),0 0 0 1px rgba(0,0,0,.06)}
.info-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition:opacity .28s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}
.info-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink-mid);z-index:5;transition:all .15s;border:1px solid rgba(0,0,0,.08);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.08)}
[dir=rtl] .info-close{right:auto;left:12px}.info-close:hover{background:#fff7ed;color:var(--or-deep);transform:scale(1.04)}
.info-hero{padding:34px 28px 22px;text-align:center}.info-hero.shipping{background:linear-gradient(180deg,#F0FDF4,#fff)}.info-hero.buyer{background:linear-gradient(180deg,#FFF1F2,#fff)}
.info-icon{width:66px;height:66px;border-radius:20px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:30px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.10)}
.info-hero h3{font-size:27px;font-weight:900;letter-spacing:-.7px;color:var(--ink);margin:0 0 7px;line-height:1.05}.info-hero p{font-size:13.5px;font-weight:600;line-height:1.55;color:var(--ink-soft);margin:0 auto;max-width:330px}
.info-body{padding:18px 22px 22px;background:#fff}.info-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line-soft)}.info-row:last-of-type{border-bottom:0}
.info-row>span{width:24px;height:24px;border-radius:50%;background:var(--or-soft);color:var(--or-deep);display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0;margin-top:1px}.info-row strong{display:block;font-size:14px;color:var(--ink);font-weight:800;line-height:1.25;margin-bottom:3px}.info-row small{display:block;font-size:12.2px;color:var(--gray-text);line-height:1.45;font-weight:500}.info-note{margin-top:10px;padding:11px 12px;border-radius:12px;background:#F8FAFC;color:#64748B;font-size:11.5px;line-height:1.45;font-weight:600}
.perks-cell.green,.perks-cell.red,.m-promo-cell.or,.m-promo-cell.gr{cursor:pointer;-webkit-tap-highlight-color:transparent}
@media (max-width:520px){.info-modal{width:calc(100vw - 22px);border-radius:20px}.info-hero{padding:30px 20px 18px}.info-hero h3{font-size:24px}.info-body{padding:14px 18px 18px}}
/* ════════════════════════════════════════════════════
   COUNTRY/LANGUAGE PICKER
   ════════════════════════════════════════════════════ */
.picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,16,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.picker-overlay.open{opacity:1;visibility:visible;transition:opacity .25s ease}
.picker{isolation:isolate;position:fixed;top:50%;left:50%;transform:translate(-50%,-48%);width:480px;max-width:calc(100vw - 32px);max-height:min(540px,calc(100vh - 88px));background:#fff;border-radius:18px;z-index:1000;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04)}
.picker.open{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.picker-hdr{position:relative;z-index:8;background:#fff;padding:14px 16px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.picker-title{font-size:14.5px;font-weight:700;letter-spacing:-.2px}
.picker-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-text);transition:all .15s ease;border:0;background:transparent;cursor:pointer}
.picker-close:hover{background:var(--gray-soft);color:var(--ink)}
.picker-tabs{position:relative;z-index:7;display:flex;gap:4px;margin:0 16px;padding:3px;background:var(--gray-soft);border-radius:11px}
.picker-tab{flex:1;justify-content:center;padding:8px 10px;font-size:12.5px;font-weight:600;color:var(--gray-text);position:relative;transition:all .15s;display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;border-radius:9px;cursor:pointer}
.picker-tab:active{transform:scale(.98)}
.picker-tab .ico{color:currentColor;opacity:.65;transition:opacity .15s}
.picker-tab.on{color:var(--ink);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.10),0 0 0 1px rgba(0,0,0,.04);font-weight:700}
.picker-tab.on .ico{opacity:1;color:var(--or-deep)}
.picker-tab.on:after{content:none}
.picker-search-wrap{position:relative;z-index:6;padding:12px 16px 8px;background:#fff}
.picker-search{background:var(--gray-soft);border:1px solid var(--line);border-radius:9px;height:36px;display:flex;align-items:center;padding:0 11px;gap:8px;transition:all .15s}
.picker-search:focus-within{background:#fff;border-color:var(--or);box-shadow:0 0 0 3px rgba(255,85,0,.12)}
.picker-search .ico{color:var(--gray-text);flex-shrink:0}
.picker-search input{flex:1;border:0;outline:0;background:transparent;font-size:13.5px;font-weight:500;color:var(--ink);font-family:inherit}
.picker-search input::placeholder{color:var(--gray-mid);font-weight:400}
.picker-search-clear{width:22px;height:22px;border-radius:50%;background:var(--line);display:flex;align-items:center;justify-content:center;color:var(--gray-text);flex-shrink:0;visibility:hidden;border:0;cursor:pointer}
.picker-search.has-value .picker-search-clear{visibility:visible}
.picker-body{padding:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.picker-body::-webkit-scrollbar{width:6px}
.picker-body::-webkit-scrollbar-track{background:transparent}
.picker-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.picker-body::-webkit-scrollbar-thumb:hover{background:var(--gray-mid)}
.picker-pane{display:none;padding:2px 0 10px}
.picker-pane.on{display:block}
.region-section h4{font-size:11px;font-weight:700;color:var(--gray-text);letter-spacing:.7px;text-transform:uppercase;margin:14px 0 4px;padding:0 26px}
.region-section:first-child h4{margin-top:0}
.picker-item{display:flex;align-items:center;gap:10px;padding:8px 16px;width:100%;text-align:left;cursor:pointer;transition:background .12s;background:transparent;border:0;font-family:inherit}
[dir=rtl] .picker-item{text-align:right}
.picker-item:hover{background:var(--gray-soft)}
.picker-item.on{background:var(--or-soft);box-shadow:inset 0 0 0 1.5px var(--or)}
.picker-item .flag-img{width:28px;height:20px;border-radius:3px;overflow:hidden;background:#f0f0f0;box-shadow:0 0 0 1px rgba(0,0,0,.06);flex-shrink:0;display:block}
.picker-item .flag-img img{width:100%;height:100%;object-fit:cover;display:block}
.picker-item .lang-code{width:36px;height:36px;border-radius:9px;background:var(--gray-soft);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--ink-mid);letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;font-family:'Inter',sans-serif}
.picker-item.on .lang-code{background:linear-gradient(135deg,var(--or-soft),#FFE0B8);color:var(--or-dark)}
.picker-item-info{flex:1;min-width:0}
.picker-item-info .name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.2;letter-spacing:-.05px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.picker-item-info .meta{font-size:11px;color:var(--gray-text);font-weight:500;line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.picker-item.on .name{color:var(--or-dark);font-weight:700}
.picker-item.on .meta{color:var(--or-deep);font-weight:600}
.picker-check{color:var(--or-deep);flex-shrink:0;display:none}
.picker-item.on .picker-check{display:block}
.picker-empty{padding:40px 24px;text-align:center;color:var(--gray-text);font-size:13px}
.picker-empty .ico{display:block;margin:0 auto 10px;color:var(--gray-mid)}

/* ── v9.1 PICKER UPGRADE: current-setting strip, popular chips, 2-col grids, suggested languages ── */
.picker-current{display:flex;align-items:center;gap:10px;margin:10px 16px 0;padding:8px 12px;background:var(--gray-soft);border:1px solid var(--line);border-radius:10px}
.picker-current .flag-img{width:30px;height:21px;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex-shrink:0;display:block}
.picker-current .flag-img img{width:100%;height:100%;object-fit:cover;display:block}
.picker-current .pc-l{display:block;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--gray-text)}
.picker-current .pc-v{display:block;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.1px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.picker-current .pc-txt{min-width:0;flex:1}
.picker-sec-title{font-size:10px;font-weight:700;color:var(--gray-mid);letter-spacing:.8px;text-transform:uppercase;margin:12px 0 7px;padding:0 16px}
.picker-sec-title:first-child{margin-top:6px}
.picker-chips{position:relative;display:flex;flex-wrap:nowrap;gap:6px;padding:2px 16px 8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:16px}
.picker-chips::-webkit-scrollbar{display:none}
.picker-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;white-space:nowrap;scroll-snap-align:start;background:var(--gray-soft);border:1.5px solid transparent;border-radius:99px;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .15s;font-family:inherit}
.picker-chip .flag-img{width:19px;height:13px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.06);display:block;flex-shrink:0}
.picker-chip .flag-img img{width:100%;height:100%;object-fit:cover;display:block}
.picker-chip:hover{border-color:var(--or);background:var(--or-soft);color:var(--or-deep)}
.picker-chip:active,.picker-rgn:active,.picker-item:active,.picker-lang-card:active{transform:scale(.985)}
.picker-chip.on{border-color:var(--or);background:var(--or-soft);color:var(--or-deep);font-weight:700;box-shadow:0 0 0 3px rgba(255,85,0,.10)}
.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;padding:0 6px}
.picker-grid .picker-item{padding:8px 10px;border-radius:9px}
.picker-lang-card{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:all .15s;font-family:inherit;text-align:inherit;width:100%}
.picker-lang-card:hover{border-color:var(--or);background:var(--or-soft)}
.picker-lang-card.on{border-color:var(--or);background:var(--or-soft);box-shadow:0 0 0 3px rgba(255,85,0,.10)}
.picker-lang-card .lang-code{width:28px;height:28px;font-size:11px}
.picker-lang-card.on .lang-code{background:linear-gradient(135deg,var(--or),var(--or-deep));color:#fff}
.picker-lang-card .name{font-size:13px;font-weight:700;color:var(--ink);line-height:1.2;display:block}
.picker-lang-card .meta{font-size:11.5px;color:var(--gray-text);font-weight:500;display:block;margin-top:2px}
.picker-lang-card.on .name{color:var(--or-dark)}
.picker-lang-card .picker-check{margin-inline-start:auto}
.picker-fav-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px}
@media (max-width:640px){
  .picker-grid,.picker-fav-grid{grid-template-columns:1fr}
  .picker-current{margin:12px 14px 0}
}

@media (max-width:980px){
  .picker{top:auto;bottom:0;left:0;transform:translate(0,100%);width:100%;max-width:100%;border-radius:18px 18px 0 0;max-height:min(76vh,560px)}
  .picker.open{transform:translate(0,0)}
  .picker:before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:var(--line);border-radius:99px}
  .picker-hdr{padding-top:24px}
}

/* HARD FIX: trust info modals must override critical hidden state */
.info-overlay.open,.info-modal.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:block!important}
.info-overlay.open{position:fixed!important;inset:0!important;z-index:2147483000!important}
.info-modal.open{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%) scale(1)!important;z-index:2147483001!important}
.info-panel{display:none!important}.info-panel.on{display:block!important}

/* ── v9.2: REGION TABS + STICKY REGION HEADERS in country picker ── */
.picker-regions{position:relative;z-index:6;background:#fff;display:flex;gap:5px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:16px;box-shadow:0 1px 0 var(--line-soft)}
.picker-regions::-webkit-scrollbar{display:none}
.picker-rgn{flex:0 0 auto;scroll-snap-align:start;padding:6px 13px;font-size:12px;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:600;color:var(--ink-mid);cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;line-height:1.2}
.picker-rgn:hover{color:var(--or-deep);border-color:var(--or);background:var(--or-soft)}
.picker-rgn.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 2px 8px rgba(15,15,16,.22);font-weight:700}
.region-section h4{position:sticky;top:0;background:#fff;z-index:1;padding:10px 16px 6px;margin:0;font-size:10px;letter-spacing:.8px;box-shadow:0 1px 0 var(--line-soft)}

/* ── v9.2: VISUAL SEARCH MODAL (drag & drop + paste + preview) ── */
.vs-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,16,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1150}
.vs-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;max-width:calc(100vw - 32px);background:#fff;border-radius:18px;z-index:1151;padding:26px 26px 24px;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.vs-overlay:not(.open),.vs-modal:not(.open){display:none!important}
.vs-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:0;background:var(--gray-soft);color:var(--gray-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
[dir=rtl] .vs-close{right:auto;left:14px}
.vs-close:hover{background:var(--line);color:var(--ink)}
.vs-title{font-size:18px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}
.vs-sub{font-size:12.5px;color:var(--gray-text);font-weight:500;margin:4px 0 16px}
.vs-drop{border:2px dashed var(--line);border-radius:14px;padding:34px 20px;text-align:center;transition:all .15s;cursor:pointer;background:var(--gray-soft)}
.vs-drop.over{border-color:var(--or);background:var(--or-soft)}
.vs-drop svg{color:var(--gray-mid);margin-bottom:10px}
.vs-drop.over svg{color:var(--or)}
.vs-drop-t{font-size:14.5px;font-weight:700;color:var(--ink)}
.vs-drop-s{font-size:12px;color:var(--gray-text);font-weight:500;margin:5px 0 12px}
.vs-browse{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:linear-gradient(135deg,var(--or-light),var(--or-deep));color:#fff;border:0;border-radius:99px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s}
.vs-browse:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,85,0,.30)}
.vs-preview img{width:100%;max-height:280px;object-fit:contain;border-radius:12px;background:var(--gray-soft);display:block}
.vs-actions{display:flex;gap:10px;margin-top:14px}
.vs-retry{flex:1;padding:12px;border:1.5px solid var(--line);background:#fff;border-radius:12px;font-size:13.5px;font-weight:700;color:var(--ink-soft);cursor:pointer;font-family:inherit;transition:all .15s}
.vs-retry:hover{border-color:var(--ink);color:var(--ink)}
.vs-go{flex:2;padding:12px;border:0;background:linear-gradient(135deg,var(--or-light),var(--or-deep));border-radius:12px;font-size:14px;font-weight:800;color:#fff;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .15s}
.vs-go:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(255,85,0,.35)}
.vs-go:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}

/* ── v9.2: RECENT SEARCHES in live-search dropdown ── */
#ch-main-header .srch-dd-head .dd-clear{margin-inline-start:auto;background:none;border:0;font-size:10.5px;font-weight:800;color:var(--gray-mid);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;font-family:inherit;transition:color .15s}
#ch-main-header .srch-dd-head .dd-clear:hover{color:var(--red)}
#ch-main-header .dd-tag .dd-tag-x{display:inline-flex;margin-inline-start:6px;opacity:.45;transition:opacity .15s}
#ch-main-header .dd-tag:hover .dd-tag-x{opacity:1}

/* ── v9.3 SEARCH ENGINE UPGRADES ── */
#ch-main-header.hdr .srch-mic{background:transparent;border:0;color:#52525B;cursor:pointer;padding:6px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
#ch-main-header.hdr .srch-mic:hover{color:var(--or-deep);background:var(--or-soft)}
@keyframes chMicPulse{0%,100%{box-shadow:0 0 0 0 rgba(225,29,72,.35)}50%{box-shadow:0 0 0 9px rgba(225,29,72,0)}}
#ch-main-header.hdr .srch-mic.listening{color:#fff;background:var(--red);animation:chMicPulse 1.1s ease infinite}
#ch-main-header .srch-dd-sugrow{display:flex;align-items:center;gap:12px;padding:9px 18px;cursor:pointer;text-decoration:none;transition:background .12s;border-left:3px solid transparent}
[dir=rtl] #ch-main-header .srch-dd-sugrow{border-left:0;border-right:3px solid transparent}
#ch-main-header .srch-dd-sugrow:hover,#ch-main-header .srch-dd-sugrow.active{background:var(--gray-soft);border-color:var(--or)}
#ch-main-header .srch-dd-sugrow .sicon{width:30px;height:30px;border-radius:8px;background:var(--gray-soft);display:flex;align-items:center;justify-content:center;color:var(--gray-text);flex-shrink:0}
#ch-main-header .srch-dd-sugrow .stxt{flex:1;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ch-main-header .srch-dd-sugrow .stxt mark{background:transparent;color:var(--or-deep);font-weight:800}
#ch-main-header .srch-dd-sugrow .sgo{color:var(--gray-mid);flex-shrink:0;transform:rotate(0)}
[dir=rtl] #ch-main-header .srch-dd-sugrow .sgo{transform:rotate(180deg)}
#ch-main-header .srch-dd-label{padding:10px 18px 4px;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--gray-mid)}
#ch-main-header .srch-dd-offline{padding:8px 18px;font-size:11px;color:var(--gray-text);background:var(--gray-soft)}

/* ═══════════════════════════════════════════════════
   v9.2: LARGE SCREENS & 4K — scale the whole header up
   ═══════════════════════════════════════════════════ */
@media (min-width:1600px){
  #perks .w{max-width:1760px}
  #ch-main-header.hdr .w{max-width:1760px}
  #ch-cat-nav .w{max-width:1760px}
  #ch-main-header .logo{height:76px}
  #ch-main-header.hdr .logo-img{height:76px!important;max-height:76px;max-width:240px}
  #ch-main-header.hdr .srch{height:52px}
  #ch-main-header.hdr .srch-in{font-size:15px}
  #ch-main-header .cat-btn{height:52px;font-size:15px}
  #ch-main-header .srch-dropdown{max-height:600px}
  .cat-nav-list a{font-size:14.5px}
  .picker{width:510px;max-height:min(580px,calc(100vh - 96px))}
}
@media (min-width:2200px){
  #perks .w{max-width:2080px;height:48px;padding:0 40px}
  #ch-main-header.hdr .w{max-width:2080px;padding:12px 40px}
  #ch-cat-nav .w{max-width:2080px;padding:0 40px}
  .perks-text .t{font-size:14.5px}
  .perks-text .s{font-size:12px}
  .perks-r a{font-size:13px}
  #ch-main-header .logo{height:88px}
  #ch-main-header.hdr .logo-img{height:88px!important;max-height:88px;max-width:280px}
  #ch-main-header.hdr .srch{height:60px;border-width:2.5px}
  #ch-main-header.hdr .srch-in{font-size:16.5px}
  #ch-main-header.hdr .srch-btn{padding:0 26px;height:50px;font-size:15px}
  #ch-main-header .cat-btn{height:60px;font-size:16px;padding:0 24px}
  #ch-main-header .acts .act-text .top{font-size:12.5px}
  #ch-main-header .acts .act-text .btm{font-size:13.5px}
  #ch-main-header .srch-dropdown{max-height:720px;border-radius:18px}
  #ch-main-header .srch-dd-row .img{width:58px;height:58px}
  #ch-main-header .srch-dd-row .info .name{font-size:15px}
  #ch-main-header .srch-dd-row .price{font-size:16px}
  .cat-nav-list a{font-size:16px;padding:15px 2px}
  .picker{width:560px;max-height:min(640px,calc(100vh - 140px))}
  .vs-modal{width:520px}
}

[dir=rtl] #ch-main-header .srch-dd-row{border-left:0;border-right:3px solid transparent}
[dir=rtl] #ch-main-header .srch-dd-row:hover,[dir=rtl] #ch-main-header .srch-dd-row.active{border-right-color:var(--or)}

/* ── v9.6: current setting inline under the title (the standalone box is gone) ── */
.picker-hdr-txt{min-width:0}
.picker-cur{font-size:11px;font-weight:600;color:var(--gray-text);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── v9.8: "Added to cart" toast — quiet, premium, white ── */
.ch-cart-toast{position:fixed;bottom:24px;inset-inline-end:24px;z-index:2147483200;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);padding:11px 14px;border-radius:12px;border:1px solid var(--line);box-shadow:0 10px 34px rgba(0,0,0,.12);font-size:13px;font-weight:600;letter-spacing:-.05px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .24s ease,transform .24s ease;max-width:calc(100vw - 48px)}
.ch-cart-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}
.ch-cart-toast .ct-ico{width:22px;height:22px;border-radius:50%;background:var(--or-soft);color:var(--or-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ch-cart-toast .ct-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.ch-cart-toast .ct-go{flex-shrink:0;color:var(--or-deep);font-size:12.5px;font-weight:700;text-decoration:none;padding:4px 2px;border-bottom:1.5px solid transparent;transition:border-color .15s;white-space:nowrap;margin-inline-start:4px}
.ch-cart-toast .ct-go:hover{border-bottom-color:var(--or-deep)}
@media (max-width:640px){.ch-cart-toast{bottom:calc(64px + env(safe-area-inset-bottom,0px));inset-inline-end:12px;inset-inline-start:12px;justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.ch-cart-toast{transition:opacity .2s;transform:none}.ch-cart-toast.show{transform:none}}

/* ═══ v9.11: LEGACY CART-ANIMATION QUARANTINE ═══
   The cart-shake detective identified two OLD animation systems still
   running alongside this one:
     • main.js:360 — toggles .chFlyPulse on the cart button in a tight loop
     • inline code in index.php (~line 6908) — adds .badge-pop / .m-badge-pop
   Until those legacy blocks are deleted at the source, these rules make
   their classes visually inert. Surgical: only these exact class names. */
.chFlyPulse,
.act-cart.chFlyPulse,
.act-cart.chFlyPulse svg,
.mob-cart.chFlyPulse,
.mob-cart.chFlyPulse svg,
.badge-pop,
.m-badge-pop,
.act-cart-badge.badge-pop,
.m-cart-badge.m-badge-pop,
.mob-cart-badge.m-badge-pop,
.hbadge.m-badge-pop{
  animation:none!important;
}
.act-cart.chFlyPulse,.act-cart.chFlyPulse svg,.mob-cart.chFlyPulse,.mob-cart.chFlyPulse svg{
  transform:none!important;
}

/* ── v9.17: keyboard focus rings (pro accessibility) ── */
#ch-main-header a:focus-visible,#ch-main-header button:focus-visible,
#perks a:focus-visible,#ch-cat-nav a:focus-visible,
.picker button:focus-visible,.picker input:focus-visible,
.coupon-modal button:focus-visible,.info-modal button:focus-visible,
.vs-modal button:focus-visible{
  outline:2px solid var(--or);outline-offset:2px;
}
#ch-main-header .srch-in:focus-visible{outline:none}

/* ═══ v9.18 — PICKER FACELIFT (تيمو الفخم) ═══ */
.picker-ov{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.picker{border-radius:22px;box-shadow:0 22px 60px rgba(13,13,15,.20);transition:opacity .28s,transform .28s cubic-bezier(.34,1.2,.64,1)}
.picker-body{min-height:0;overscroll-behavior:contain}
.picker-hdr .picker-x:hover{transform:rotate(90deg)}
.picker-hdr .picker-x{transition:all .2s}

/* ═══ v9.18 — MINI CART DRAWER ═══ */
.mcart-ov{position:fixed;inset:0;background:rgba(13,13,15,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:11000}
.mcart-ov.on{opacity:1;pointer-events:auto}
.mcart{position:fixed;top:0;bottom:0;inset-inline-end:0;width:400px;max-width:92vw;background:#fff;z-index:11001;display:flex;flex-direction:column;box-shadow:0 22px 60px rgba(13,13,15,.25);transition:transform .35s cubic-bezier(.32,.72,.35,1);transform:translateX(-105%)}
[dir=ltr] .mcart{transform:translateX(105%)}
.mcart.on{transform:translateX(0)!important}
.mc-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;flex-shrink:0}
.mc-hd b{font-size:16px;font-weight:800;color:var(--ink)}
.mc-hd b span{color:var(--or-deep)}
.mc-x{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-text);background:none;border:0;cursor:pointer;transition:all .2s}
.mc-x:hover{background:var(--gray-soft);color:var(--ink);transform:rotate(90deg)}
.mc-fs{margin:0 20px 14px;padding:12px 14px;border-radius:14px;background:var(--gray-soft);border:1px solid var(--line);flex-shrink:0}
.mc-fs b{font-size:12px;font-weight:800;display:block;margin-bottom:8px;color:var(--ink)}
.mc-fs b em{color:var(--or-deep);font-style:normal}
.mc-fsbar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.mc-fsfill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--or-light),#F5D06B);transition:width .5s cubic-bezier(.34,1.2,.64,1);position:relative}
.mc-fsfill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);background-size:180% 100%;animation:mcShine 2.4s linear infinite}
@keyframes mcShine{0%{background-position:180% 0}100%{background-position:-80% 0}}
.mc-fs.done .mc-fsfill{background:linear-gradient(90deg,#10B981,#059669)}
.mc-items{flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:0 8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.mc-items::-webkit-scrollbar{width:6px}
.mc-items::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.mc-loading,.mc-empty{padding:40px 20px;text-align:center;color:var(--gray-text);font-size:13px;font-weight:600}
.mc-it{display:flex;gap:12px;padding:13px 12px;border-radius:16px;transition:background .15s;align-items:center}
.mc-it:hover{background:var(--gray-soft)}
.mc-th{width:62px;height:62px;border-radius:14px;flex-shrink:0;overflow:hidden;background:var(--gray-soft);display:flex;align-items:center;justify-content:center}
.mc-th img{width:100%;height:100%;object-fit:cover}
.mc-th .ltr{font-size:22px;font-weight:900;color:var(--or-deep);background:var(--or-soft);width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.mc-inf{flex:1;min-width:0}
.mc-nm{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mc-pr{font-size:14px;font-weight:900;color:var(--or-deep);margin-top:3px;display:block}
.mc-q{flex-shrink:0;min-width:34px;height:26px;padding:0 9px;border-radius:99px;background:var(--gray-soft);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--ink-mid)}
.mc-ft{border-top:1.5px solid var(--line);padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px));flex-shrink:0}
.mc-sub{display:flex;justify-content:space-between;font-size:14px;font-weight:800;margin-bottom:12px;color:var(--ink)}
.mc-sub .v{color:var(--or-deep);font-size:16px;font-variant-numeric:tabular-nums}
.mc-cta{display:flex;height:48px;align-items:center;justify-content:center;gap:9px;border-radius:99px;background:linear-gradient(135deg,var(--or-light),var(--or-deep));color:#fff!important;font-size:14.5px;font-weight:900;text-decoration:none;box-shadow:0 6px 20px rgba(255,85,0,.4),inset 0 1px 0 rgba(255,255,255,.25);transition:all .18s}
.mc-cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(255,85,0,.5),inset 0 1px 0 rgba(255,255,255,.25)}
.mc-view{display:block;text-align:center;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--gray-text);text-decoration:none;transition:color .15s}
.mc-view:hover{color:var(--or-deep)}
@media (max-width:480px){.mcart{width:100%}}
@media (prefers-reduced-motion:reduce){.mcart{transition:transform .2s}.mc-fsfill::after{animation:none}}

/* ═══════════ v10: الشريط الأعلى المعتمد — كبسولة الكود وروابط اليمين ═══════════ */
#perks .chcode{background:rgba(252,211,77,.14);border:1px dashed rgba(252,211,77,.5);border-radius:5px;padding:0 6px;font-weight:900;letter-spacing:.5px;direction:ltr;display:inline-block;font-style:normal}
#perks .perks-ico{transition:transform .18s ease,box-shadow .18s ease}
#perks .perks-cell:hover{opacity:1}
#perks .perks-cell:hover .perks-ico{transform:translateY(-2px)}
#perks .perks-cell.green:hover .perks-ico{box-shadow:inset 0 0 0 1px rgba(134,239,172,.6),0 4px 12px rgba(16,185,129,.25)}
#perks .perks-cell.red:hover .perks-ico{box-shadow:inset 0 0 0 1px rgba(252,165,165,.6),0 4px 12px rgba(225,29,72,.22)}
#perks .perks-cell.gold:hover .perks-ico{box-shadow:inset 0 0 0 1px rgba(252,211,77,.7),0 4px 14px rgba(252,211,77,.3)}
#perks .perks-cell .arr{display:inline-block;transition:transform .18s ease,opacity .18s}
#perks .perks-cell:hover .arr{transform:translateX(-3px);opacity:1}
[dir=ltr] #perks .perks-cell:hover .arr{transform:translateX(3px)}
#perks .perks-text .s{transition:color .18s}
#perks .perks-cell:hover .s{color:rgba(255,255,255,.78)}
#perks .perks-cell.gold{overflow:hidden;position:relative}
#perks .perks-cell.gold::before{content:'';position:absolute;top:0;bottom:0;width:44px;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,236,170,.22),transparent);animation:chGoldShine 6s ease-in-out infinite;pointer-events:none}
@keyframes chGoldShine{0%,72%{inset-inline-start:-60px}88%,100%{inset-inline-start:calc(100% + 30px)}}
#perks .perks-r a{border-radius:99px;display:inline-flex;align-items:center;gap:6px;transition:color .15s,background .15s}
#perks .perks-r a:hover{background:rgba(255,255,255,.09);color:#fff}
#perks .perks-r a:hover svg{opacity:1;color:var(--or-light,#FF7A1A)}
#perks .perks-r a svg{transition:opacity .15s,color .15s,transform .18s}
#perks .perks-r a:hover svg{transform:translateY(-1.5px)}
#perks .pr-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.22);flex-shrink:0;align-self:center}
#perks .perks-r a.pr-app{border:1px solid rgba(255,255,255,.16);padding-top:5px;padding-bottom:5px;height:auto;align-self:center;margin-inline-start:5px}
#perks .perks-r a.pr-app::after{display:none}
#perks .perks-r a.pr-app:hover{border-color:rgba(255,122,26,.55);background:rgba(255,122,26,.10)}
#perks .pr-badge{font-size:8.5px;font-weight:900;background:linear-gradient(135deg,#FF7A1A,#E11D48);color:#fff;padding:2px 6px;border-radius:5px;letter-spacing:.4px;line-height:1;margin-inline-start:4px}
@media (prefers-reduced-motion:reduce){#perks .perks-cell.gold::before{animation:none}#perks .perks-ico,#perks .perks-cell .arr,#perks .perks-r a svg{transition:none}}

/* ═══════════ v10: الشاشات الثلاث المعتمدة ═══════════ */
.coupon-modal,.info-modal{width:min(420px,calc(100vw - 28px))!important;max-height:calc(100vh - 56px);border-radius:24px!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column;box-shadow:0 24px 70px rgba(13,13,15,.25)!important;background:#fff!important}
.coupon-modal:not(.open),.info-modal:not(.open){display:none!important}
.coupon-close,.info-close{position:absolute;top:14px;inset-inline-start:14px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:#71717A;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:3;box-shadow:0 1px 4px rgba(0,0,0,.08);border:0;cursor:pointer}
.coupon-close:hover,.info-close:hover{color:#0F0F10;transform:rotate(90deg)}
.info-modal .md-body,.coupon-modal .md-body{overflow-y:auto;padding:0 22px 22px}
.md-hero{padding:30px 22px 20px;text-align:center;position:relative}
.md-hero .hi{width:62px;height:62px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative}
.md-hero h3{font-size:18px;font-weight:900;margin:0 0 4px;color:#0F0F10}
.md-hero p{font-size:12.5px;color:#71717A;font-weight:600;margin:0;line-height:1.8}
.md-row{display:flex;gap:12px;padding:12px 0;align-items:flex-start}
.md-row + .md-row{border-top:1px solid #F1F1F3}
.md-ri{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.md-row strong{font-size:13px;font-weight:800;display:block;color:#0F0F10}
.md-row small{font-size:11.5px;color:#71717A;font-weight:600;line-height:1.7;display:block;margin-top:1px}
.ri-g{background:#ECFDF5;color:#059669}.ri-r{background:#FFF1F2;color:#E11D48}
.md-foot{font-size:10.5px;color:#A1A1AA;font-weight:600;line-height:1.8;padding-top:12px;border-top:1px solid #F1F1F3;margin-top:2px}
.md-cta{display:flex;height:46px;align-items:center;justify-content:center;gap:8px;border-radius:99px;color:#fff!important;font-size:14px;font-weight:900;margin-top:14px;transition:all .18s;text-decoration:none!important}
.md-cta:hover{transform:translateY(-1px)}
/* الشحن */
.md-ship .md-hero{background:linear-gradient(180deg,#ECFDF5,#fff)}
.md-ship .hi{background:linear-gradient(135deg,#10B981,#059669);color:#fff;box-shadow:0 8px 20px rgba(16,185,129,.35)}
.ship-high{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ECFDF5,#F0FDF4);border:1.5px solid #A7F3D0;border-radius:16px;padding:13px 15px;margin-bottom:6px}
.ship-high .amt{font-size:19px;font-weight:900;color:#059669;white-space:nowrap}
.ship-high b{font-size:12.5px;font-weight:800;display:block;color:#0F0F10}
.ship-high small{font-size:11px;color:#059669;font-weight:700}
.md-ship .md-cta{background:linear-gradient(135deg,#10B981,#059669);box-shadow:0 6px 18px rgba(16,185,129,.35)}
.tl{display:flex;align-items:flex-start;justify-content:space-between;position:relative;margin:14px 2px 4px;padding:0 6px}
.tl::before{content:'';position:absolute;top:9px;inset-inline:24px;height:2.5px;background:#F1F1F3;border-radius:99px}
.tl::after{content:'';position:absolute;top:9px;inset-inline-start:24px;width:0;height:2.5px;background:linear-gradient(90deg,#10B981,#34D399);border-radius:99px}
.info-modal.open .tl::after{animation:chTlFill 1.4s .5s cubic-bezier(.4,0,.2,1) forwards}
@keyframes chTlFill{to{width:calc(100% - 48px)}}
.tl span{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1;font-size:10px;font-weight:800;color:#71717A}
.tl i{width:20px;height:20px;border-radius:50%;background:#fff;border:2.5px solid #E4E4E7;display:flex;align-items:center;justify-content:center;font-style:normal}
.tl i svg{width:10px;height:10px;color:#fff;opacity:0}
.info-modal.open .tl span:nth-child(1) i{animation:chTlDot .3s .55s forwards}
.info-modal.open .tl span:nth-child(2) i{animation:chTlDot .3s 1.15s forwards}
.info-modal.open .tl span:nth-child(3) i{animation:chTlDot .3s 1.85s forwards}
@keyframes chTlDot{to{background:#10B981;border-color:#10B981}}
.info-modal.open .tl span:nth-child(1) i svg{animation:chTlChk .2s .6s forwards}
.info-modal.open .tl span:nth-child(2) i svg{animation:chTlChk .2s 1.2s forwards}
.info-modal.open .tl span:nth-child(3) i svg{animation:chTlChk .2s 1.9s forwards}
@keyframes chTlChk{to{opacity:1}}
/* الحماية */
.md-buyer .md-hero{background:linear-gradient(180deg,#FFF1F2,#fff)}
.md-buyer .hi{background:linear-gradient(135deg,#FB7185,#E11D48);color:#fff;box-shadow:0 8px 20px rgba(225,29,72,.3)}
.md-buyer .hi::before,.md-buyer .hi::after{content:'';position:absolute;inset:0;border-radius:18px;border:2px solid rgba(225,29,72,.35);animation:chRing 2.2s ease-out infinite}
.md-buyer .hi::after{animation-delay:1.1s}
@keyframes chRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.55);opacity:0}}
.md-buyer .hi svg .chk{stroke-dasharray:16;stroke-dashoffset:16}
.info-modal.open .md-buyer .hi svg .chk,.info-modal.open.md-buyer .hi svg .chk{animation:chDrawChk .5s .45s cubic-bezier(.4,0,.2,1) forwards}
@keyframes chDrawChk{to{stroke-dashoffset:0}}
.guar{text-align:center;background:linear-gradient(135deg,#FFF1F2,#FFF7F7);border:1.5px solid #FECDD3;border-radius:16px;padding:13px;margin-bottom:6px}
.guar b{font-size:16px;font-weight:900;color:#E11D48}
.guar small{font-size:11px;color:#71717A;font-weight:600;display:block;margin-top:2px}
.md-buyer .md-cta{background:linear-gradient(135deg,#FB7185,#E11D48);box-shadow:0 6px 18px rgba(225,29,72,.3)}
/* الكوبون */
.ch-goldhero{background:linear-gradient(160deg,#1C1503,#0F0B02);color:#fff;padding-bottom:24px;overflow:hidden}
.ch-goldhero::before{content:'';position:absolute;top:-40%;left:-20%;width:140%;height:120%;background:radial-gradient(circle at 50% 0%,rgba(252,211,77,.22),transparent 60%)}
.ch-goldhero .hi{background:linear-gradient(135deg,#F5D06B,#D4A017);color:#3A2A08;box-shadow:0 8px 24px rgba(245,208,107,.35)}
.ch-goldhero h3{color:#fff;font-size:14px;font-weight:800}
.ch-goldhero p{color:rgba(255,255,255,.65)}
.ch-goldhero .off{font-size:38px;font-weight:900;background:linear-gradient(110deg,#F5D06B 40%,#FFF3C4 50%,#F5D06B 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:chGoldSheen 5s ease-in-out infinite;line-height:1.1;margin:4px 0 2px;position:relative}
@keyframes chGoldSheen{0%,70%{background-position:120% 0}90%,100%{background-position:-40% 0}}
.spark{position:absolute;color:rgba(252,211,77,.75);pointer-events:none;animation:chSpark 3.6s ease-in-out infinite}
@keyframes chSpark{0%,100%{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-9px) scale(1.25);opacity:1}}
.codebox{display:flex;gap:8px;margin:14px 0 6px}
.codebox .cd{flex:1;display:flex;align-items:center;justify-content:center;height:46px;border:1.7px dashed #D4A017;border-radius:13px;background:#FFFBEB;font-size:16px;font-weight:900;letter-spacing:1.5px;color:#92600A;direction:ltr}
.coupon-modal.open .cd{animation:chCodePulse .6s .55s}
@keyframes chCodePulse{0%,100%{box-shadow:0 0 0 0 rgba(212,160,23,0)}45%{box-shadow:0 0 0 7px rgba(212,160,23,.18)}}
.codebox .cp{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#FF7A1A,#E04600);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .18s;box-shadow:0 4px 12px rgba(255,85,0,.3);border:0;cursor:pointer;position:relative;flex-shrink:0}
.codebox .cp:hover{transform:translateY(-1px)}
.codebox .cp.ok{background:linear-gradient(135deg,#10B981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.3)}
.terms{display:flex;justify-content:center;gap:14px;font-size:10.5px;color:#71717A;font-weight:700;padding:8px 0 2px;flex-wrap:wrap}
.terms span{display:inline-flex;align-items:center;gap:5px}
.terms i{width:4px;height:4px;border-radius:50%;background:#E4E4E7;font-style:normal}
.coupon-modal .md-cta{background:linear-gradient(135deg,#FF7A1A,#E04600);box-shadow:0 6px 18px rgba(255,85,0,.35)}
.cconf{position:absolute;width:7px;height:7px;border-radius:2px;pointer-events:none;z-index:5;animation:chConfFall .8s ease-out forwards}
@keyframes chConfFall{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(200deg);opacity:0}}
/* دخول متدرج */
.info-modal .md-row,.info-modal .ship-high,.info-modal .guar,.info-modal .tl,.coupon-modal .codebox,.coupon-modal .terms{opacity:0;transform:translateY(10px)}
.info-modal.open .md-row,.info-modal.open .ship-high,.info-modal.open .guar,.info-modal.open .tl,.coupon-modal.open .codebox,.coupon-modal.open .terms{animation:chMdRise .45s cubic-bezier(.34,1.2,.64,1) forwards}
.info-modal.open .ship-high,.info-modal.open .guar,.coupon-modal.open .codebox{animation-delay:.08s}
.info-modal.open .tl{animation-delay:.16s}
.info-modal.open .md-row:nth-of-type(1){animation-delay:.22s}
.info-modal.open .md-row:nth-of-type(2){animation-delay:.30s}
.info-modal.open .md-row:nth-of-type(3){animation-delay:.38s}
.coupon-modal.open .terms{animation-delay:.20s}
@keyframes chMdRise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .info-modal .md-row,.info-modal .ship-high,.info-modal .guar,.info-modal .tl,.coupon-modal .codebox,.coupon-modal .terms{opacity:1!important;transform:none!important}
  .md-buyer .hi::before,.md-buyer .hi::after,.ch-goldhero .off,.spark{animation:none!important}
  .md-buyer .hi svg .chk{stroke-dashoffset:0!important}
  .tl i svg{opacity:1}.tl i{background:#10B981;border-color:#10B981}.tl::after{width:calc(100% - 48px);animation:none}
}

/* ═══════════ v10: قلب الهيدر المعتمد — طبقة المنظر ═══════════ */
/* الحقل */
#ch-main-header.hdr .srch{height:52px;border-width:1.5px;border-color:#1A1A1C;box-shadow:0 1px 2px rgba(13,13,15,.05);gap:8px;padding-inline-start:5px}
#ch-main-header.hdr .srch:hover{box-shadow:0 2px 6px rgba(13,13,15,.07),0 8px 24px rgba(13,13,15,.07)}
#ch-main-header .sic-w{width:36px;height:36px;border-radius:50%;background:var(--gray-soft);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);flex-shrink:0;margin-inline-start:5px;transition:all .2s}
#ch-main-header .srch-wrap:focus-within .sic-w{background:var(--or-soft);color:var(--or-deep)}
#ch-main-header.hdr .srch-in{font-size:14.5px;font-weight:600}
/* حلقة الطاقة */
#ch-main-header .srch-wrap{position:relative;border-radius:99px}
#ch-main-header .srch-wrap::before{content:'';position:absolute;inset:-2.5px;border-radius:99px;z-index:0;opacity:0;transition:opacity .25s;background:linear-gradient(90deg,var(--or),#F5D06B,var(--or-light),var(--or));background-size:300% 100%;animation:chPring 3.2s linear infinite;pointer-events:none}
#ch-main-header .srch-wrap:focus-within::before{opacity:1}
#ch-main-header .srch-wrap:focus-within .srch{border-color:transparent}
#ch-main-header .srch-wrap > form,#ch-main-header .srch-wrap .srch{position:relative;z-index:1;background:#fff;border-radius:99px}
@keyframes chPring{0%{background-position:0 0}100%{background-position:300% 0}}
/* زر البحث: لمعة */
#ch-main-header.hdr .srch-btn{position:relative;overflow:hidden;box-shadow:0 4px 13px rgba(255,85,0,.3),inset 0 1px 0 rgba(255,255,255,.25);transition:all .18s}
#ch-main-header.hdr .srch-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(255,85,0,.42),inset 0 1px 0 rgba(255,255,255,.25)}
#ch-main-header.hdr .srch-btn::after{content:'';position:absolute;top:0;bottom:0;width:34px;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);inset-inline-start:-50px}
#ch-main-header.hdr .srch-btn:hover::after{animation:chBtnShine .6s ease}
@keyframes chBtnShine{to{inset-inline-start:calc(100% + 20px)}}
/* التاغات الداخلية الحية */
#ch-main-header .srch-suggest{display:flex;gap:6px;flex-shrink:0;align-items:center;transition:opacity .25s,transform .25s}
#ch-main-header .srch-wrap.typing .srch-suggest{opacity:0;transform:scale(.92);pointer-events:none;width:0;overflow:hidden;gap:0}
#ch-main-header .sug-lbl{font-size:9.5px;font-weight:800;color:var(--gray-mid);letter-spacing:.5px;margin-inline-end:2px;flex-shrink:0}
#ch-main-header .sug{display:inline-flex;align-items:center;gap:4px;padding:5.5px 12px;background:var(--gray-soft);border:1px solid var(--line-soft,#F4F4F6);border-radius:99px;font-size:11.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap;transition:all .15s;cursor:pointer}
#ch-main-header .sug i{font-style:normal;font-size:10px}
#ch-main-header .sug:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px rgba(13,13,15,.18)}
#ch-main-header .sug.hot{background:var(--or-soft);color:var(--or-deep);border-color:#FFD9C2}
#ch-main-header .sug.hot:hover{background:var(--or);border-color:var(--or);color:#fff;box-shadow:0 4px 12px rgba(255,85,0,.3)}
/* اللوحة: تاج + دخول + عناوين */
#srchDropdown{border-radius:20px!important;box-shadow:0 2px 8px rgba(13,13,15,.06),0 28px 80px rgba(13,13,15,.18)!important;overflow:hidden}
#srchDropdown::before{content:'';display:block;height:2.5px;background:linear-gradient(90deg,var(--or-light),#F5D06B,var(--or-light));background-size:200% 100%;animation:chCrown 5s linear infinite}
@keyframes chCrown{0%{background-position:200% 0}100%{background-position:-40% 0}}
#srchDropdown .srch-dd-head{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;color:var(--gray-mid);letter-spacing:.7px}
#srchDropdown .srch-dd-head::before{content:'';width:5px;height:5px;border-radius:2px;background:linear-gradient(135deg,var(--or-light),var(--or-deep));flex-shrink:0}
#srchDropdown.open .srch-dd-section{animation:chDdRise .35s cubic-bezier(.34,1.2,.64,1) both}
#srchDropdown.open .srch-dd-section:nth-of-type(2){animation-delay:.05s}
#srchDropdown.open .srch-dd-section:nth-of-type(3){animation-delay:.10s}
@keyframes chDdRise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
/* ترند مرقم (أول ثلاثة) */
.srch-dd-tags.is-ranked{counter-reset:chtrend}
.srch-dd-tags.is-ranked .dd-tag{counter-increment:chtrend;display:inline-flex;align-items:center;gap:7px}
.srch-dd-tags.is-ranked .dd-tag:nth-child(-n+3)::before{content:counter(chtrend);font-size:12.5px;font-weight:900;font-style:italic;background:linear-gradient(180deg,var(--or-light),#E11D48);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.srch-dd-tags.is-ranked .dd-tag:nth-child(-n+2){background:var(--or-soft);color:var(--or-deep);border-color:#FFD9C2}
/* دوائر الأقسام (من الكتالوج) */
.dd-cats{display:flex;gap:4px;padding:2px 14px 14px;overflow-x:auto;scrollbar-width:none}
.dd-cats::-webkit-scrollbar{display:none}
.dc{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:12px;font-size:10.5px;font-weight:700;color:var(--ink-soft);transition:background .15s;text-decoration:none;text-align:center}
.dc:hover{background:var(--gray-soft)}
.dc > span{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#fff;transition:transform .18s}
.dc:hover > span{transform:translateY(-2px)}
/* صفوف الاقتراحات والمنتجات: تليين */
#srchDropdown .srch-dd-sugrow{padding:11px 18px;gap:12px}
#srchDropdown .srch-dd-sugrow .sicon{width:34px;height:34px;border-radius:11px}
#srchDropdown .srch-dd-sugrow mark,#srchDropdown .stxt b{background:none;color:var(--or-deep);font-weight:900}
/* شيمر التحميل */
.srch-dd-loading{padding:10px 18px}
.srch-dd-loading .spinner{display:none}
.srch-dd-loading::before,.srch-dd-loading::after{content:'';display:block;height:38px;border-radius:11px;margin-bottom:7px;background:linear-gradient(90deg,var(--gray-soft) 25%,#ECECEF 45%,var(--gray-soft) 65%);background-size:200% 100%;animation:chSk 1s linear infinite}
.srch-dd-loading::after{width:70%}
@keyframes chSk{0%{background-position:180% 0}100%{background-position:-80% 0}}
/* شريط kbd */
.srch-dd-kbd{display:flex;gap:16px;padding:9px 18px;background:linear-gradient(180deg,var(--gray-soft),#F2F2F4);border-top:1px solid var(--line-soft,#F4F4F6);font-size:10px;font-weight:700;color:var(--gray-text)}
.srch-dd-kbd kbd{font-family:inherit;font-size:9.5px;font-weight:800;border:1px solid var(--line);border-radius:4px;padding:1px 5px;background:#fff;margin-inline-end:2px;box-shadow:0 1px 0 var(--line)}
/* الأزرار: hover pill */
#ch-main-header .act{border-radius:12px;transition:background .15s,color .15s}
#ch-main-header .act:hover{background:var(--gray-soft);color:var(--or-deep)}
#ch-main-header .act:hover .act-ico{background:var(--or-soft);color:var(--or-deep)}
/* السلة الفخمة */
#ch-main-header .act-cart{width:auto;padding:0 12px;gap:9px;border-radius:12px;transition:background .15s,color .15s;display:inline-flex;align-items:center}
#ch-main-header .act-cart:hover{background:var(--gray-soft);color:var(--or-deep)}
#ch-main-header .cart-ic{width:30px;height:30px;border-radius:50%;background:var(--gray-soft);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:all .18s;flex-shrink:0}
#ch-main-header .act-cart:hover .cart-ic{background:var(--or-soft);color:var(--or-deep);transform:translateY(-2px)}
#ch-main-header .act-cart-badge{top:2px;inset-inline-end:5px;right:auto;background:linear-gradient(135deg,var(--or-light),var(--or-deep));border:0;box-shadow:0 0 0 2px #fff,0 3px 8px rgba(255,85,0,.35);min-width:19px;height:19px}
/* بروفة السلة */
.cart-peek{position:absolute;top:calc(100% + 9px);inset-inline-end:0;width:280px;background:#fff;border-radius:17px;box-shadow:0 22px 60px rgba(13,13,15,.18);border:1px solid var(--line-soft,#F4F4F6);opacity:0;transform:translateY(-7px);pointer-events:none;transition:all .18s cubic-bezier(.4,0,.2,1);z-index:1200;overflow:hidden;text-align:start;cursor:default;display:block}
@media (hover:hover){.act-cart:hover .cart-peek.has,.cart-peek.has:hover{opacity:1;transform:none;pointer-events:auto}}
.cp-it{display:flex;gap:10px;padding:11px 15px;align-items:center}
.cp-it + .cp-it{border-top:1px solid var(--line-soft,#F4F4F6)}
.cp-it .th{width:42px;height:42px;border-radius:10px;flex-shrink:0;background:var(--gray-soft);object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden}
.cp-it .th img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.cp-it b{font-size:11.5px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:138px;color:var(--ink)}
.cp-it small{font-size:10px;color:var(--gray-text);font-weight:600}
.cp-it .pr{margin-inline-start:auto;font-size:12px;font-weight:900;color:var(--or-deep);flex-shrink:0;white-space:nowrap}
.cp-sub{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-top:1.5px solid var(--line-soft,#F4F4F6);font-size:12.5px;font-weight:800;color:var(--ink)}
.cp-sub .v{color:var(--or-deep);font-size:14px}
.cp-cta{display:flex;height:39px;align-items:center;justify-content:center;margin:0 13px 13px;border-radius:99px;background:linear-gradient(135deg,var(--or-light),var(--or-deep));color:#fff!important;font-size:12.5px;font-weight:900;box-shadow:0 4px 13px rgba(255,85,0,.32);transition:transform .18s;text-decoration:none!important}
.cp-cta:hover{transform:translateY(-1px)}
.cp-empty{padding:20px 15px;text-align:center;font-size:11.5px;font-weight:700;color:var(--gray-text)}
/* شاشة الدخول */
.lg-overlay{position:fixed;inset:0;background:rgba(13,13,15,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2400;opacity:0;pointer-events:none;transition:opacity .25s}
.lg-overlay.open{opacity:1;pointer-events:auto}
.lg-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.96);width:400px;max-width:calc(100vw - 28px);max-height:calc(100vh - 48px);background:#fff;border-radius:24px;box-shadow:0 24px 70px rgba(13,13,15,.25);z-index:2401;opacity:0;pointer-events:none;transition:opacity .28s,transform .28s cubic-bezier(.34,1.2,.64,1);display:flex;flex-direction:column;overflow:hidden}
.lg-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.lg-modal:not(.open){display:flex!important}
.lg-x{position:absolute;top:13px;inset-inline-start:13px;width:33px;height:33px;border-radius:50%;background:var(--gray-soft);color:var(--gray-text);display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:3;border:0;cursor:pointer}
.lg-x:hover{background:#ECECEF;color:var(--ink);transform:rotate(90deg)}
.lg-hero{text-align:center;padding:28px 24px 6px}
.lg-logo{font-weight:900;font-size:24px;letter-spacing:-1px}
.lg-logo b{color:var(--ink)}.lg-logo span{color:var(--or)}
.lg-hero p{font-size:12px;color:var(--gray-text);font-weight:600;margin:5px 0 0;line-height:1.8}
.lg-tabs{display:flex;gap:4px;margin:16px 22px 0;padding:3px;background:#F1F1F3;border-radius:12px}
.lg-tab{flex:1;padding:9px;border-radius:9px;font:700 12.5px 'Cairo',sans-serif;color:var(--gray-text);transition:all .18s;border:0;background:none;cursor:pointer}
.lg-tab.on{background:#fff;color:var(--ink);font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.04)}
.lg-body{padding:16px 22px 22px;overflow-y:auto}
.lg-modal .fld{position:relative;margin-bottom:11px}
.lg-modal .fld input{width:100%;height:48px;border:1.5px solid var(--line);border-radius:13px;padding:14px 14px 0;font:700 13.5px 'Cairo',sans-serif;color:var(--ink);outline:0;background:var(--gray-soft);transition:all .18s;box-sizing:border-box}
.lg-modal .fld input:focus{border-color:var(--or);background:#fff;box-shadow:0 0 0 3.5px rgba(255,85,0,.11)}
.lg-modal .fld label{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:600;color:var(--gray-mid);pointer-events:none;transition:all .18s}
.lg-modal .fld input:focus + label,.lg-modal .fld input:not(:placeholder-shown) + label{top:13px;font-size:9.5px;font-weight:800;color:var(--or)}
.lg-modal .fld .eye{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-mid);transition:all .15s;border:0;background:none;cursor:pointer}
.lg-modal .fld .eye:hover{color:var(--ink);background:#ECECEF}
.lg-row{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 14px;font-size:11.5px;font-weight:700}
.lg-row label{display:flex;align-items:center;gap:7px;color:var(--ink-soft);cursor:pointer}
.lg-row input{accent-color:var(--or);width:15px;height:15px}
.lg-row a{color:var(--or-deep);text-decoration:none}
.lg-cta{width:100%;height:48px;border-radius:99px;background:linear-gradient(135deg,var(--or-light),var(--or-deep));color:#fff;font:900 14.5px 'Cairo',sans-serif;box-shadow:0 6px 18px rgba(255,85,0,.35),inset 0 1px 0 rgba(255,255,255,.25);transition:all .18s;border:0;cursor:pointer}
.lg-cta:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(255,85,0,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.lg-terms{text-align:center;font-size:10px;color:var(--gray-mid);font-weight:600;line-height:1.8;margin-top:13px}
.lg-terms a{color:var(--or-deep)}
.lg-perk{display:flex;justify-content:center;gap:14px;margin-top:11px;padding-top:11px;border-top:1px solid #F1F1F3;font-size:10px;font-weight:700;color:var(--gray-text);flex-wrap:wrap}
.lg-perk span{display:inline-flex;align-items:center;gap:5px}
.lg-perk svg{color:#059669}
/* دخول متدرج لشاشة الدخول */
.lg-modal .fld,.lg-modal .lg-row,.lg-modal .lg-cta,.lg-modal .lg-terms,.lg-modal .lg-perk{opacity:0;transform:translateY(9px)}
.lg-modal.open .fld,.lg-modal.open .lg-row,.lg-modal.open .lg-cta,.lg-modal.open .lg-terms,.lg-modal.open .lg-perk{animation:chLgRise .4s cubic-bezier(.34,1.2,.64,1) forwards}
.lg-modal.open .fld:nth-of-type(2){animation-delay:.06s}
.lg-modal.open .fld:nth-of-type(3){animation-delay:.12s}
.lg-modal.open .lg-row{animation-delay:.18s}
.lg-modal.open .lg-cta{animation-delay:.24s}
.lg-modal.open .lg-terms{animation-delay:.30s}
.lg-modal.open .lg-perk{animation-delay:.34s}
@keyframes chLgRise{to{opacity:1;transform:none}}
@media (max-width:980px){.lg-modal,.lg-overlay{z-index:4501}}
@media (prefers-reduced-motion:reduce){
  #ch-main-header .srch-wrap::before,#srchDropdown::before,.srch-dd-loading::before,.srch-dd-loading::after{animation:none}
  #srchDropdown.open .srch-dd-section{animation:none;opacity:1}
  .lg-modal .fld,.lg-modal .lg-row,.lg-modal .lg-cta,.lg-modal .lg-terms,.lg-modal .lg-perk{opacity:1!important;transform:none!important}
}

/* ═══════════ v10.1: تصحيحات ما بعد الرفع + توافق الشاشات ═══════════ */
/* ① الخلايا الثلاث معاً (إلغاء تراص الروتيتور) */
#perks .perks-rot{display:contents}
#perks .perks-rot > .perks-cell{opacity:1!important;transform:none!important;visibility:visible!important;pointer-events:auto!important;transition:none}
#perks .perks-l{display:flex;align-items:stretch;min-width:0;flex:1}
#perks .perks-l .perks-cell{flex:0 1 auto;min-width:0}
#perks .perks-l .perks-cell .perks-text{min-width:0}
#perks .perks-l .perks-cell .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#perks .perks-l .perks-cell + .perks-cell{position:relative}
#perks .perks-l .perks-cell + .perks-cell::before{content:'';position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:rgba(255,255,255,.12)}
/* ② رابط التطبيق: كبسولة مضبوطة */
#perks .perks-r a.pr-app{height:30px!important;align-self:center;padding:0 12px!important;border-radius:99px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#perks .perks-r a.pr-app .pr-badge{transform:translateY(-1px)}
#perks .perks-r{flex-shrink:0}
/* ③ تثبيت صف الهيدر: ولا عنصر يطلع أو يختفي */
#ch-main-header .hdr-in{display:flex;flex-wrap:nowrap;align-items:center;min-width:0}
#ch-main-header .hdr-in > *{flex-shrink:0}
#ch-main-header .srch-wrap{flex:1 1 auto!important;min-width:230px}
#ch-main-header.hdr .srch{min-width:0}
#ch-main-header.hdr .srch-in{min-width:40px}
#ch-main-header .acts{flex-shrink:0;white-space:nowrap}
#ch-main-header .act .act-text .top,#ch-main-header .act .act-text .btm,#ch-main-header .act-cart .act-text .top,#ch-main-header .act-cart .act-text .btm{white-space:nowrap}
/* ④ السلة الفخمة: قهر قواعد الدائرة القديمة */
#ch-main-header .act-cart{width:auto!important;height:44px!important;justify-content:flex-start!important;padding:0 12px!important;border-radius:12px!important}
#ch-main-header .cart-ic{width:30px!important;height:30px!important}
#ch-main-header .cart-ic svg{width:17px!important;height:17px!important}
#ch-main-header .act-cart .act-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.25}
#ch-main-header .act-cart .act-text .top{font-size:10.5px;font-weight:700;color:var(--gray-text)}
#ch-main-header .act-cart .act-text .btm{font-size:12.5px;font-weight:800;color:inherit}
#ch-main-header .act-cart-badge{position:absolute;top:1px;inset-inline-start:26px;inset-inline-end:auto}
/* ⑤ سلالم التوافق (دسكتوب 981 وفوق — تحت 980 الهيدر الدسكتوب مخفي أصلاً) */
@media (max-width:1460px){
  #ch-main-header .sug-lbl{display:none}
  #ch-main-header .sug:nth-of-type(n+3){display:none} /* نخلي تاغين */
}
@media (max-width:1330px){
  #ch-main-header .srch-suggest{display:none!important} /* المساحة للكتابة */
  #ch-main-header .hdr-in{gap:12px}
  #perks .perks-r a{padding:0 9px}
}
@media (max-width:1180px){
  #ch-main-header .act-flag .act-text{display:none}
  #ch-main-header .act{padding:0 9px}
  #ch-main-header .act-cart{padding:0 9px!important}
  #perks .perks-l .perks-cell:nth-child(2){display:none} /* الحماية تنطوي أولاً بالشريط */
}
@media (max-width:1100px){
  /* أيقونات فقط (السيلكتور المصلح فوق بيخفي act-text) */
  #ch-main-header .act-cart .act-text{display:none}
  #ch-main-header .act-cart{width:48px!important;justify-content:center!important;padding:0!important}
  #ch-main-header .act-cart-badge{inset-inline-start:auto;inset-inline-end:2px;top:2px}
  #perks .perks-r > a:not(.pr-app):not(:first-child){display:none} /* التتبع + التطبيق فقط */
}
/* ⑥ حماية الشريط الأعلى من الازدحام */
@media (max-width:1240px){
  #perks .perks-cell .s{max-width:150px}
}
@media (prefers-reduced-motion:reduce){#perks .perks-rot > .perks-cell{transition:none}}

/* ═══════════ v10.2: لوجو الدخول + زر جوجل ═══════════ */
.lg-logo img{height:44px;width:auto;max-width:180px;object-fit:contain;display:inline-block}
.lg-or{display:flex;align-items:center;gap:10px;margin:13px 0 11px;font-size:10.5px;font-weight:700;color:var(--gray-mid)}
.lg-or i{flex:1;height:1px;background:#F1F1F3}
.lg-google{display:flex;height:46px;align-items:center;justify-content:center;gap:9px;border:1.5px solid var(--line);border-radius:99px;background:#fff;font-size:13px;font-weight:800;color:var(--ink);text-decoration:none;transition:all .18s}
.lg-google:hover{border-color:var(--ink);background:var(--gray-soft);transform:translateY(-1px)}
.lg-modal .lg-or,.lg-modal .lg-google{opacity:0;transform:translateY(9px)}
.lg-modal.open .lg-or{animation:chLgRise .4s .27s cubic-bezier(.34,1.2,.64,1) forwards}
.lg-modal.open .lg-google{animation:chLgRise .4s .30s cubic-bezier(.34,1.2,.64,1) forwards}
@media (prefers-reduced-motion:reduce){.lg-modal .lg-or,.lg-modal .lg-google{opacity:1!important;transform:none!important}}

/* ═══ v10.3: حزام أمان — البيكر ثابت مهما صار بالـ DOM ═══ */
.picker.open{position:fixed!important;z-index:2147482000!important}
.picker-overlay.open{position:fixed!important;inset:0!important;z-index:2147481999!important}

/* ═══ v10.4: الميني-كارت القديم (main.php) مدفون — الدرج الجديد هو الواجهة ═══ */
#cro-minicart,.cro-minicart{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* ═══ v10.5: مودال الشحن حسب الدولة + متغيرات الدرج + شريط تقدم الشحن ═══ */
.md-cc{display:flex;align-items:center;gap:6px;justify-content:center;font-size:10.5px;font-weight:800;color:#71717A;margin-bottom:10px}
.md-cc svg{color:#059669}
.md-cc b{color:#0F0F10}
.ship-high.all{background:linear-gradient(135deg,#ECFDF5,#D1FAE5);border-color:#6EE7B7}
.ship-high.all .amt{font-size:24px}
.ship-cost{text-align:center;font-size:11px;font-weight:700;color:#71717A;margin:8px 0 2px}
.ship-cost b{color:#0F0F10}
/* متغير المنتج بالدرج والبروفة */
.mc-var,.cp-var{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#71717A;background:#F6F6F8;border:1px solid #ECECEF;border-radius:6px;padding:1.5px 7px;margin-top:3px;max-width:100%}
.mc-var i,.cp-var i{width:9px;height:9px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.12);font-style:normal}
.mc-var span,.cp-var span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* شريط تقدم الشحن المجاني بالدرج */
.mc-ship{padding:11px 16px 12px;background:linear-gradient(180deg,#F0FDF4,#fff);border-bottom:1px solid #ECECEF}
.mc-ship .t{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;color:#0F0F10;margin-bottom:7px}
.mc-ship .t .ok{color:#059669;display:inline-flex;align-items:center;gap:5px}
.mc-ship .bar{height:6px;border-radius:99px;background:#E4E4E7;overflow:hidden}
.mc-ship .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#10B981,#34D399);transition:width .5s cubic-bezier(.4,0,.2,1);font-style:normal}
.mc-ship.done{background:linear-gradient(180deg,#ECFDF5,#fff)}

/* ═══ v10.7: نبضة السلة عند الإضافة ═══ */
#ch-main-header .act-cart-badge.pop{animation:chBadgePop .5s cubic-bezier(.34,1.56,.64,1)}
#ch-main-header .cart-ic.pop{animation:chIcPop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes chBadgePop{0%{transform:scale(1)}35%{transform:scale(1.55)}70%{transform:scale(.92)}100%{transform:scale(1)}}
@keyframes chIcPop{0%{transform:translateY(0)}30%{transform:translateY(-4px) rotate(-8deg)}60%{transform:translateY(0) rotate(5deg)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){#ch-main-header .act-cart-badge.pop,#ch-main-header .cart-ic.pop{animation:none}}