@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/outfit-latin-ext-wght-normal.3tnx94v3g9ied.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/outfit-latin-wght-normal.3l9rzm26h_u0r.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-arabic-arabic-wght-normal.30bz475acv3ru.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-arabic-math-wght-normal.1kps9ioq54kfm.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-arabic-symbols-wght-normal.15hazy3k7ha-e.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-arabic-latin-ext-wght-normal.1wejmzvtqxj55.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/noto-sans-arabic-latin-wght-normal.1cdblfv-mupc1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--hp-surface:#e9e0fa;--hp-surface-raised:#fcfbf8;--hp-content:#2e1065;--hp-content-muted:#5f4a8c;--hp-action:#b4e33d;--hp-action-pressed:#9ec836;--hp-on-action:#2e1065;--hp-reading:#0b0616;--hp-warn:#e8a33d;--hp-success:#1b6b3e;--hp-hairline:#e4e1e9;--hp-focus-ring:#2e1065;--hp-disabled-content:#2e106561;--hp-font:"Outfit Variable", "Noto Sans Arabic Variable", system-ui, sans-serif;--hp-radius:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hp-surface:#0b0616;--hp-surface-raised:#190a3e;--hp-content:#fcfbf8;--hp-content-muted:#a292c4;--hp-hairline:#a292c43d;--hp-focus-ring:#b4e33d;--hp-disabled-content:#ffffff61}}:root[data-theme=dark]{--hp-surface:#0b0616;--hp-surface-raised:#190a3e;--hp-content:#fcfbf8;--hp-content-muted:#a292c4;--hp-hairline:#a292c43d;--hp-focus-ring:#b4e33d;--hp-disabled-content:#ffffff61}*,:before,:after{box-sizing:border-box}html,body{background:var(--hp-surface);color:var(--hp-content);font-family:var(--hp-font);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--hp-focus-ring);outline-offset:2px}.hp-card{background:var(--hp-surface-raised);border:1px solid var(--hp-hairline);border-radius:var(--hp-radius);padding:24px}.hp-button{appearance:none;border-radius:var(--hp-radius);font:inherit;cursor:pointer;border:0;padding:14px 20px;font-weight:500}.hp-button--action{background:var(--hp-action);color:var(--hp-on-action)}.hp-button--action:active{background:var(--hp-action-pressed)}.hp-button--quiet{color:var(--hp-content);border:1px solid var(--hp-hairline);background:0 0}.hp-button:disabled{color:var(--hp-disabled-content);cursor:not-allowed}
:root{--cx-primary:#121212;--cx-on-primary:#fff;--cx-sheet:#fff;--cx-ink:#111;--cx-muted:#6b6b6b;--cx-line:#e6e6e6;--cx-chip:#f3f3f3;--cx-qty:#eef5e0;--cx-radius:24px;--cx-pill:999px;--cx-max:480px}body{background:var(--cx-ink);color:var(--cx-ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{max-width:var(--cx-max);background:var(--cx-sheet);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.cover{background:linear-gradient(160deg,#2e1065,#4c1d95 60%,#e9e0fa);position:relative;overflow:visible}.cover--tall{height:min(62dvh,560px)}.cover--short{height:150px}.cover__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.logo-card{z-index:2;background:#fff;border-radius:22px;place-items:center;width:112px;height:112px;display:grid;position:absolute;bottom:-56px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #00000024}.cover--short .logo-card{border-radius:16px;width:72px;height:72px;bottom:-36px}.logo-card:has(img){background:0 0}.logo-card img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.logo-card__name{text-align:center;padding:8px;font-size:15px;font-weight:500;line-height:1.2}.sheet{background:var(--cx-sheet);border-radius:var(--cx-radius) var(--cx-radius) 0 0;flex-direction:column;flex:1;gap:16px;margin-top:-24px;padding:112px 20px 20px;font-size:15px;display:flex;position:relative}.sheet--bill{padding-top:72px;padding-bottom:96px}.sheet--plain{justify-content:center;margin-top:0;padding-top:24px}.sheet__spacer{flex:1;min-height:24px}.pill{border-radius:var(--cx-pill);width:100%;min-height:48px;font:inherit;cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.pill--primary{background:var(--cx-primary);color:var(--cx-on-primary)}.pill--outline{color:var(--cx-ink);border-color:var(--cx-line);background:0 0}.pill--small{width:auto;min-height:36px;padding:0 16px;font-size:13px}.pill:disabled,.pill[aria-disabled=true]{opacity:.55;cursor:not-allowed}.pill__dot{color:#ffffff80}.pill .money__cur{color:#fff9}.pill--outline .money__cur{color:var(--cx-muted)}.money{white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.money__cur{color:var(--cx-muted);letter-spacing:.02em;font-size:.78em}.money__amt{font-weight:500}.money--lg .money__amt{font-size:18px}.pay-state{gap:12px;display:grid}.hint{color:var(--cx-muted);text-align:center;margin:0;font-size:13px}.hint--left{text-align:start}.notice{border:1px solid var(--cx-line);border-radius:16px;gap:8px;padding:20px;display:grid}.notice h1,.notice h2{margin:0;font-size:17px;font-weight:500}.notice p{color:var(--cx-muted);margin:0}.notice__actions{gap:10px;margin-top:8px;display:grid}.skeleton{gap:14px;display:grid}.skeleton__row{background:linear-gradient(90deg,#f0f0f0,#fafafa,#f0f0f0) 0 0/200% 100%;border-radius:8px;height:20px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.foot{justify-items:center;gap:12px;padding-top:8px;display:grid}.foot__chips{gap:12px;display:flex}.chip{border:1px solid var(--cx-line);border-radius:var(--cx-pill);min-height:38px;color:var(--cx-ink);align-items:center;gap:8px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.chip--brand{color:#2e1065;font-weight:600}.foot__terms{color:var(--cx-muted);text-align:center;margin:0;font-size:12px}.foot__terms a,.sheet a:not(.pill):not(.chip){color:#2e1065}.bill-top{border-bottom:1px solid var(--cx-line);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.bill-top__table{font-size:16px}.lines{gap:14px;margin:0;padding:4px 0;list-style:none;display:grid}.lines--totals{border-top:1px solid var(--cx-line);border-bottom:1px solid var(--cx-line);padding:14px 0}.line{grid-template-columns:32px 1fr auto;align-items:center;gap:12px;font-size:15px;display:grid}.line__name{align-items:center;gap:10px;display:inline-flex}.line--bodyMedium{font-weight:500}.line--title{font-size:17px;font-weight:600}.line--low{color:var(--cx-muted)}.line--high{color:var(--cx-ink)}.line__amount{align-items:baseline;gap:2px;display:inline-flex}.icon-chip--empty{background:0 0}.qty,.icon-chip{border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.qty{background:var(--cx-qty)}.icon-chip{background:var(--cx-chip);color:var(--cx-muted)}.info{color:var(--cx-muted);place-items:center;display:inline-grid}.payable,.tip,.youpay,.methods{gap:10px;padding:8px 0;display:grid}.payable__row{justify-content:space-between;align-items:baseline;display:flex}.payable h2,.tip h2,.youpay h2,.methods h2{margin:0;font-size:18px;font-weight:500}.payable__actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.tag{border-radius:var(--cx-pill);background:var(--cx-chip);color:var(--cx-muted);padding:2px 8px;font-size:11px}.tip{border-top:1px solid var(--cx-line);padding-top:20px}.tip__amount{align-items:center;gap:12px;font-size:16px;display:flex}.tip__face{background:#fff3cc;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.tip__options{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:4px;display:grid}.tip__option{border:1.5px solid var(--cx-line);min-height:56px;font:inherit;color:var(--cx-ink);cursor:pointer;background:#fff;border-radius:12px;font-size:15px;position:relative}.tip__option.is-selected{border-color:var(--cx-ink);background:var(--cx-chip)}.tip__badge{background:var(--cx-primary);color:var(--cx-on-primary);white-space:nowrap;border-radius:8px;padding:4px 8px;font-size:10px;line-height:1.1;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.textlink{font:inherit;color:var(--cx-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin-top:18px;padding:0;font-size:15px;display:inline-flex}.field{color:var(--cx-muted);gap:6px;font-size:14px;display:grid}.field input{font:inherit;border:1px solid var(--cx-line);color:var(--cx-ink);background:#fff;border-radius:12px;padding:12px 14px;font-size:15px}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.youpay{border-top:1px solid var(--cx-line);padding-top:20px}.method{border:1.5px solid var(--cx-line);border-radius:14px;align-items:center;gap:14px;min-height:56px;padding:0 16px;font-size:15px;display:flex}.method.is-selected{border-color:var(--cx-ink)}.method--disabled{color:var(--cx-muted)}.method__name{flex:none}.method__text{gap:2px;display:grid}.method__hint{color:var(--cx-muted);font-size:12px}.method__logo{object-fit:contain;width:32px;height:32px}.result__facts{grid-template-columns:auto 1fr;gap:6px 16px;margin-top:4px;font-size:14px;display:grid}.result__facts dt{color:var(--cx-muted)}.result__facts dd{text-align:end;margin:0;font-weight:500}.method__brand{place-items:center;margin-inline-start:auto;font-size:13px;font-weight:600;display:inline-grid}.radio{background:var(--cx-chip);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.radio--on{background:var(--cx-primary)}.card-form{border:1px solid var(--cx-line);border-radius:14px;gap:12px;padding:16px;display:grid}.card-form h3{align-items:center;gap:8px;margin:0;font-size:15px;font-weight:500;display:inline-flex}.secure{color:var(--cx-muted);align-items:center;gap:10px;margin:4px 0 0;font-size:14px;display:inline-flex}.secure svg{color:#1b6b3e}.status{color:#5b4300;background:#fff3cc;border-radius:10px;margin:0;padding:12px 14px;font-size:14px}.paybar{width:100%;max-width:var(--cx-max);padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:5;background:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #0000000f}.paybar .pill{min-height:52px;font-size:16px}.paybar .money__cur{color:#fff9}.payable,.tip,.youpay,.methods,.card-form,.notice,.skeleton,.pay-state,.field{grid-template-columns:minmax(0,1fr);min-width:0}.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.field input{width:100%;min-width:0}.method{min-width:0}.method__name{flex:0 auto;min-width:0}.cover--short .logo-card__name{font-size:12px}
