@font-face{font-family:"Readex Pro";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/readex-400.ttf") format("truetype")}
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/readex-500.ttf") format("truetype")}
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/readex-600.ttf") format("truetype")}
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/readex-700.ttf") format("truetype")}
:root{--ink:#183237;--muted:#6c7d81;--green:#106b60;--line:#dce5e5;--bg:#f5f8f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Readex Pro',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}header{height:100px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100% - 1240px)/2));gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400}.mark{width:48px;height:48px;display:grid;place-items:center;background:var(--green);color:white;border-radius:14px}nav{display:flex;gap:28px;font-size:14px}main{max-width:1240px;margin:0 auto;padding:48px 24px 72px;min-height:70vh}h1{font-size:34px;line-height:1.4;margin:10px 0 12px}h2{font-size:22px;margin:0}h3{font-size:19px;line-height:1.6;margin:18px 0 12px}p{margin:0 0 16px}.muted,.page-heading p{color:var(--muted)}.eyebrow{font-size:13px;color:var(--green);font-weight:600;display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px;gap:24px}.pill{border:1px solid var(--line);background:#fff;border-radius:40px;padding:10px 18px;font-size:14px;white-space:nowrap}.category{margin:0 0 42px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading>span{color:#acbabe;font-size:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.product:hover{border-color:#91bab4;box-shadow:0 8px 30px #193e3910}.product-top,.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.code{font-family:Arial,sans-serif;letter-spacing:1px;font-size:12px;color:var(--muted);display:block;direction:ltr}.duration{font-size:12px;background:#f1f5f5;border-radius:6px;padding:5px 10px;color:var(--muted)}.product p{font-size:14px;color:var(--muted);flex:1;margin-bottom:32px}.price{font-size:25px;font-weight:600;white-space:nowrap}.price small{font-size:13px;font-weight:400;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:white;border:1px solid var(--green);border-radius:10px;padding:12px 22px;font:500 14px 'Readex Pro',Tahoma,sans-serif;cursor:pointer;line-height:1.6}.button:hover{filter:brightness(.94)}.button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#fff;color:var(--green);border-color:var(--line)}.full{width:100%;font-size:17px;margin-top:20px;padding:17px}.back{display:block;font-size:14px;color:var(--muted);margin:0 0 25px}.checkout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;max-width:1080px;margin:auto;align-items:start}.payment-card,.summary{padding:36px;background:#fff;border:1px solid var(--line);border-radius:22px}.payment-card h1{font-size:28px}.payment-card label{display:block;font-size:14px;font-weight:500;margin:22px 0}.payment-card label small{color:var(--muted);font-weight:400}input,select{font:inherit;color:inherit;padding:13px 16px;border:1px solid var(--line);border-radius:10px;width:100%;margin-top:8px;background:#fff;min-width:0}input:focus,select:focus{outline:2px solid #106b6040;border-color:var(--green)}.gateway{display:flex!important;align-items:center;gap:15px;padding:18px;border:1px solid var(--green);border-radius:12px;background:#f3faf8}.gateway input{width:20px;margin:0;accent-color:var(--green)}.gateway small{display:block;font-size:12px}.gateway-logo{font-family:Arial,sans-serif;color:var(--green);font-size:22px;font-weight:700;margin-inline-start:auto}.secure{text-align:center;font-size:12px;color:var(--muted);margin:18px 0 0}.summary{background:#edf4f3}.summary .code{margin:24px 0 12px}.summary h2{margin-bottom:18px}.summary p{font-size:14px;color:var(--muted)}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.total{font-size:20px;margin-bottom:24px}.alert{border:1px solid #b7d6d1;background:#edf7f5;padding:16px 20px;margin-bottom:24px;border-radius:10px;font-size:14px}.error{color:#a12e36;border-color:#efc5c5;background:#fff3f3}.alert p{margin:0}.result{max-width:680px;margin:auto;text-align:center}.result-icon{font-size:32px;color:var(--green);margin-bottom:20px}.actions{display:flex;justify-content:center;gap:12px;margin:24px 0;flex-wrap:wrap}.result .back{margin-top:24px}.login{max-width:480px;margin:20px auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:32px 0}.stats>div{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.stats span{color:var(--muted);font-size:13px}.stats strong{display:block;font-size:28px;margin-top:12px}.stats small{font-size:14px;font-weight:400}.tabs{margin:32px 0 20px;gap:8px}.tabs a{padding:10px 22px;border-radius:9px}.tabs .active{background:var(--green);color:#fff}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:14px}th{background:#f0f5f5;color:var(--muted);font-weight:500}td,th{padding:18px 20px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.empty{padding:60px!important;text-align:center;color:var(--muted)}.badge{font-size:12px;padding:6px 10px;background:#f1f4f4;border-radius:6px}.badge.paid{background:#e6f4ef;color:#14634e}.text-button{background:none;border:0;color:var(--green);font:inherit;cursor:pointer;padding:5px 0}.filter{padding:15px 20px;font-size:14px}.filter label{display:flex;align-items:center;gap:12px}.filter select{width:200px;margin:0}footer{display:flex;justify-content:space-between;gap:20px;max-width:1240px;margin:auto;padding:28px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}a:focus-visible,button:focus-visible{outline:3px solid #106b6060;outline-offset:3px}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){header{height:84px;padding:0 20px}nav{gap:14px;font-size:12px}.brand{font-size:21px}.brand small{font-size:10px}.mark{width:40px;height:40px}main{padding:32px 18px}.page-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:32px}h1{font-size:28px}.grid{grid-template-columns:1fr}.category h2{font-size:19px}.product{padding:22px}.checkout-grid{grid-template-columns:1fr}.payment-card,.summary{padding:24px}.summary{grid-row:1}.payment-card h1{font-size:24px}.stats{gap:10px}.stats>div{padding:16px}.stats strong{font-size:23px}.stats span{font-size:12px}footer{flex-direction:column;gap:8px}.empty{white-space:normal}.result .summary-row{flex-direction:column;gap:5px}}

.gateway.unavailable{border-color:var(--line);background:#f8fafa;color:var(--muted)}.gateway.unavailable .gateway-logo{color:#879b9e}
.pagination{padding:20px;display:flex;align-items:center;justify-content:center;gap:24px}.pagination>a{color:var(--green)}.pagination>span{color:var(--muted);font-size:14px}

/* Customer experience: restrained typography, compact cards, fixed step navigation. */
.owner-link{display:none}
.consumer-view{--ink:#182e32;--muted:#839094;--green:#163d40;--line:#e8eeee;background:#edf0f0}
.consumer-view header{height:88px;max-width:560px;padding:0 26px;margin:auto;background:#fff;border:0}
.consumer-view .brand{font-size:24px;font-weight:600;gap:11px;line-height:1.25}
.consumer-view .brand small{font-size:9px;letter-spacing:2.1px;color:#9b8665;margin-top:5px}
.consumer-view .mark{width:43px;height:43px;background:#172f33;border-radius:13px;color:#dfcba5;font-size:27px;font-weight:500;border:1px solid #31494d}
.consumer-view .header-links{display:none}.consumer-view .owner-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ebefef;border-radius:50%;color:#687c81}
.owner-link svg{width:18px;height:18px}
.consumer-view main{max-width:560px;min-height:calc(100dvh - 88px);margin:auto;padding:18px 26px 150px;background:#fff}
.consumer-view h1{font-size:30px;line-height:1.45;font-weight:500;letter-spacing:0;margin:0 0 26px}
.consumer-view h2{font-weight:500}.consumer-view .eyebrow{font-size:12px;color:#a38a61}
.consumer-view footer{display:none}.catalog-intro{padding:4px 0 2px}.catalog-intro h1{margin-bottom:24px}
.category-tabs{display:flex;gap:5px;background:#f2f5f4;border-radius:14px;padding:5px;margin:0 0 24px}
.category-tabs button{font:500 14px 'Readex Pro',Tahoma,sans-serif;border:0;flex:1;min-height:42px;border-radius:10px;background:transparent;color:#8b9698;cursor:pointer}
.category-tabs button[aria-pressed="true"]{background:white;color:#233e42;box-shadow:0 2px 7px #233e4209}
.consumer-view .category{margin:0}.category[hidden]{display:none!important}.category-title{font-size:13px;color:#89969a;margin:0 0 14px;font-weight:400!important}
.consumer-view .grid{grid-template-columns:1fr;gap:13px}
.consumer-view .product{border:1px solid #e6eded;background:#fff;border-radius:16px;padding:19px 21px;box-shadow:0 3px 12px #173b4003;transition:box-shadow .2s,border-color .2s}
.consumer-view .product:hover{border-color:#bbccca;box-shadow:0 6px 18px #183b4009}
.consumer-view .product-top .code{font-size:11px;color:#a58d67;letter-spacing:1.5px}.consumer-view .duration{font-size:11px;background:transparent;padding:0;color:#9aa5a7}
.consumer-view .product h3{font-size:18px;font-weight:500;line-height:1.6;margin:13px 0 8px}
.product-details summary{font-size:12px;color:#91a0a4;list-style:none;cursor:pointer;display:inline-flex;gap:8px;align-items:center;min-height:28px}
.product-details summary::after{content:'+';font-family:Arial,sans-serif;font-size:16px;font-weight:400}.product-details[open] summary::after{content:'−'}
.product-details summary::-webkit-details-marker{display:none}.consumer-view .product-details p{font-size:13px;color:#839297;line-height:1.9;margin:7px 0 14px}
.consumer-view .product-bottom{border:0;padding:0;margin-top:10px}.consumer-view .price{font-size:26px;font-weight:500;letter-spacing:-.6px;color:#163a3d}
.consumer-view .price small{font-size:11px;font-weight:400;margin-inline-start:2px;letter-spacing:0;color:#a39073}
.consumer-view .product-bottom .button{font-size:13px;min-width:94px;min-height:42px;padding:8px 18px;border:1px solid #dae5e2;background:#f4f8f6;color:#254f4d;border-radius:10px}
.step-meter{display:flex;gap:5px;align-items:center;margin:4px 0 30px}.meter-segment{height:3px;flex:1;background:#edf1ef;border-radius:9px}.meter-segment.filled{background:#bea781}
.meter-count{font-family:Arial,sans-serif;color:#acb6b8;font-size:12px;direction:ltr;margin-inline-start:12px;white-space:nowrap}.meter-count b{font-weight:500;color:#536b6f}
.selected-product{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;background:#f6f8f7;border:0;border-inline-start:2px solid #c3ad89;border-radius:4px 12px 12px 4px;margin-bottom:32px}
.selected-product>div{min-width:0}.selected-product .code{font-size:10px;letter-spacing:1.2px;color:#ae9b7e;margin-bottom:5px}
.selected-product strong{font-size:14px;font-weight:400;line-height:1.7;display:block;color:#415b60}.selected-product>span{font-size:24px;font-weight:500;white-space:nowrap;line-height:1.5;color:#163b3e}
.selected-product small{font-size:10px;font-weight:400;color:#a79678}
.wizard-panel{border:0;background:transparent;min-width:0;width:100%;padding:0;margin:0}
.wizard-panel[hidden]{display:none!important}#payment-wizard[data-current-step="4"] .selected-product{display:none}
.wizard-panel h1{outline:none}.consumer-view .wizard-panel>label:not(.gateway){font-size:13px;font-weight:400;color:#788c90;margin:25px 0 10px}
.consumer-view .wizard-panel>input{font-size:16px;min-height:57px;padding:15px 17px;margin:0;border-radius:12px;background:#fbfcfc;border:1px solid #e2e9e9;box-shadow:none}
.consumer-view input:focus{border-color:#b9a27b;outline:2px solid #b9a27b12;background:#fff}
.consumer-view .wizard-panel>.gateway{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #d7e5df;background:#f5f9f7;border-radius:14px;min-height:88px;margin:0 0 12px}
.consumer-view .gateway input{width:17px;min-width:17px;accent-color:#234b4d;margin:0}.consumer-view .gateway strong{font-size:16px;font-weight:500}.consumer-view .gateway small{font-size:11px;color:#9aaaac;margin-top:4px;display:block}
.consumer-view .gateway-logo{margin-inline-start:auto;font-family:Arial,sans-serif;font-size:21px;font-weight:600;color:#385e5f;letter-spacing:-.4px}
.consumer-view .gateway.unavailable{background:#fff;border-color:#e9eeee;color:#9fadaf}.consumer-view .gateway.unavailable .gateway-logo{color:#adbbbd;font-weight:500}
.wizard-actions{margin-top:32px}.consumer-view .button.full{width:100%;font-size:16px;font-weight:400;min-height:56px;margin-top:10px;padding:16px;border-radius:12px;background:#163d40;border-color:#163d40;box-shadow:0 7px 18px #163d400b}
.consumer-view .button.full:disabled{background:#9dafaf;border-color:#9dafaf;opacity:.6;box-shadow:none}
.consumer-view .text-button.full{display:block;color:#9ba9ad;background:transparent;font-size:12px;min-height:44px;width:100%;padding:12px 0;margin:6px 0 0;border:none;box-shadow:none}
.centered{text-align:center;font-size:12px;color:#9ba9ad;display:block;margin:12px 0 0;padding:8px}
.review-service{padding:0 0 20px;border-bottom:1px solid var(--line)}.review-service h2{font-size:19px;line-height:1.7;font-weight:400}
.consumer-view .wizard-panel .summary-row{padding:18px 0;display:flex;flex-direction:row;align-items:start;gap:16px;font-size:13px;color:#95a3a6;border-bottom:1px solid var(--line)}
.consumer-view .summary-row strong{max-width:67%;overflow-wrap:anywhere;color:#436268;font-weight:400;text-align:end}
.consumer-view .wizard-panel .total{background:#f4f7f5;border:0;border-radius:12px;padding:19px 16px;font-size:15px;margin:20px 0}
.consumer-view .total strong{font-size:27px;font-weight:500;color:#214b4c}.consumer-view .secure{font-size:11px;color:#a5b1b3;line-height:1.8;margin-top:17px;text-align:center}
.consumer-view .alert{background:#faf8f2;border:1px solid #eae2d0;color:#a18a63;border-radius:11px;font-size:12px;padding:12px 15px;margin:16px 0}
.consumer-view .alert.error{background:#fff3f3;border-color:#efc5c5;color:#a12e36}
.mobile-navigation{position:fixed;z-index:30;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;width:calc(100% - 36px);max-width:508px;background:#122f33;border:1px solid #2d494c;padding:12px 10px 10px;border-radius:22px;box-shadow:0 10px 35px #112d3326}
.mobile-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:52px;color:#9eafb1;background:transparent;border:0;font:400 11px 'Readex Pro',Tahoma,sans-serif;cursor:pointer;border-radius:12px;padding:3px}
.nav-icon{height:23px;display:grid;place-items:center}.nav-icon svg{width:23px;height:23px}
.mobile-nav-item.active{color:#ddcba9}.mobile-nav-item.active .nav-icon{color:#ead9b9}.mobile-nav-item:disabled:not(.active){color:#60787c;cursor:default}
.mobile-nav-item:hover:not(:disabled){background:#ffffff06}.mobile-nav-item:focus-visible{outline:2px solid #d9c4a0;outline-offset:1px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#payment-wizard:not(.wizard-ready) [data-next],#payment-wizard:not(.wizard-ready) [data-back]{display:none}
@media(max-width:360px){.consumer-view header{padding:0 20px}.consumer-view main{padding:16px 20px 140px}.consumer-view h1{font-size:27px}.consumer-view .product{padding:17px}.selected-product{padding:14px}.selected-product>span{font-size:22px}}
@media(prefers-reduced-motion:reduce){.product{transition:none!important}html{scroll-behavior:auto}}

.mobile-nav-item{font-size:12px}

/* Gateway tiles: original brand marks inside a quiet luxury surface. */
.consumer-view{background:#ecece8;--muted:#75858a}
.consumer-view header,.consumer-view main{background:#fffefa}
.consumer-view .mark{box-shadow:inset 0 0 0 3px #ffffff04,0 4px 12px #18353912}
.consumer-view .product{background:#ffffff;box-shadow:0 6px 20px #273d3705;border-color:#e5e8e2}
.consumer-view .selected-product{background:linear-gradient(120deg,#f6f5ef,#f0f4f1);border-inline-start-color:#b49b6d}
.consumer-view .button.full{background:linear-gradient(135deg,#214d4e,#102e32);border-color:#274749;box-shadow:0 9px 22px #163d4019}
.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.consumer-view .gateway-grid .gateway-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;aspect-ratio:1/1;min-height:145px;padding:22px 12px 15px;margin:0;border:1px solid #e4e6df;border-radius:19px;background:#fff;box-shadow:0 6px 18px #283a3205;text-align:center;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.consumer-view .gateway-tile input{position:absolute;top:13px;inset-inline-end:13px;width:15px;min-width:15px;height:15px;accent-color:#927747;cursor:inherit}
.consumer-view .gateway-tile:has(input:checked){border:1px solid #b49a68;background:linear-gradient(145deg,#fffdf7,#f2f3eb);box-shadow:0 0 0 3px #bdab7910,0 8px 22px #7363450b}
.gateway-emblem{height:56px;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:12px}
.gateway-emblem img{display:block;width:auto;max-width:112px;max-height:40px;object-fit:contain}
.payzaty-emblem{background:#182d47;border-radius:10px;width:125px;height:50px;margin-bottom:18px;padding:10px}
.payzaty-emblem img{max-width:105px}
.consumer-view .gateway-tile strong{font-size:15px;font-weight:500;line-height:1.5;color:#274346}
.consumer-view .gateway-tile small{font-size:10px;line-height:1.6;margin-top:6px;color:#8c7b5b}
.consumer-view .gateway-tile.unavailable{background:#fff;cursor:not-allowed;color:#7f8c8e}
.consumer-view .gateway-tile.unavailable strong{color:#758387}.consumer-view .gateway-tile.unavailable small{color:#97a09c}
.consumer-view .gateway-tile.unavailable .gateway-emblem{opacity:.72}
.consumer-view .gateway-tile:focus-within{outline:2px solid #b49a68;outline-offset:4px}
@media(max-width:360px){.gateway-grid{gap:11px}.consumer-view .gateway-grid .gateway-tile{min-height:135px;padding:20px 8px 12px}.gateway-emblem img{max-width:100px}.payzaty-emblem{width:110px}}
@media(prefers-reduced-motion:reduce){.gateway-tile{transition:none!important}}
.consumer-view .step-meter{margin-bottom:22px}
.consumer-view .selected-product{margin-bottom:24px}
.consumer-view .wizard-panel h1{margin-bottom:20px}
.consumer-view .wizard-actions{margin-top:22px}

/* Fixed amount vault: emerald, champagne, and precise spacing. */
.amount-intro{padding:10px 0 8px}.consumer-view .amount-intro h1{font-size:30px;font-weight:500;margin:0 0 28px;display:flex;align-items:center;gap:16px}.amount-intro h1::after{content:'';display:block;width:42px;height:1px;background:linear-gradient(90deg,#c2a77700,#b49966)}
.amount-vault{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px 18px;border:1px solid #b49d6b60;border-radius:26px;background:radial-gradient(ellipse at 100% 0%,#2a5351 0%,transparent 55%),linear-gradient(155deg,#163e3e,#0b2529);box-shadow:0 22px 45px #12332d1c,inset 0 1px 0 #e8d1a633,inset 0 0 0 5px #ffffff02}
.amount-tile{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:83px;padding:14px 2px;background:linear-gradient(145deg,#ffffff0d,#ffffff02);border:1px solid #d4bf8e30;border-radius:13px;color:#eee0bf;font-family:'Readex Pro',Tahoma,sans-serif;font-size:22px;font-weight:400;letter-spacing:-.6px;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #00000016;box-shadow:inset 0 1px 0 #fff8dc10,0 4px 8px #031c1a0a;transition:background .2s,color .2s,box-shadow .2s,border-color .2s,transform .2s}
.amount-tile::after{content:'';position:absolute;bottom:13px;width:15px;height:1px;background:#d5b88055;border-radius:5px;transition:width .2s}
.amount-tile:hover,.amount-tile:focus-visible{background:linear-gradient(130deg,#eddfbd,#cbb382);color:#163739;border-color:#e5d3a9;text-shadow:none;box-shadow:0 6px 18px #0000001f;outline:2px solid #e5d3a9;outline-offset:3px;transform:translateY(-2px)}.amount-tile:hover::after,.amount-tile:focus-visible::after{background:#16373966;width:24px}.amount-tile:active{transform:translateY(0);background:#d7c294;color:#173a3d}
.consumer-view .mobile-navigation{background:linear-gradient(145deg,#204647,#102e32);border-color:#9d875640;box-shadow:0 12px 36px #142c3326,inset 0 1px 0 #e1cfa61a}
@media(max-width:360px){.amount-vault{gap:9px;padding:18px 12px;border-radius:22px}.amount-tile{font-size:19px;min-height:76px;border-radius:11px}.consumer-view .amount-intro h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.amount-tile,.amount-tile::after{transition:none}.amount-tile:hover,.amount-tile:focus-visible{transform:none}}

.amount-instruction{margin:16px 0 0;text-align:center;font-family:'Readex Pro',Tahoma,sans-serif;font-size:14px;font-weight:400;line-height:1.9;color:#927a50}
@media(max-width:360px){.amount-instruction{font-size:13px;margin-top:16px}}

/* Local vector currency mark: no device font dependency. */
.money{display:inline-flex;direction:ltr;align-items:center;gap:.32em;white-space:nowrap;vertical-align:baseline}.riyal-symbol{display:inline-block;width:.8em;height:.9em;flex:none;vertical-align:-.08em}.amount-tile .money{gap:.3em}.amount-tile .riyal-symbol{width:.65em;height:.75em}.admin-price-form>.riyal-symbol{width:17px;height:19px}

/* Client reference: deep teal, pastel tiles, coral identity, sapphire navigation. */
.consumer-view{background:radial-gradient(ellipse at 0 0,#216576 0,transparent 55%),linear-gradient(155deg,#154e5a,#082e38);background-attachment:fixed;color:#f3f7f7;--muted:#b5ccd2;--line:#ffffff25;min-height:100dvh}
.consumer-view header,.consumer-view main{background:transparent}
.consumer-view .brand{color:#ee9c8c}.consumer-view .brand small{color:#da9e91}.consumer-view .mark{background:linear-gradient(145deg,#f19e8b,#dc786a);color:#163a46;box-shadow:0 8px 24px #0002,inset 0 1px 0 #ffffff50}
.consumer-view .owner-link{color:#c7dee1;border-color:#ffffff25;background:#ffffff05}
.portal-note{margin:0 0 18px;color:#c0d3d8;font-size:13px;font-weight:400;line-height:1.9}
.consumer-view h1{color:#f1f6f7}.consumer-view .amount-intro h1::after{background:linear-gradient(90deg,transparent,#c3d4d5)}
.consumer-view .amount-vault{background:linear-gradient(155deg,#0b1b25,#06131c);border-color:#ffffff30;padding:20px 16px;box-shadow:0 24px 48px #03192244,inset 0 1px 0 #ffffff15}
.consumer-view .amount-tile{--tile:#a1b9df;background:linear-gradient(145deg,color-mix(in srgb,var(--tile),white 8%),var(--tile));border-color:#ffffff20;color:#102b43;font-weight:500;box-shadow:inset 0 1px 0 #ffffff50,0 6px 12px #0001;text-shadow:none;min-height:84px;border-radius:16px;font-size:21px;letter-spacing:-.5px}
.consumer-view .amount-tile:nth-child(15n+1){--tile:#9eafe4}.consumer-view .amount-tile:nth-child(15n+2){--tile:#e4a1b7}.consumer-view .amount-tile:nth-child(15n+3){--tile:#9dcdb3}.consumer-view .amount-tile:nth-child(15n+4){--tile:#e1d68b}.consumer-view .amount-tile:nth-child(15n+5){--tile:#afc2e2}.consumer-view .amount-tile:nth-child(15n+6){--tile:#e1a2b5}.consumer-view .amount-tile:nth-child(15n+7){--tile:#99ceb0}.consumer-view .amount-tile:nth-child(15n+8){--tile:#ddd18b}.consumer-view .amount-tile:nth-child(15n+9){--tile:#a8bfdf}.consumer-view .amount-tile:nth-child(15n+10){--tile:#e4a091}.consumer-view .amount-tile:nth-child(15n+11){--tile:#dea0b5}.consumer-view .amount-tile:nth-child(15n+12){--tile:#9fcfb4}.consumer-view .amount-tile:nth-child(15n+13){--tile:#dfa9bc}.consumer-view .amount-tile:nth-child(15n+14){--tile:#b2c5e4}.consumer-view .amount-tile:nth-child(15n){--tile:#e2d78e}
.consumer-view .amount-tile::after{background:#183c4440;bottom:12px;width:18px}
.consumer-view .amount-tile:hover,.consumer-view .amount-tile:focus-visible{background:var(--tile);color:#102b43;outline:2px solid #f2bcaa;outline-offset:3px;border-color:#f2bcaa;box-shadow:0 0 0 5px #e9a39418,0 10px 22px #0003;transform:translateY(-2px)}
.consumer-view .amount-tile:active{background:var(--tile);color:#102b43;transform:translateY(0)}
.consumer-view .mobile-navigation{background:linear-gradient(145deg,#3967d1,#264ba6);border-color:#718edd70;box-shadow:0 14px 35px #051c3b55,inset 0 1px 0 #ffffff25}
.consumer-view .mobile-nav-item{color:#c0ceef}.consumer-view .mobile-nav-item.active,.consumer-view .mobile-nav-item.active .nav-icon{color:#fff5e7}.consumer-view .mobile-nav-item:disabled:not(.active){color:#a7bce7;opacity:.72}
.consumer-view .amount-instruction{color:#bcd0d5;font-size:12px}
.consumer-view .selected-product{background:linear-gradient(120deg,#ffffff13,#ffffff06);border:1px solid #ffffff20;border-inline-start:2px solid #efac98;border-radius:14px}
.consumer-view .selected-product strong,.consumer-view .selected-product>span{color:#eef6f6}
.consumer-view .wizard-panel>label:not(.gateway){color:#d2e1e4;margin:20px 0 8px}
.consumer-view .wizard-panel>input{background:#f7fafb;color:#183448;border-color:#d7e3e7;box-shadow:0 5px 15px #041c2710}
.consumer-view input:focus{outline:3px solid #ebad962a;border-color:#eaae99;background:#fff}
.phone-help{margin:10px 0 0;font-size:11px;color:#bfd2d7}
.consumer-view .button.full{background:linear-gradient(135deg,#edab94,#df8b79);border-color:#f2bcaa;color:#183442;box-shadow:0 8px 24px #061c2830;font-weight:500}
.consumer-view .button.full:disabled{background:#597787;color:#e7edf0;border-color:#738d98;opacity:.6}
.consumer-view .back,.consumer-view .text-button.full{color:#c2d7dc}
.consumer-view .meter-segment{background:#ffffff18}.consumer-view .meter-segment.filled{background:#ecb29e}.consumer-view .meter-count,.consumer-view .meter-count b{color:#c1d5db}
.consumer-view .gateway-grid .gateway-tile{background:#f3f6fa;border-color:#d1dce6}.consumer-view .gateway-tile:has(input:checked){background:linear-gradient(145deg,#fff4ec,#f7e1d8);border-color:#efbba6;box-shadow:0 0 0 3px #e9ab9520}
.consumer-view .gateway-tile.unavailable{background:#e8edf5;border-color:#c8d8e4}.consumer-view .gateway-tile.unavailable strong{color:#4d687c}.consumer-view .gateway-tile.unavailable small{color:#61758b}
.consumer-view .wizard-panel .summary-row{color:#bacfd5}.consumer-view .summary-row strong{color:#f0f7f8}.consumer-view .wizard-panel .total{background:#ffffff0d;border:1px solid #ffffff20;color:#dce9ec}.consumer-view .total strong{color:#f4c4ac}.consumer-view .secure{color:#bacdd4}
@media(max-width:360px){.consumer-view .amount-vault{padding:17px 12px;gap:9px}.consumer-view .amount-tile{font-size:18px;min-height:76px}.consumer-view .portal-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.consumer-view .amount-tile:hover,.consumer-view .amount-tile:focus-visible{transform:none}}
.consumer-view{background-attachment:scroll}.consumer-view .result.payment-card{background:#ffffff08;border-color:#ffffff25;color:#e4eff2}.consumer-view .result .summary-row{border-color:#ffffff20;color:#c4d9df}.consumer-view .result .muted{color:#bcd0d7}.consumer-view .result .result-icon{color:#f0b79f}
.merchant-identity{margin:26px 0 0;padding:20px 8px;border-top:1px solid #ffffff20;text-align:center;color:#c7dce1;font-size:11px;line-height:2}.merchant-identity strong{display:block;font-weight:400}.merchant-identity span{display:block;color:#a8c1cb;font-size:10px}.merchant-identity b{display:inline-block;font-family:Arial,sans-serif;font-weight:400;margin-right:5px}
.consumer-view main{padding-bottom:40px}

/* Edge-attached navigation with space for mobile home indicators. */
.consumer-view .mobile-navigation{bottom:0;width:100%;max-width:560px;border-radius:22px 22px 0 0;padding:12px 10px calc(10px + env(safe-area-inset-bottom));box-sizing:border-box}
.consumer-view main{padding-bottom:calc(125px + env(safe-area-inset-bottom))}

.brand-logo{display:block;width:52px;height:52px;object-fit:contain;flex-shrink:0}
.consumer-view .brand{font-size:18px;gap:10px;line-height:1.4;min-width:0;max-width:calc(100% - 60px)}
.consumer-view .brand>span{min-width:0}.consumer-view .brand small{font-size:9px;letter-spacing:2px;margin-top:3px}

/* Open amount stays on the amount-selection screen. */
.consumer-view .open-amount-form{margin:0 0 30px;padding:20px;border:1px solid #ffffff24;border-radius:18px;background:#ffffff08}
.consumer-view .open-amount-form>label{display:block;margin:0 0 12px;font-size:14px;color:#e8f1f2;font-weight:500}
.open-amount-row{display:flex;gap:10px;align-items:stretch}
.open-amount-input{position:relative;flex:1;min-width:0}
.consumer-view .open-amount-input input{width:100%;min-width:0;min-height:54px;margin:0;padding:12px 44px 12px 14px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff0c;color:#fff;font:inherit;font-size:20px;text-align:left;box-shadow:none}
.consumer-view .open-amount-input input::placeholder{color:#a4c0c7}
.open-amount-input>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#efb29b;pointer-events:none}
.open-amount-input .money>span{display:none}
.consumer-view .open-amount-row .button{min-height:54px;margin:0;padding:12px 20px;white-space:nowrap;border-radius:12px;font-size:14px}
.consumer-view .open-amount-input input:focus{outline:2px solid #f1b19c66;outline-offset:2px}
@media(max-width:360px){.consumer-view .open-amount-form{padding:14px}.consumer-view .open-amount-row .button{padding:12px 14px}}