/* =====================================================================
   X Brand SHEIN Outlet — v5.145
   Identity: white + blue. Loaded after the X Brand base styles on
   shein.html only; every rule is scoped to body.shein.
   ===================================================================== */
body.shein{
  --s-white:#ffffff;
  --s-mist:#F3F6FC;
  --s-ice:#E1E9F8;
  --s-line:#D5E0F3;
  --s-cobalt:#1F47E0;
  --s-cobalt-deep:#1535B4;
  --s-navy:#0A1A3A;
  --s-slate:#56647F;
  --s-sky:#8FB0FF;
  --s-font:"SF Arabic","Noto Sans Arabic","Segoe UI",system-ui,-apple-system,sans-serif;
  --s-display:"Noto Kufi Arabic","SF Arabic","Segoe UI",system-ui,sans-serif;
  --s-latin:"Avenir Next","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  /* re-point the shared tokens so inherited components turn blue */
  --xb-orange:var(--s-cobalt);--xb-orange-deep:var(--s-cobalt-deep);--xb-orange-soft:var(--s-ice);
  --xb-accent:var(--s-cobalt);--xb-accent-deep:var(--s-cobalt-deep);--xb-accent-soft:var(--s-ice);
  --xb-bg:var(--s-mist);--xb-ink:var(--s-navy);--xb-line:var(--s-line);--xb-sale:var(--s-cobalt);
  --xb-shadow:0 18px 44px rgba(10,26,58,.10);--xb-shadow-soft:0 8px 24px rgba(10,26,58,.06);
  background:var(--s-white)!important;color:var(--s-navy);font-family:var(--s-font)!important;letter-spacing:0!important;padding-bottom:96px
}
body.shein ::selection{background:var(--s-cobalt);color:#fff}
body.shein :focus-visible{outline:2.5px solid var(--s-cobalt);outline-offset:2px}

/* ---------- header ---------- */
body.shein .top{background:rgba(255,255,255,.82)!important;color:var(--s-navy)!important;backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);box-shadow:none!important;border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}
body.shein.sScrolled .top{border-bottom-color:var(--s-line);background:rgba(255,255,255,.94)!important}
body.shein .top{padding-inline:10px!important}
body.shein .top .left,body.shein .top .right{gap:2px!important}
body.shein .top .brand{min-width:92px!important}
body.shein .iconbtn{color:var(--s-navy);width:38px!important;height:38px!important}
body.shein .iconbtn:active{background:var(--s-ice)!important}
body.shein .badge em{background:var(--s-cobalt)!important;color:#fff!important;box-shadow:0 0 0 2px #fff}
body.shein .sSwitch{border:1px solid var(--s-line);background:#fff;color:var(--s-navy);border-radius:999px;height:30px;padding:0 9px;margin-inline-start:2px;font:800 11px/1 var(--s-latin);letter-spacing:.02em;cursor:pointer;white-space:nowrap}
body.shein .sSwitch:active{background:var(--s-ice)}
body.shein .sWordBtn{line-height:1}
body.shein .sWord{display:flex;flex-direction:column;align-items:center;direction:ltr;font-family:var(--s-latin)!important;color:var(--s-navy)}
body.shein .sWord small{font-size:8.5px;font-weight:600;letter-spacing:.46em;margin-inline-end:-.46em;color:var(--s-cobalt)}
body.shein .sWord b{font-family:var(--s-latin)!important;font-size:23px!important;font-weight:800;letter-spacing:-.035em!important;margin-top:1px}
@media(max-width:350px){body.shein .sSwitch{display:none}}

body.shein .searchbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--s-line)!important;box-shadow:0 18px 30px rgba(10,26,58,.06)!important}
body.shein .searchbar input{background:var(--s-mist)!important;border:1px solid var(--s-line)!important;color:var(--s-navy)}
body.shein .searchbar input:focus{border-color:var(--s-cobalt)!important;box-shadow:0 0 0 3px rgba(31,71,224,.14)!important}

body.shein .sPreview{position:sticky;top:0;z-index:31;background:var(--s-navy);color:#fff;font-size:12px;font-weight:700;text-align:center;padding:7px 12px}

/* ---------- hero: the one loud moment ---------- */
body.shein .hero.sHero{background:#fff!important;cursor:default;overflow:hidden;display:grid;grid-template-columns:1fr;padding:12px 0 6px;isolation:isolate}
body.shein .sHeroText{position:relative;z-index:2;padding:10px 20px 0;text-align:center;animation:sRise .7s cubic-bezier(.2,.8,.2,1) both}
body.shein .sKicker{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--s-slate)}
body.shein .sTitle{margin:0;font-family:var(--s-display);font-weight:900;font-size:clamp(27px,7.6vw,54px);line-height:1.18;letter-spacing:-.01em;color:var(--s-navy);text-wrap:balance}
body.shein .sLead{margin:10px auto 0;max-width:34ch;font-size:14.5px;line-height:1.75;color:var(--s-slate)}
body.shein .sHeroActions{margin-top:14px;display:flex;justify-content:center}
body.shein .sCta{border:0;border-radius:999px;min-height:52px;padding:0 30px;background:var(--s-cobalt);color:#fff;font:800 16px/1 var(--s-font);cursor:pointer;box-shadow:0 14px 30px rgba(31,71,224,.30);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
body.shein .sCta:active{transform:scale(.97);background:var(--s-cobalt-deep)}

body.shein .sStage{position:relative;height:clamp(290px,80vw,440px);margin-top:0;perspective:1100px;perspective-origin:50% 40%;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;animation:sRise .9s .12s cubic-bezier(.2,.8,.2,1) both}
body.shein .sStage.isDragging{cursor:grabbing}
body.shein .sDisc{position:absolute;left:50%;top:50%;width:min(122vw,640px);aspect-ratio:1;transform:translate(-50%,-42%);border-radius:50%;background:radial-gradient(circle at 50% 42%,#DCE6FB 0,#EAF0FC 38%,rgba(255,255,255,0) 66%);z-index:-1}
body.shein .sDisc::after{content:"";position:absolute;left:50%;bottom:30%;width:62%;height:9%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(10,26,58,.18),rgba(10,26,58,0) 70%)}
body.shein .sRing{position:absolute;left:50%;top:44%;width:0;height:0;transform-style:preserve-3d;will-change:transform}
body.shein .sItem{--face:1;position:absolute;width:clamp(118px,33vw,168px);aspect-ratio:3/4;margin-left:calc(clamp(118px,33vw,168px) / -2);margin-top:calc(clamp(118px,33vw,168px) * -.667);border:0;padding:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(10,26,58,.16);cursor:pointer;filter:saturate(calc(.6 + var(--face) * .4)) brightness(calc(.9 + var(--face) * .1));opacity:calc(.34 + (var(--face) + 1) * .33)}
body.shein .sItem img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;background:var(--s-mist)}
body.shein .sItem::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(10,26,58,.06);background:linear-gradient(160deg,rgba(255,255,255,.34) 0,rgba(255,255,255,0) 38%);pointer-events:none}
body.shein .sItemTag{position:absolute;right:8px;bottom:8px;z-index:1;background:rgba(255,255,255,.94);color:var(--s-navy);border-radius:999px;padding:5px 9px;font:800 12px/1 var(--s-latin);direction:ltr;box-shadow:0 4px 12px rgba(10,26,58,.12)}
body.shein .sItem.sGhost{display:grid;place-items:center;background:linear-gradient(155deg,#fff 0,#E6EDFB 100%);border:1px solid var(--s-line)}
body.shein .sItem.sGhost span{font:800 20px/1 var(--s-latin);letter-spacing:-.02em;color:var(--s-cobalt);opacity:.55}
body.shein .sStageHint{position:absolute;left:0;right:0;bottom:4px;margin:0;text-align:center;font-size:12px;color:var(--s-slate)}
body.shein .sStage.isEmpty .sStageHint{visibility:hidden}

@keyframes sRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(min-width:760px){
 body.shein{padding-bottom:0}
 body.shein .hero.sHero{grid-template-columns:1fr 1.1fr;align-items:center;max-width:1180px;margin:0 auto;padding:36px 24px 24px}
 body.shein .sHeroText{text-align:right;padding:0 12px}
 body.shein .sLead{margin-inline:0}
 body.shein .sHeroActions{justify-content:flex-start}
 body.shein .sStage{height:480px}
 body.shein .sCta:hover{box-shadow:0 18px 36px rgba(31,71,224,.36);transform:translateY(-1px)}
}

/* ---------- sections + categories ---------- */
body.shein .wrap{max-width:1180px}
body.shein .sectionTitle h2{font-family:var(--s-display);font-weight:800;font-size:22px;color:var(--s-navy);letter-spacing:0}
body.shein .sectionTitle span{color:var(--s-slate)!important;font-weight:600}
body.shein .sGridTitle{margin-top:26px!important}

body.shein .chip,body.shein .catsTop .chipAll,body.shein .catsSub .chip{background:#fff!important;border:1px solid var(--s-line)!important;color:var(--s-navy)!important;box-shadow:none!important;font-weight:700}
body.shein .chip.active,body.shein .catsTop .chipAll.active,body.shein .catsSub .chip.active{background:var(--s-cobalt)!important;border-color:var(--s-cobalt)!important;color:#fff!important;box-shadow:0 10px 22px rgba(31,71,224,.24)!important}
body.shein .chipSale::before{background:var(--s-navy)!important;color:#fff!important}
body.shein .chipSale.active::before{background:#fff!important;color:var(--s-cobalt)!important}
@media(hover:hover) and (pointer:fine){body.shein .chip:hover{border-color:var(--s-cobalt)!important;box-shadow:none!important}}

/* ---------- product cards ---------- */
body.shein .grid{gap:14px}
body.shein .card{--mx:50%;--my:30%;background:#fff!important;border:1px solid var(--s-ice)!important;border-radius:20px!important;box-shadow:none!important;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;will-change:transform}
body.shein .card.isTilt{transition:transform .08s linear,box-shadow .2s ease;box-shadow:0 22px 44px rgba(10,26,58,.14)!important;border-color:var(--s-line)!important}
body.shein .card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transition:opacity .25s ease;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.55),rgba(255,255,255,0) 45%)}
body.shein .card.isTilt::after{opacity:1}
body.shein .card:active{transform:none}
body.shein .card .pic{border-radius:19px 19px 0 0!important;background:var(--s-mist)!important}
body.shein .imageButton{background:linear-gradient(180deg,#F7F9FE,#EEF3FB)!important}
body.shein .pic::after,body.shein .card .pic::after{background:none!important}
body.shein .fav{background:rgba(255,255,255,.95)!important;color:var(--s-cobalt)!important;box-shadow:0 6px 16px rgba(10,26,58,.10)!important}
body.shein .stock{background:rgba(10,26,58,.80)!important;color:#fff!important}
body.shein .stock.stockAvailable{background:rgba(255,255,255,.95)!important;color:var(--s-cobalt)!important;border:1px solid var(--s-line)}
body.shein .stock.stockOut{background:var(--s-navy)!important}
body.shein .newBadge{background:var(--s-cobalt)!important;color:#fff!important;border-color:var(--s-cobalt)!important}
body.shein .offerBadge{background:#fff!important;color:var(--s-cobalt)!important;border:1.5px solid var(--s-cobalt)!important;box-shadow:0 6px 16px rgba(31,71,224,.16)!important}
body.shein .offerBadge small{color:var(--s-navy)!important}
body.shein .offerBadge.offerSoon{border-color:var(--s-line)!important;color:var(--s-slate)!important}
body.shein .cardInfo{padding:12px 12px 13px!important}
body.shein .model{color:var(--s-slate)!important;letter-spacing:.06em}
body.shein .name{color:var(--s-navy);font-weight:700}
body.shein .price{color:var(--s-navy);font-family:var(--s-latin);font-weight:800;font-variant-numeric:tabular-nums}
body.shein .price.salePrice{color:var(--s-cobalt)!important}
body.shein .price del,body.shein .salePrice del{color:#98A3B8!important}
body.shein .offerTimer,body.shein .reserveTimer{color:var(--s-slate)!important}
body.shein .offerTimer b{color:var(--s-cobalt)!important}
body.shein .card .add{background:var(--s-navy)!important;color:#fff!important;border:0!important;border-radius:14px!important;box-shadow:none!important;min-height:44px;transition:background .18s ease,transform .18s ease}
body.shein .card .add:not(:disabled):active{background:var(--s-cobalt)!important;transform:scale(.97)}
@media(hover:hover) and (pointer:fine){body.shein .card .add:not(:disabled):hover{background:var(--s-cobalt)!important}}
body.shein .add:disabled,body.shein .card .add.addOut{background:var(--s-mist)!important;color:#8994A9!important}
body.shein .instantPic{background:linear-gradient(110deg,#E8EEF9 45%,#F3F6FC 55%,#E8EEF9 65%)!important;background-size:200% 100%!important}

/* ---------- stock box, contact, footer ---------- */
body.shein .update{background:var(--s-mist)!important;border:1px solid var(--s-ice)!important;box-shadow:none!important;color:var(--s-navy)}
body.shein .update small,body.shein .update span{color:var(--s-slate)!important}
body.shein .contactBox{background:var(--s-navy)!important;border-radius:24px!important;box-shadow:none!important;position:relative;overflow:hidden}
body.shein .contactBox::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-90px;top:-150px;background:radial-gradient(circle,rgba(143,176,255,.28),rgba(143,176,255,0) 70%);pointer-events:none}
body.shein .contactAddress b{font-family:var(--s-latin);letter-spacing:-.03em}
body.shein .sContactBy{font-style:normal;color:var(--s-sky);font-size:13px;font-weight:700}
body.shein .hours b{color:var(--s-sky)!important}
body.shein .contactActions a.contactMaps{background:#fff!important;color:var(--s-navy)!important}
body.shein .sLegal{margin:14px auto 0;max-width:60ch;text-align:center;font-size:11px;line-height:1.8;color:#8A95AA}
body.shein .siteCopyright{text-align:center;padding:4px 14px 18px;color:#8A95AA;font-size:12px;line-height:1.8}

/* ---------- floating bottom bar ---------- */
body.shein .bottom.sNav{left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;height:66px!important;padding-bottom:0!important;border-radius:22px;background:rgba(10,26,58,.94)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(10,26,58,.28)!important}
body.shein .bottom .nav{color:#B8C4DC!important;font-weight:700}
body.shein .bottom .nav .headIcon,body.shein .bottom .nav .bagIcon{width:22px;height:22px}
body.shein .bottom .nav.active{color:#fff!important}
body.shein .bottom .nav.active span:first-child{color:var(--s-sky)}
body.shein .bottom .nav[data-action="openWhatsApp"],body.shein .bottom .nav[data-action="openWhatsApp"] span:first-child{color:#B8C4DC!important}
body.shein .nav.shop span:first-child{background:var(--s-cobalt)!important;color:#fff!important;box-shadow:0 10px 24px rgba(31,71,224,.5),0 0 0 5px #fff!important}
body.shein .toast{background:var(--s-navy)!important;color:#fff!important;bottom:92px}
@media(min-width:760px){body.shein .bottom.sNav{position:sticky!important;left:auto!important;right:auto!important;margin:28px auto 18px;max-width:520px}}

/* ---------- sheets: product, cart, checkout, account ---------- */
body.shein .overlay{background:rgba(10,26,58,.42)!important}
body.shein .sheet{color:var(--s-navy)}
body.shein .grab{background:var(--s-line)!important}
body.shein .sheetHead{background:rgba(255,255,255,.95)!important}
body.shein .close,body.shein .backHead{background:var(--s-mist)!important;border:1px solid var(--s-ice)!important;color:var(--s-navy)!important}
body.shein .primary,body.shein button[data-action="checkout"],body.shein button[data-action="reviewCheckout"]{background:var(--s-cobalt)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(31,71,224,.26)!important}
body.shein .primary:active{background:var(--s-cobalt-deep)!important}
body.shein .secondary{background:#fff!important;border:1px solid var(--s-line)!important;color:var(--s-navy)!important;box-shadow:none!important}
body.shein .opt{background:#fff!important;border:1px solid var(--s-line)!important;color:var(--s-navy)!important}
body.shein .opt.sel{background:var(--s-navy)!important;border-color:var(--s-navy)!important;color:#fff!important;box-shadow:0 8px 18px rgba(10,26,58,.18)!important}
body.shein .notice{background:var(--s-mist)!important;border:1px solid var(--s-ice)!important;color:var(--s-navy)}
body.shein .field label{color:var(--s-slate)}
body.shein .field input,body.shein .field select,body.shein .field textarea{border-color:var(--s-line)!important;color:var(--s-navy)}
body.shein .field input:focus,body.shein .field select:focus,body.shein .field textarea:focus{border-color:var(--s-cobalt)!important;box-shadow:0 0 0 3px rgba(31,71,224,.14)!important}
body.shein .choiceCard{background:#fff!important;border:1px solid var(--s-line)!important;color:var(--s-navy)!important;box-shadow:none!important}
body.shein .choiceCard:active{border-color:var(--s-cobalt)!important}
body.shein .checkMark,body.shein .orderSuccessCheck{background:var(--s-cobalt)!important;color:#fff!important;box-shadow:0 12px 28px rgba(31,71,224,.3)!important}
body.shein .stepProgress{background:var(--s-mist)!important;border-color:var(--s-ice)!important}
body.shein .stepProgress .stepN.current{background:var(--s-cobalt)!important;color:#fff!important}
body.shein .stepProgress .stepN.done,body.shein .stepProgress .line.done{background:var(--s-navy)!important}
body.shein .total{color:var(--s-navy);font-family:var(--s-latin)}
body.shein .cartItem{border-bottom-color:var(--s-ice)!important}
body.shein .removeBtn{background:#fff!important;color:#B42318!important;border:1px solid #F1C9C5!important}
body.shein .detailOffer{background:var(--s-mist)!important;color:var(--s-cobalt)!important;border-color:var(--s-line)!important}
body.shein .detailOffer span{background:var(--s-cobalt)!important}
body.shein .galleryImageBtn,body.shein .prodHero{background:var(--s-mist)!important}
body.shein .tapPhotoHint{color:var(--s-slate)}
body.shein .imageViewer{background:rgba(10,26,58,.97)!important}
body.shein .checkoutActionDock{border-color:var(--s-line)!important;box-shadow:0 -10px 34px rgba(10,26,58,.12)!important}
body.shein .checkoutDockHint{color:var(--s-slate)!important}
body.shein .orderCard{border-color:var(--s-ice)!important;box-shadow:none!important}
body.shein .statusPill,body.shein .orderMeta div{background:var(--s-mist)!important}
body.shein .step.done .stepDot,body.shein .step.current .stepDot{background:var(--s-cobalt)!important}
body.shein .menuWelcome{color:var(--s-slate)!important}
/* WhatsApp actions keep WhatsApp green so they stay instantly recognisable */

/* ---------- shared screens reused from X Brand ---------- */
body.shein .closedHoursBackdrop{background:radial-gradient(circle at 50% 0%,rgba(31,71,224,.12),transparent 42%),linear-gradient(180deg,#fff 0%,#F3F6FC 60%,#E9EFFA 100%)!important}
body.shein .closedHoursCard,body.shein .maintenanceCard{border-color:var(--s-line)!important}
body.shein .closedHoursScheduleItem{background:var(--s-mist)!important;border-color:var(--s-ice)!important}
body.shein .proRail,body.shein .proMini{--xb-accent:var(--s-cobalt)}
body.shein .proMiniPrice{color:var(--s-navy)!important}

@media(max-width:420px){
 body.shein .grid{gap:10px}
 body.shein .card{border-radius:18px!important}
 body.shein .card .pic{border-radius:17px 17px 0 0!important}
}
@media(prefers-reduced-motion:reduce){
 body.shein .sHeroText,body.shein .sStage{animation:none!important}
 body.shein .card,body.shein .sCta,body.shein .top{transition:none!important}
}

/* v5.146 demo items */
body.shein .sDemoTag{position:absolute;left:10px;bottom:10px;z-index:3;background:var(--s-navy);color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:0}
body.shein .sDemoCard .imageButton img{object-fit:cover!important;padding:0!important}