.shop-site{--shop-field:#ececea;--shop-well:#d8d6d2;--shop-ink:#1c1c1c;--shop-mute:#6e6e6a;--shop-quiet:#3a3a36;--shop-film:#2c2c2c;--shop-ribbon:#c8102e;--shop-round:1.75rem;--shop-pill:999px;background:var(--shop-field);min-height:100svh;color:var(--shop-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:"Avenir Next", Bahnschrift, var(--font-plex), var(--font-plex-arabic), ui-sans-serif, sans-serif;font-variant-numeric:tabular-nums;touch-action:manipulation}.shop-site a:focus-visible,.shop-site button:focus-visible,.shop-site input:focus-visible,.shop-site select:focus-visible,.shop-site textarea:focus-visible{outline:2px solid var(--shop-ink);outline-offset:3px}.shop-shell{width:min(72rem,100% - 2rem);margin-inline:auto}.shop-rail{background:var(--shop-well);border-radius:var(--shop-pill);gap:.15rem;width:fit-content;padding:.2rem;display:flex}.shop-rail a,.shop-rail button{border-radius:var(--shop-pill);min-height:2.25rem;color:var(--shop-mute);font:inherit;background:0 0;border:0;align-items:center;padding-inline:.85rem;font-size:.875rem;display:inline-flex}.shop-rail [data-active=true],.shop-rail [aria-current=page]{background:var(--shop-ink);color:var(--shop-field)}.shop-photo{cursor:zoom-in;border-radius:var(--shop-round);background:var(--shop-well);border:0;padding:0;overflow:hidden}.shop-photo img{width:100%;height:auto;display:block}.shop-dialog{border-radius:var(--shop-round);background:var(--shop-field);width:min(52rem,100% - 1.5rem);max-height:min(92svh,52rem);color:var(--shop-ink);overscroll-behavior:contain;border:0;padding:0}.shop-dialog::backdrop{background:#1c1c1c7a}.shop-pack{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;width:100%;max-width:26rem;display:grid}.shop-pack label{background:var(--shop-well);min-width:0;min-height:4.6rem;color:var(--shop-mute);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;padding:.55rem .2rem .5rem;display:flex;position:relative;overflow:hidden}.shop-pack input{opacity:0;margin:0;position:absolute;inset:0}.shop-pack label>span:last-child{text-align:center;flex-direction:column;align-items:center;gap:.05rem;line-height:1.15;display:flex}.shop-pack strong{font-size:1.05rem;font-style:normal;font-weight:600}.shop-pack em{white-space:nowrap;font-size:.68rem;font-style:normal}.shop-label{color:var(--shop-mute);margin-bottom:.5rem;font-size:.875rem;display:block}.shop-label[data-req]:after{content:"*";color:var(--shop-ribbon);margin-inline-start:.22rem;font-weight:700}.shop-place{position:relative}.shop-place-btn{background:var(--shop-well);width:100%;min-height:2.75rem;color:var(--shop-ink);font:inherit;text-align:start;cursor:pointer;border:0;border-radius:1.15rem;justify-content:space-between;align-items:center;gap:.75rem;padding-inline:1rem;display:flex}.shop-place-btn:hover{color:var(--shop-ink)}.shop-place-btn svg{color:var(--shop-mute);flex-shrink:0}.shop-place-btn[aria-invalid=true]{outline:2px solid var(--shop-ribbon);outline-offset:2px}.shop-place-btn[data-empty=true]>span{color:var(--shop-mute)}.shop-pay-only[data-off=true]{opacity:.72}.shop-slip{background:var(--shop-well);border-radius:1.25rem;justify-items:start;gap:.35rem;min-width:0;padding:1.1rem 1.15rem 1rem;display:grid}.shop-slip-amount{letter-spacing:-.03em;font-size:1.65rem;font-weight:600;line-height:1.1}.shop-slip-number{letter-spacing:.04em;overflow-wrap:anywhere;font-size:1.35rem;font-weight:600;line-height:1.2}.shop-slip-number:before{content:"";background:var(--shop-ribbon);vertical-align:.08em;border-radius:50%;width:.55rem;height:.55rem;margin-inline-end:.45rem;display:inline-block}.shop-copy{min-height:2.75rem;color:var(--shop-ink);font:inherit;text-underline-offset:.28em;cursor:pointer;background:0 0;border:0;align-items:center;padding-inline:.15rem;font-size:.875rem;font-weight:600;text-decoration:underline;display:inline-flex}.shop-copy:hover{color:var(--shop-film)}.shop-logo{align-items:center;gap:.55rem;display:flex}.shop-logo svg{width:2rem;height:2rem}.shop-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:0;padding:0 0 .2rem;list-style:none;display:grid}.shop-progress li{min-width:0;color:var(--shop-quiet);align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.shop-progress li span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-progress li:after{content:"";background:var(--shop-well);flex:1;height:2px}.shop-progress li:last-child:after{display:none}.shop-progress-dot{background:var(--shop-well);border-radius:50%;flex-shrink:0;width:.65rem;height:.65rem}.shop-progress li[data-state=done] .shop-progress-dot,.shop-progress li[data-state=current] .shop-progress-dot,.shop-progress li[data-state=done]:after{background:var(--shop-ink)}.shop-progress li[data-state=current]{color:var(--shop-ink);font-weight:600}.shop-stage{direction:ltr;align-items:start;gap:1.25rem;display:grid}.shop-stage-photo,.shop-stage-copy{min-width:0}.shop-stage-copy{text-align:start}html[dir=rtl] .shop-stage-copy{direction:rtl}.shop-cert{max-width:40rem;color:var(--shop-quiet);align-items:flex-start;gap:.45rem;margin-top:.75rem;font-size:.875rem;display:flex}@media (min-width:64rem){.shop-stage{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:2.75rem}.shop-stage-photo{position:sticky;top:1rem}.shop-stage-copy .shop-pack{max-width:none}}.shop-methods-set{border:0;min-width:0;margin:0;padding:0}.shop-methods{grid-template-columns:1fr;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:36rem){.shop-methods{grid-template-columns:1fr 1fr}}.shop-method{background:var(--shop-well);min-height:4.4rem;color:var(--shop-ink);border-radius:1.15rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin:0;padding:.75rem .9rem;display:grid;position:relative}.shop-method[data-live=true]{background:var(--shop-ink);color:var(--shop-field);grid-column:1/-1}.shop-method[aria-disabled=true]{cursor:not-allowed}.shop-method strong{font-weight:600;display:block}.shop-method-state{color:var(--shop-quiet);margin-top:.15rem;font-size:.8125rem;display:block}.shop-method[data-live=true] .shop-method-state{color:var(--shop-field)}.shop-mark{background:#fff;border-radius:.7rem;place-items:center;width:2.75rem;height:2.75rem;display:grid;overflow:hidden}.shop-mark[data-wide=true]{width:5.4rem;height:2.85rem}.shop-mark[data-pay=instapay]{background:#2a1248}.shop-mark img,.shop-mark svg{object-fit:contain;width:86%;height:86%;display:block}.shop-amount{background:var(--shop-ink);color:var(--shop-field);border-radius:1.25rem;padding:1.15rem 1.2rem 1.2rem}.shop-amount-label{font-size:.875rem}.shop-amount-figure{letter-spacing:-.03em;margin-top:.2rem;font-size:clamp(2rem,4vw,2.7rem);font-weight:600;line-height:1}.shop-amount-note{margin-top:.45rem;font-size:.875rem}.shop-wallet-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1rem;display:flex}.shop-wallet-number{letter-spacing:.04em;overflow-wrap:anywhere;margin:0;font-size:1.35rem;font-weight:600;line-height:1.2}.shop-wallet-number:before{content:"";background:var(--shop-ribbon);vertical-align:.08em;border-radius:50%;width:.55rem;height:.55rem;margin-inline-end:.45rem;display:inline-block}.shop-place-list{z-index:30;background:var(--shop-field);overscroll-behavior:contain;border-radius:1.15rem;max-height:18rem;margin:0;padding:.4rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #1c1c1c29}.shop-place-zone{color:var(--shop-mute);margin:.35rem .55rem .2rem;font-size:.75rem;font-weight:600}.shop-place-opt{width:100%;color:var(--shop-ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.85rem;padding:.5rem .7rem;display:block}.shop-place-opt:hover,.shop-place-opt[aria-selected=true]{background:var(--shop-well)}.shop-ribbon{z-index:1;top:.5rem;background:var(--shop-ribbon);color:#fff8f2;letter-spacing:.03em;text-align:center;pointer-events:none;width:4.9rem;padding:.16rem 0 .15rem;font-size:.58rem;font-weight:700;line-height:1.1;position:absolute;inset-inline-end:-1.3rem;transform:rotate(45deg);box-shadow:0 1px 2px #1c1c1c38}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .shop-ribbon{transform:rotate(-45deg)}.shop-pack label:has(input:checked)>span:last-child{color:var(--shop-field)}.shop-pack label:has(input:checked){background:var(--shop-ink)}.shop-pack label:has(:focus-visible){outline:2px solid var(--shop-ink);outline-offset:3px}.shop-bill{margin:0}.shop-bill>div{justify-content:space-between;gap:1rem;padding-block:.5rem;font-size:.95rem;display:flex}.shop-bill dt{min-width:0;color:var(--shop-mute)}.shop-bill dd{font-variant-numeric:tabular-nums;text-align:end;margin:0;font-weight:500}.shop-bill [data-free=true] dd{color:var(--shop-ribbon);font-weight:700}.shop-bill-total{border-top:1px solid var(--shop-well);margin-top:.15rem;padding-top:.7rem;font-size:1.05rem;font-weight:600}.shop-bill-total dt,.shop-bill-total dd{color:var(--shop-ink)}.shop-boast{color:var(--shop-ink);margin-top:.7rem;font-size:.92rem;font-weight:600}.shop-field{border-radius:var(--shop-pill);background:var(--shop-well);width:100%;min-height:2.75rem;color:var(--shop-ink);font:inherit;border:0;padding-inline:1rem}.shop-go{border-radius:var(--shop-pill);background:var(--shop-ink);width:100%;min-height:2.85rem;color:var(--shop-field);font:inherit;border:0;justify-content:center;align-items:center;padding-inline:1.25rem;font-weight:600;display:inline-flex}.shop-go:hover{background:var(--shop-film)}.shop-go:disabled{cursor:not-allowed;opacity:.55}.shop-area{resize:vertical;border-radius:1.25rem;min-height:6.5rem;padding-block:.85rem}.shop-pay{border:0;min-width:0;margin:0;padding:0}.shop-pay label{background:var(--shop-well);cursor:pointer;border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem .9rem;padding:1rem 1.1rem;display:grid}.shop-pay label+label{margin-top:.5rem}.shop-pay label:has(input:checked){box-shadow:inset .22rem 0 0 var(--shop-ink);background:color-mix(in srgb, var(--shop-well) 72%, var(--shop-field))}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .shop-pay label:has(input:checked){box-shadow:inset -.22rem 0 0 var(--shop-ink)}.shop-pay label:has(:focus-visible){outline:2px solid var(--shop-ink);outline-offset:3px}.shop-marks{flex-wrap:wrap;align-items:center;gap:.55rem .9rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.shop-marks li{color:var(--shop-ink);align-items:center;gap:.28rem;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}.shop-marks [data-mark=visa]{letter-spacing:-.04em;font-style:italic;font-weight:800}.shop-marks [data-mark=mc]{font-weight:700}.shop-marks [data-mark=meeza]{letter-spacing:.04em;font-weight:500}.shop-marks [data-mark=vodafone],.shop-marks [data-mark=orange],.shop-marks [data-mark=eand]{font-weight:500}.shop-marks [data-mark=fawry]{font-weight:800}.shop-marks [data-mark=valu]{font-weight:700}.shop-marks svg{flex-shrink:0;display:block}.shop-pay label[data-off=true]{cursor:not-allowed;opacity:.48}.shop-pay input{accent-color:var(--shop-ink);margin-top:.3rem}.shop-pay strong{font-weight:600;display:block}.shop-pay label>span>span{color:var(--shop-mute);margin-top:.2rem;font-size:.875rem;display:block}.shop-pay .shop-marks{pointer-events:none}:is(.shop-rail a:hover,.shop-rail button:hover,.shop-pack label:hover:not(:has(input:checked))){color:var(--shop-ink)}@media (prefers-reduced-motion:reduce){.shop-site *{transition:none!important}}