html:has(.jst),html:has(.jst) body,html:has(.jst) .page-wrapper{height:auto!important;overflow:visible!important}html:has(.jst),html:has(.jst) body{background:#050b1a}.jst{--ink:#050B1A;--navy-900:#0A1630;--navy-800:#0E1D3D;--navy-700:#13284F;--line:rgba(142,163,199,.16);--blue-500:#1F6BFF;--blue-600:#1656D6;--cyan-400:#2EE6FF;--ice-100:#E8F3FF;--steel-400:#8EA3C7;--wa:#25D366;--wa-ink:#06301A;--r-lg:20px;--r-md:14px;--pad:clamp(18px,4.5vw,40px);--ease:cubic-bezier(.16,1,.3,1);--f-head:"JSL Cairo","Cairo",system-ui,sans-serif;--f-body:"JSL Plex","IBM Plex Sans Arabic",system-ui,sans-serif;position:relative;min-height:100svh;background:var(--ink);color:var(--ice-100);font-family:var(--f-body);font-size:17px;line-height:1.7;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;overflow-x:clip;isolation:isolate}.jst:before{content:"";position:absolute;inset:0 0 auto;height:min(720px,90svh);z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 50% 12%,rgba(46,230,255,.16),transparent 70%),radial-gradient(80% 70% at 50% 0,rgba(31,107,255,.22),transparent 72%)}.jst *,.jst *:before,.jst *:after{box-sizing:border-box}.jst ::selection{background:#2ee6ff52;color:#fff}.jst :where(h1,h2,h3,p,ol,dl,dd){margin:0}.jst :where(ol){padding:0;list-style:none}.jst img{display:block;max-width:100%;height:auto}.jst svg{flex:none}.jst .num{font-family:var(--f-head);direction:ltr;unicode-bidi:isolate;display:inline-block;font-variant-numeric:tabular-nums}.jst a{color:inherit}.jst a:focus-visible{outline:3px solid var(--cyan-400);outline-offset:3px;border-radius:12px}.jst h1,.jst h2,.jst h3{font-family:var(--f-head);color:#fff;line-height:1.25;letter-spacing:0;text-wrap:balance}.jst-bar{position:relative;z-index:3;overflow:hidden;direction:ltr;background:linear-gradient(90deg,#0a1630,#13284f,#0a1630);border-bottom:1px solid rgba(46,230,255,.28);box-shadow:inset 0 1px #ffffff0d,0 8px 24px -14px #1f6bffb3;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.jst-bar__track{display:flex;width:max-content;animation:jst-marquee 42s linear infinite;will-change:transform}.jst-bar__set{display:flex;align-items:center;flex:none}.jst-bar__set span{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;white-space:nowrap;direction:rtl;font:800 14.5px/1 var(--f-head);color:var(--ice-100)}.jst-bar__set em{font-style:normal;color:var(--cyan-400);text-shadow:0 0 14px rgba(46,230,255,.55)}.jst-bar__set svg{width:15px;height:15px;color:var(--cyan-400);filter:drop-shadow(0 0 6px rgba(46,230,255,.75))}@keyframes jst-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(max-width:749px){.jst-bar__set span{font-size:13.5px;padding:10px 16px}.jst-bar__track{animation-duration:34s}}.jst-main{max-width:1120px;margin-inline:auto;padding:clamp(34px,6vw,72px) var(--pad) calc(110px + env(safe-area-inset-bottom))}.jst-grid{display:grid;gap:clamp(28px,4vw,44px)}.jst-col{display:grid;gap:clamp(28px,4vw,40px);align-content:start}@media(min-width:990px){.jst-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start}.jst-sum{position:sticky;top:28px}}.jst-hero{display:grid;justify-items:start;gap:16px}.jst-badge{position:relative;width:92px;height:92px;margin-bottom:6px}.jst-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 #2ee6ff73}.jst-badge svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 26px rgba(46,230,255,.35))}.jst-badge .ring{fill:#2ee6ff14;stroke:var(--cyan-400);stroke-width:4;stroke-dasharray:277;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%}.jst-badge .tick{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:0}.jst-h1{font-size:clamp(31px,6.8vw,54px);font-weight:800;max-width:17ch}.jst-h1 em{font-style:normal;color:var(--cyan-400)}.jst-sub{color:#c9d7ee;font-size:clamp(16px,2.2vw,19px);max-width:46ch}.jst-no{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:var(--navy-800);border:1px solid var(--line);font-size:15px;font-weight:600;color:var(--steel-400)}.jst-no b{color:#fff;font-size:17px;letter-spacing:.02em}.jst-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 28px;border-radius:999px;font:800 18px/1 var(--f-head);text-decoration:none;transition:transform .18s var(--ease),background-color .18s ease,box-shadow .18s ease}.jst-btn svg{width:24px;height:24px}.jst-btn--wa{background:var(--wa);color:var(--wa-ink);box-shadow:0 14px 30px -14px #25d366d9,inset 0 1px #ffffff40}.jst-btn--wa svg{color:#fff}.jst-btn--wa:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 18px 34px -14px #25d366e6,inset 0 1px #ffffff40}.jst-btn--wa:active{transform:scale(.98)}.jst .jst-btn:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:999px}.jst-wa{display:grid;gap:16px;padding:clamp(20px,3.4vw,28px);border-radius:var(--r-lg);background:linear-gradient(160deg,#25d36624,#25d36608 55%),var(--navy-900);border:1px solid rgba(37,211,102,.32)}.jst-wa h2{font-size:clamp(21px,3.2vw,26px)}.jst-wa p{margin-top:4px;color:#b9cbe6;font-size:16px;max-width:48ch}.jst-tel{display:inline-flex;align-items:center;gap:8px;justify-self:start;font-size:15px;color:var(--steel-400);text-decoration:none}.jst-tel svg{width:18px;height:18px;color:var(--steel-400)}.jst-tel .num{color:var(--ice-100);font-size:16px;border-bottom:1px solid var(--line);padding-bottom:1px;transition:border-color .15s ease,color .15s ease}.jst-tel:hover .num{color:#fff;border-color:var(--cyan-400)}@media(max-width:749px){.jst-wa .jst-btn{width:100%}}@media(min-width:750px){.jst-wa{grid-template-columns:1fr auto;align-items:center;column-gap:24px}.jst-wa .jst-tel{grid-column:1/-1}}.jst-next h2{font-size:clamp(22px,3.4vw,28px);margin-bottom:20px}.jst-steps{position:relative;display:grid;gap:22px}.jst-steps:before{content:"";position:absolute;top:26px;bottom:26px;inset-inline-start:23px;width:2px;background:linear-gradient(to bottom,var(--cyan-400),rgba(46,230,255,.12) 45%,var(--line))}.jst-steps li{position:relative;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}.jst-steps__i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--navy-800);border:1px solid var(--line);color:var(--steel-400)}.jst-steps__i svg{width:22px;height:22px}.jst-steps li.is-now .jst-steps__i{background:var(--cyan-400);border-color:var(--cyan-400);color:var(--ink);box-shadow:0 8px 22px -8px #2ee6ffcc}.jst-steps li.is-now .jst-steps__i:after{content:"";position:absolute;inset-inline-start:0;top:0;width:48px;height:48px;border-radius:50%;border:2px solid var(--cyan-400);animation:jst-ping 2.4s var(--ease) infinite}.jst-steps h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:19px;padding-top:9px}.jst-steps h3 small{font:700 12.5px/1 var(--f-head);color:var(--ink);background:var(--cyan-400);padding:5px 9px;border-radius:999px}.jst-steps p{margin-top:2px;color:var(--steel-400);font-size:15.5px}@keyframes jst-ping{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(1.55);opacity:0}}.jst-sum{border-radius:var(--r-lg);overflow:hidden;background:var(--navy-900);border:1px solid var(--line)}.jst-sum__img{aspect-ratio:4/3;background:#0d1b38;overflow:hidden}.jst-sum__img img{width:100%;height:100%;object-fit:cover}@media(max-width:989px){.jst-sum__img{aspect-ratio:16/10}.jst-sum{max-width:560px}}.jst-sum__b{padding:22px 22px 24px}.jst-sum h2{font-size:15px;font-weight:700;color:var(--steel-400);font-family:var(--f-body)}.jst-sum__p{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px;font:800 19px/1.4 var(--f-head);color:#fff}.jst-qty{font-size:15px;color:var(--steel-400);white-space:nowrap}.jst-rows{display:grid;margin-top:16px;border-top:1px solid var(--line)}.jst-rows div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:15.5px}.jst-rows dt{display:inline-flex;align-items:center;gap:10px;color:var(--steel-400)}.jst-rows dt svg{width:20px;height:20px;color:var(--cyan-400)}.jst-rows dd{font-weight:600;color:var(--ice-100)}.jst-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-weight:600}.jst-total b{font-family:var(--f-head);font-size:30px;color:#fff;line-height:1;white-space:nowrap}.jst-total small{font-size:15px;color:var(--steel-400);font-weight:700}.jst-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:clamp(30px,5vw,48px);padding-top:22px;border-top:1px solid var(--line)}.jst-links a{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15.5px;color:var(--ice-100);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .15s ease,border-color .15s ease}.jst-links a svg{width:18px;height:18px;transform:scaleX(-1);color:var(--cyan-400)}.jst-links a:hover{color:#fff;border-color:var(--cyan-400)}.jst [hidden]{display:none!important}.jst-fab{position:fixed;left:18px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:61;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border-radius:999px;background:var(--wa);color:var(--wa-ink);text-decoration:none;font:800 16px/1 var(--f-head);box-shadow:0 12px 28px -10px #0009,0 4px 12px -4px #25d36680;transition:transform .15s var(--ease),background-color .15s ease}.jst-fab svg{width:28px;height:28px;color:#fff}.jst-fab:hover{background:#20bd5a;transform:translateY(-2px)}.jst .jst-fab:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:999px}@media(max-width:989px){.jst-fab{width:54px;height:54px;padding:0;justify-content:center;left:14px;bottom:calc(16px + env(safe-area-inset-bottom))}.jst-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(prefers-reduced-motion:no-preference){.jst .ring{animation:jst-ring 1s var(--ease) .1s both}.jst .tick{animation:jst-tick .55s var(--ease) .75s both}.jst-badge:after{animation:jst-pulse 1.4s var(--ease) 1.1s both}.jst-hero>*:not(.jst-badge),.jst-wa,.jst-next,.jst-sum,.jst-links{animation:jst-rise .8s var(--ease) both}.jst-h1{animation-delay:.35s!important}.jst-sub{animation-delay:.45s!important}.jst-no{animation-delay:.55s!important}.jst-wa{animation-delay:.7s!important}.jst-sum{animation-delay:.8s!important}.jst-next{animation-delay:.9s!important}.jst-links{animation-delay:1s!important}}@keyframes jst-ring{0%{stroke-dashoffset:277;opacity:.2}to{stroke-dashoffset:0;opacity:1}}@keyframes jst-tick{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}@keyframes jst-pulse{0%{box-shadow:0 0 #2ee6ff80}to{box-shadow:0 0 0 26px #2ee6ff00}}@keyframes jst-rise{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.jst-bar__track{animation-duration:160s}.jst-steps li.is-now .jst-steps__i:after{animation:none;display:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/jsl-thanks.css.map */