/* the signed-in customer's face in the phone header and the bottom bar */
.chv-av{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#FF8A3D,#FF5A00);color:#fff;font:800 13px/1 Cairo,system-ui,sans-serif;box-shadow:0 0 0 2px #fff,0 1px 4px rgba(0,0,0,.18)}
.chv-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.chv-av::after{content:"";position:absolute;bottom:-1px;inset-inline-end:-1px;width:9px;height:9px;border-radius:50%;background:#22C55E;border:2px solid #fff}
.chv-av-tb{width:24px;height:24px;font-size:11.5px;margin:0 auto 2px}
.chv-av-tb::after{width:8px;height:8px}
/* a tighter phone header — same look, less height, more room for search */
@media (max-width:980px){
  .chv-mhdr{padding:4px 8px!important;padding-top:calc(4px + env(safe-area-inset-top,0px))!important;gap:3px!important;min-height:0!important}
  .chv-mhdr .pdp2-mtop-ic{width:34px!important;height:34px!important;border-radius:10px}
  .chv-mhdr .pdp2-mtop-ic > svg{width:20px!important;height:20px!important}
  .chv-mhdr .pdp2-mtop-cart{width:34px!important;height:34px!important}
  .chv-mhdr .pdp2-mtop-cart svg{width:20px!important;height:20px!important}
  .chv-mhdr .pdp2-mtop-logo{font-size:14.5px!important;padding:0 1px!important;letter-spacing:0!important}
  .chv-mhdr .pdp2-mtop-srch{height:34px!important;gap:4px!important}
  .chv-mhdr .pdp2-mtop-srch input{font-size:13.5px!important}
  .chv-mhdr .pdp2-mtop-srch > svg{width:15px!important;height:15px!important}
  .chv-mhdr .pdp2-s-cam{width:28px!important;height:28px!important}
  .chv-mhdr .pdp2-s-cam svg{width:17px!important;height:17px!important}
}

/* ── account menu (opens from the signed-in face) — compact ── */
.chm{position:fixed!important;z-index:100000;top:0;left:0;bottom:auto!important;width:248px;max-width:calc(100vw - 16px);height:auto!important;min-height:0!important;max-height:calc(100vh - 24px);overflow:auto;
  background:#fff;border-radius:14px;box-shadow:0 14px 40px -12px rgba(17,24,39,.35),0 0 0 1px rgba(17,24,39,.07);padding:5px;margin:0;box-sizing:border-box;
  font-family:Cairo,"Cairo Fallback",system-ui,sans-serif;color:#111827;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top;pointer-events:none;transition:opacity .15s,transform .17s cubic-bezier(.2,.8,.2,1)}
.chm.on{opacity:1;transform:none;pointer-events:auto}
.chm a{position:relative;display:flex;align-items:center;gap:9px;min-height:38px;height:auto;padding:6px 10px;margin:0;border-radius:9px;color:#111827;text-decoration:none;font-size:13.5px;font-weight:700;line-height:1.3;outline:none;box-sizing:border-box}
.chm a:hover,.chm a:focus-visible{background:#F6F7F9}
.chm a:focus-visible{box-shadow:inset 0 0 0 2px #FF5A00}
.chm a > svg{width:17px;height:17px;flex:none;color:#4A4F59}
.chm a > span{flex:1;min-width:0}
.chm a > .chm-av,.chm a > .chm-badge{flex:none;min-width:0}
.chm-head{min-height:50px!important;padding:7px 9px!important;margin-bottom:2px!important;background:linear-gradient(135deg,#FFF6EF,#FFEFE3)}
.chm-head:hover{background:linear-gradient(135deg,#FFF1E6,#FFE7D6)!important}
.chm-head > svg{width:14px!important;height:14px!important;color:#C2410C!important}
[dir=rtl] .chm-head > svg{transform:scaleX(-1)}
.chm-av{position:relative;flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FF8A3D,#FF5A00) center/cover no-repeat;
  color:#fff;font-weight:800;font-size:14px;line-height:1;box-shadow:0 0 0 2px #fff,0 1px 3px rgba(0,0,0,.15)}
.chm-av.has-photo{color:transparent}
.chm-who b{display:block;font-size:13.5px;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chm-who small{display:block;font-size:11.5px;font-weight:600;line-height:1.3;color:#C2410C}
.chm-list{padding:2px 0;border-top:1px solid #F1F1F3;border-bottom:1px solid #F1F1F3;margin:3px 0}
.chm-money{font-style:normal;font-size:12.5px;font-weight:800;color:#047857;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.chm-note{font-style:normal;font-size:11px;font-weight:800;color:#1D4ED8;background:#EFF6FF;border-radius:999px;padding:1px 7px;white-space:nowrap}
.chm-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#FF5A00;color:#fff;font-size:10.5px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}
.chm-out{color:#B91C1C!important}.chm-out > svg{color:#B91C1C!important}
.chm-sk{display:inline-block;width:54px;height:10px;border-radius:5px;background:linear-gradient(90deg,#EEF0F3,#F7F8FA,#EEF0F3);background-size:200% 100%;animation:chmSk 1.1s linear infinite}
@keyframes chmSk{to{background-position:-200% 0}}

/* ── orange dot: a reply or an update is waiting ── */
.ch-has-news{position:relative}
.ch-has-news::before{content:"";position:absolute;top:2px;inset-inline-start:2px;width:10px;height:10px;border-radius:50%;background:#FF5A00;border:2px solid #fff;z-index:2;animation:chNews 1.6s ease-out 2}
#actAccount .act-ico.ch-has-news::before{top:-2px;inset-inline-start:-2px}
.chv-tabbar .ch-has-news::before{top:2px;inset-inline-start:calc(50% - 16px)}
@keyframes chNews{0%{box-shadow:0 0 0 0 rgba(255,90,0,.55)}100%{box-shadow:0 0 0 8px rgba(255,90,0,0)}}

/* ── cart: bump + "added to cart" tip ── */
.ch-bump{animation:chBump .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes chBump{0%{transform:scale(1)}35%{transform:scale(1.45)}100%{transform:scale(1)}}
.ch-add-tip{position:fixed;z-index:99999;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:#111827;color:#fff;font:800 12.5px/1 Cairo,"Cairo Fallback",system-ui,sans-serif;
  box-shadow:0 10px 24px -10px rgba(0,0,0,.5);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);white-space:nowrap}
.ch-add-tip.up{transform:translateY(4px)}
.ch-add-tip.on{opacity:1;transform:none}
.ch-add-tip svg{width:14px;height:14px;color:#4ADE80}
.ch-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── phones: the top bar slides away on scroll down ── */
@media (max-width:980px){
  .chv-mhdr{transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .2s;will-change:transform}
  .chv-mhdr.chv-hide{transform:translateY(-105%);box-shadow:none}
  .chv-follow{transition:top .26s cubic-bezier(.2,.8,.2,1)}
}

/* ── keyboard focus, clearly visible ── */
.chv-mhdr a:focus-visible,.chv-mhdr button:focus-visible,.chv-mhdr input:focus-visible,.chv-tabbar a:focus-visible,#ch-main-header a:focus-visible,#ch-main-header button:focus-visible{outline:2px solid #FF5A00;outline-offset:2px;border-radius:10px}

@media (prefers-reduced-motion:reduce){.chm,.ch-add-tip,.chv-mhdr{transition:none!important}.ch-bump,.ch-has-news::before,.chm-sk{animation:none!important}}

/* ── sign-in window opened from the Wishlist tab ── */
.ch-wl-note{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#FFF1F2;color:#9F1239;font:700 13px/1.5 Cairo,"Cairo Fallback",system-ui,sans-serif}
.ch-wl-note[hidden]{display:none!important}
.ch-wl-note svg{width:18px;height:18px;flex:none;color:#E11D48}

/* ── product page on phones: the normal header at the top; once it scrolls away the photo reaches the top of the
      screen under round floating buttons (back, search, share, cart); past the photos they become a white bar ── */
.pdpx-bar{display:none}
@media (max-width:980px){
  html.is-pdp .chv-mhdr{position:relative!important;top:auto!important;transform:none!important}   /* scrolls away with the page */
  html.is-pdp .bc{display:none!important}
  html.is-pdp .gal-main .pdp2-share{display:none!important}
  .pdpx-bar{display:flex;align-items:center;gap:8px;position:fixed;top:0;left:0;right:0;z-index:75;padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top,0px));
    background:transparent;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s,transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s,box-shadow .22s}
  html.pdpx-float .pdpx-bar{opacity:1;transform:none;pointer-events:auto}
  .pdpx-b{position:relative;flex:none;width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(17,24,39,.42);color:#fff;
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-decoration:none;padding:0;transition:background-color .2s,color .2s}
  .pdpx-b svg{width:20px;height:20px}
  [dir=rtl] .pdpx-back svg{transform:scaleX(-1)}
  .pdpx-b:focus-visible{outline:2px solid #FF5A00;outline-offset:2px}
  .pdpx-n{position:absolute;top:-3px;inset-inline-end:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#FF5A00;color:#fff;font:900 10.5px/18px Cairo,"Cairo Fallback",system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
  .pdpx-n[hidden]{display:none}
  .pdpx-title{flex:1;min-width:0;font:800 14.5px/1.3 Cairo,"Cairo Fallback",system-ui,sans-serif;color:#16181D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;padding:0 2px}
  /* past the photos: a white bar with the product's name */
  html.pdpx-solid .pdpx-bar{background:#fff;box-shadow:0 1px 0 #ECECEE,0 8px 18px -12px rgba(0,0,0,.28)}
  html.pdpx-solid .pdpx-b{background:#F3F3F5;color:#16181D;-webkit-backdrop-filter:none;backdrop-filter:none}
  html.pdpx-solid .pdpx-title{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.pdpx-bar,.pdpx-b,.pdpx-title{transition:none!important}}
.pdpx-toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(8px);z-index:100001;background:#111827;color:#fff;font:800 13px/1 Cairo,"Cairo Fallback",system-ui,sans-serif;padding:11px 16px;border-radius:999px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.pdpx-toast.on{opacity:1;transform:translateX(-50%)}

/* ── iPhone home-screen app (black-translucent status bar): the page runs under the time/battery ── */
.ch-sat{display:none}
html.ch-ios-app body{padding-top:env(safe-area-inset-top,0px)!important}
html.ch-ios-app .ch-sat{display:block;position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#FF5A00;z-index:9000;pointer-events:none;transition:background-color .25s,opacity .25s}
html.ch-ios-app .chv-mhdr{top:env(safe-area-inset-top,0px)!important;padding-top:4px!important}
html.ch-ios-app.is-pdp .chv-mhdr{top:auto!important}
html.ch-ios-app .chd{padding-top:env(safe-area-inset-top,0px)!important;box-sizing:border-box}
/* product photo at the top of the screen: the photo itself shows under the time, with a light shade so it stays readable */
html.ch-ios-app.is-pdp.pdpx-float:not(.pdpx-solid) .ch-sat{background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,0))}

/* ── share sheet (compact) ── */
.chsh-wrap{position:fixed;inset:0;z-index:2147483600;pointer-events:none}
.chsh-scrim{position:absolute;inset:0;background:rgba(10,12,16,.52);opacity:0;transition:opacity .22s}
.chsh{position:absolute;left:0;right:0;bottom:0;max-height:86vh;overflow-y:auto;background:#fff;border-radius:20px 20px 0 0;padding:4px 14px calc(14px + env(safe-area-inset-bottom,0px));
  transform:translateY(102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);font-family:Cairo,"Cairo Fallback",system-ui,sans-serif;color:#16181D;box-sizing:border-box;box-shadow:0 -12px 40px -12px rgba(0,0,0,.3)}
.chsh-wrap.on{pointer-events:auto}.chsh-wrap.on .chsh-scrim{opacity:1}.chsh-wrap.on .chsh{transform:none}
html.chsh-open,html.chsh-open body{overflow:hidden}
.chsh-grab{width:36px;height:4px;border-radius:4px;background:#E2E4E8;margin:6px auto 4px}
.chsh-h{display:flex;align-items:center;justify-content:space-between;height:40px;margin-bottom:8px}
.chsh-h b{font-size:16px;font-weight:800}
.chsh-x{width:32px;height:32px;border:0;border-radius:50%;background:#F3F4F6;color:#16181D;cursor:pointer;display:grid;place-items:center;padding:0}
.chsh-x:hover{background:#E9EBEE}.chsh-x svg{width:16px;height:16px}
/* product card */
.chsh-card{display:flex;gap:11px;align-items:center;padding:9px;border-radius:14px;background:#F7F7F9}
.chsh-img{flex:none;width:62px;height:62px;border-radius:10px;background:#EEF0F3 center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.chsh-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.chsh-info > b{font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.chsh-pr{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;direction:ltr;align-self:flex-start}
.chsh-price{font-size:15px;font-weight:900;color:#FF5A00;white-space:nowrap}
.chsh-pr s{font-size:11.5px;color:#9CA3AF;white-space:nowrap}
.chsh-pr em{font-style:normal;font-size:10.5px;font-weight:900;color:#fff;background:#FF5A00;border-radius:5px;padding:1px 5px}
.chsh-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chsh-rate{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:800;direction:ltr}
.chsh-rate i{font-style:normal;color:#F5A524;font-size:12.5px}.chsh-rate small{color:#6B7280;font-weight:600}
.chsh-copyid{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #E5E7EB;font:600 11.5px/1 Cairo,"Cairo Fallback",system-ui,sans-serif;color:#6B7280;cursor:pointer}
.chsh-copyid b{color:#16181D;font-weight:800}.chsh-copyid svg{width:12px;height:12px;color:#6B7280}
/* apps: one row that slides sideways */
.chsh-apps{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:14px;scrollbar-width:none;margin:14px -14px 0;padding:2px 14px 4px}
.chsh-apps::-webkit-scrollbar{display:none}
.chsh-apps.more-end{-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}
[dir=rtl] .chsh-apps.more-end{-webkit-mask-image:linear-gradient(to left,#000 85%,transparent);mask-image:linear-gradient(to left,#000 85%,transparent)}
.chsh-apps.more-end.more-start{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 85%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 85%,transparent)}
.chsh-app{flex:none;width:68px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:4px 0;cursor:pointer;text-decoration:none;color:#16181D;font:inherit}
.chsh-app small{font-size:11.5px;font-weight:600;white-space:nowrap;color:#374151}
.chsh-ic{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;transition:transform .15s;box-shadow:0 4px 10px -6px rgba(0,0,0,.35)}
.chsh-ic svg{width:26px;height:26px}
.chsh-ic.line{box-shadow:inset 0 0 0 1px #E5E7EB,0 4px 10px -6px rgba(0,0,0,.2)}.chsh-ic.line svg{width:32px;height:32px}
.chsh-ic.soft{background:#F3F4F6;color:#16181D;box-shadow:none}.chsh-ic.soft svg{width:22px;height:22px}
.chsh-app:active .chsh-ic{transform:scale(.92)}
.chsh-app:focus-visible{outline:none}.chsh-app:focus-visible .chsh-ic{box-shadow:0 0 0 3px #fff,0 0 0 5px #FF5A00}
/* link + copy */
.chsh-link{display:flex;align-items:center;gap:8px;margin-top:12px;height:44px;padding:0 4px 0 12px;border-radius:12px;background:#F7F7F9;box-shadow:inset 0 0 0 1px #EEF0F3}
[dir=rtl] .chsh-link{padding:0 12px 0 4px}
.chsh-link-ic{flex:none;color:#9CA3AF;display:grid}.chsh-link-ic svg{width:17px;height:17px}
.chsh-url{flex:1;min-width:0;font-size:12.5px;color:#4B5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chsh-copy{flex:none;height:36px;padding:0 14px;border:0;border-radius:9px;background:#16181D;color:#fff;font:800 12.5px/1 Cairo,"Cairo Fallback",system-ui,sans-serif;cursor:pointer;transition:background .2s}
.chsh-copy.done{background:#16A34A}
@media (min-width:700px){
  .chsh{left:50%;right:auto;bottom:auto;top:50%;width:400px;border-radius:18px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .22s,opacity .2s;padding:10px 16px 16px}
  .chsh-wrap.on .chsh{transform:translate(-50%,-50%);opacity:1}
  .chsh-grab{display:none}
  .chsh-apps{margin:14px -16px 0;padding:2px 16px 4px;scroll-padding-inline:16px}
}
@media (prefers-reduced-motion:reduce){.chsh,.chsh-scrim{transition:none}}

/* ── the home page's phone tab strip never shows on desktop (the header has its own category bar there) ── */
@media (min-width:981px){#mob-tab-strip,#mob-tab-strip.cht-v2,.mob-tab-strip.chv-tabs{display:none!important}}

/* ── desktop header bar: badges and emoji set from the admin (home tabs) ── */
#ch-cat-nav .cn-bdg{direction:ltr;unicode-bidi:isolate;display:inline-flex;align-items:center;height:17px;padding:0 6px;margin-inline-start:6px;border-radius:5px;font-size:10px;font-weight:900;line-height:1;color:#fff;background:#EF4444;transform:translateY(-6px);letter-spacing:.2px}
#ch-cat-nav .cn-bdg.c-orange{background:#FF5A00}#ch-cat-nav .cn-bdg.c-green{background:#16A34A}#ch-cat-nav .cn-bdg.c-black{background:#16181D}
#ch-cat-nav .cn-emo{margin-inline-end:5px;font-size:1.05em;line-height:1}