*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#171717;font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.page{min-height:100vh}.page>header{height:70px;background:#111;color:#fff;justify-content:space-between;padding:0 max(20px,calc((100% - 1160px)/2))}.brand,.page>header{display:flex;align-items:center}.brand{gap:10px}.brand>span{display:grid;place-items:center;width:38px;height:38px;background:#ff7900;color:#fff;font-size:24px;font-weight:900;border-radius:10px}.brand div{display:flex;flex-direction:column}.brand small{opacity:.7}.closed,.open{display:flex;flex-direction:column;align-items:flex-end;font-weight:800}.open{color:#8de5a1}.closed{color:#ffb0a8}.closed small,.open small{color:#ddd;font-weight:400}.hero{max-width:1160px;margin:28px auto 18px;padding:26px;background:#fff;border-radius:22px;text-align:center;box-shadow:0 8px 28px #0000000c}.logo{width:78px;height:78px;border-radius:20px;background:#ff7900;color:#fff;margin:auto;display:grid;place-items:center;font-size:34px;font-weight:900;overflow:hidden}.logo img,.visual img{width:100%;height:100%;object-fit:cover}.hero h1{margin:12px 0 6px}.hero p{color:#666}.hero input{width:min(680px,100%);padding:14px 16px;border:1px solid #ddd;border-radius:12px;margin-top:18px}.meta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:#666}.meta a{color:#333}.catalog{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:18px;gap:18px}.catalog article{background:#fff;padding:16px;border-radius:18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 6px 24px #0000000a}.visual{height:170px;border-radius:14px;font-size:50px}.catalog h3{margin:4px 0}.catalog strong{font-size:20px}.catalog p{color:#666;margin:0;min-height:38px}.stock{font-size:13px;background:#eef8f0;color:#16722c;width:max-content;padding:5px 8px;border-radius:999px}.primary,.submit{border:0;background:#ff7900;color:#fff;padding:12px 14px;border-radius:10px;font-weight:800}.primary:disabled,.submit:disabled{opacity:.45;cursor:not-allowed}.wa{border:1px solid #17a34a;background:#fff;color:#137c39;padding:10px;border-radius:10px;font-weight:700}.empty,.notice{max-width:1160px;margin:15px auto;padding:14px 18px;border-radius:12px;background:#fff3e6;color:#7a3a00}.backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:18px;z-index:20;overflow:auto}.checkout{width:min(780px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:22px;padding:25px;position:relative}.close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px}.pill{font-size:11px;font-weight:900;color:#b75300;background:#fff0e3;padding:6px 9px;border-radius:999px}.checkout form>label{display:flex;flex-direction:column;gap:6px;max-width:170px;font-weight:700}.checkout input{padding:10px;border:1px solid #d6d6d6;border-radius:9px}.checkout h3{margin-top:24px}.operators{display:flex;gap:8px;flex-wrap:wrap}.actions button,.actions label,.operators button,.qrs button{border:1px solid #ddd;background:#fff;padding:10px 12px;border-radius:10px;font-weight:700}.operators .selected,.qrs .selected{border:2px solid #ff7900;background:#fff6ee}.qrs{display:flex;gap:12px;overflow:auto}.qrs button{display:flex;flex-direction:column;align-items:center;gap:6px}.qrs img{width:110px;height:110px;object-fit:contain}.qrs small{color:#666}.upload{border:2px dashed #ccc;border-radius:14px;padding:14px}.receipt-state{font-weight:800;margin-bottom:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions label{cursor:pointer}.pastezone{margin-top:10px;padding:14px;border:1px dashed #aaa;border-radius:10px;text-align:center;color:#666}.hint{margin-top:10px;color:#235b2e;font-weight:700}.ocr{margin-top:14px;border:1px solid #cfd8e2;border-radius:14px;padding:15px;background:#f9fbfd}.ocr-head{display:flex;justify-content:space-between;gap:10px}.ocr-head div{display:flex;flex-direction:column}.ocr-head small{color:#666}.ocr-head>span{background:#e8f4ec;color:#14642c;padding:6px 9px;border-radius:999px;height:max-content}.ocr-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:14px}.ocr-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700}.ocr-grid label small{font-weight:400;color:#777}.warning{margin-top:12px;background:#fff1d6;color:#7a4900;padding:10px;border-radius:9px;font-weight:700}.privacy{font-size:12px;color:#666}.submit{width:100%;margin-top:18px;font-size:16px}.paypal{padding:16px;border:1px solid #ddd;border-radius:12px;display:flex;flex-direction:column}footer{text-align:center;padding:35px;color:#777}.center{min-height:100vh;display:grid;place-items:center}.box{background:#fff;padding:30px;border-radius:18px}@media(max-width:700px){.page>header{padding:0 14px}.hero{margin:14px;border-radius:16px}.catalog{padding:0 14px;grid-template-columns:1fr 1fr;gap:10px}.catalog article{padding:10px}.visual{height:130px}.catalog strong{font-size:16px}.checkout{padding:20px 14px}.ocr-grid{grid-template-columns:1fr}.actions>*{flex:1 1 45%;text-align:center}.qrs button{min-width:130px}.meta{font-size:13px}}@media(max-width:430px){.catalog{grid-template-columns:1fr}.visual{height:190px}}.launch-payment{margin-top:12px;padding:14px;border:1px solid #d7dce2;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;gap:8px}.launch-button{display:block;text-align:center;background:#111;color:#fff;text-decoration:none;padding:14px 16px;border-radius:11px;font-weight:900}.launch-button:active{transform:translateY(1px)}.launch-payment small{color:#5f6670;line-height:1.4}.launch-payment.fallback{background:#fff8ef;border-color:#ffd8ad}.launch-payment.fallback b{color:#8c4800}.qr-reader{margin-top:12px;padding:14px;border:1px solid #d7dce2;border-radius:12px;background:#fff}.qr-reader-head div{display:flex;flex-direction:column;gap:3px}.qr-reader-head small{color:#666}.qr-reader-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.qr-reader-actions button,.qr-reader-actions label{border:1px solid #ddd;background:#fff;padding:10px 12px;border-radius:10px;font-weight:750;cursor:pointer}.qr-video{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:12px;background:#111;margin-top:10px}.qr-scan-message{margin-top:10px;padding:10px;border-radius:9px;background:#f5f7fa;color:#333;font-weight:700}.launch-button.scanned{margin-top:10px;background:#17a34a}.qr-click-target{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.qr-click-target em{font-style:normal;font-size:10px;color:#ff7900;font-weight:800}.qr-click-target img{cursor:pointer}.page{--accent:#ff7900;--secondary:#2563eb;--soft:#fff3e8;--radius:16px;--density:1;background:#f5f6f8}.page .brand>span,.page .logo,.page .primary,.page .submit{background:var(--accent)}.page .catalog strong,.page .qr-click-target em{color:var(--accent)}.page .catalog article,.page .checkout,.page .empty,.page .hero,.page .launch-payment,.page .notice,.page .ocr,.page .qr-reader{border-radius:var(--radius)}.page .catalog article,.page .hero{box-shadow:0 1px 2px #0f172a08,0 12px 34px #0f172a0a}.page .operators .selected,.page .qrs .selected{border-color:var(--accent);background:var(--soft)}.page .pill{color:var(--accent);background:var(--soft)}.page .hero,.page article,.page button,.page input{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.page .primary:hover:not(:disabled),.page .submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 24%,transparent)}.page .catalog{gap:calc(18px * var(--density))}.catalog article,.visual{overflow:hidden}.visual{width:100%;height:auto!important;aspect-ratio:1/1;padding:0!important;background:#f1f1f1;display:grid;place-items:center}.visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:700px){.visual{height:auto!important;aspect-ratio:1/1}.catalog article{padding:10px}}.qrs button{width:145px;min-width:145px;aspect-ratio:1/1;padding:0!important;overflow:hidden;position:relative;border-radius:12px}.qrs img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;display:block}.qrs button small{position:absolute;left:7px;right:7px;bottom:7px;background:#ffffffe8;border-radius:7px;padding:4px;color:#333;font-size:9px}.cart-fab{right:22px;bottom:22px;box-shadow:0 14px 40px #0004;font-weight:800}.cart-fab span{font-size:13px}.cart-fab strong{font-size:15px}.checkout-cart{grid-gap:9px;gap:9px;margin:14px 0}.checkout-cart-row{grid-template-columns:58px minmax(0,1fr) auto auto}.cart-placeholder,.checkout-cart-row img{width:58px;height:58px}.cart-qty{gap:7px}.cart-qty button{width:30px;height:30px;font-weight:900}.checkout-cart-row>strong{white-space:nowrap;font-size:12px}.checkout-total{padding:14px 2px 18px;border-bottom:1px solid #eee;margin-bottom:12px}.checkout-total strong{font-size:22px}.catalog article .primary{margin-top:auto}@media(max-width:700px){.cart-fab{left:12px;right:12px;bottom:12px;justify-content:space-between}.checkout-cart-row{grid-template-columns:50px minmax(0,1fr) auto}.cart-placeholder,.checkout-cart-row img{width:50px;height:50px}.checkout-cart-row>strong{grid-column:2/4}.cart-qty button{width:28px;height:28px}.page{padding-bottom:76px}}.header-shop-logo{width:38px;height:38px;border-radius:10px;object-fit:cover;background:#fff;flex:0 0 auto}.footer-shop-logo{width:28px;height:28px;border-radius:8px;object-fit:cover;vertical-align:middle;margin-right:8px}footer{justify-content:center;gap:4px;flex-wrap:wrap}.cart-fab,footer{display:flex;align-items:center}.cart-fab{position:fixed;right:18px;bottom:18px;z-index:15;border:0;border-radius:16px;background:#111;color:#fff;padding:12px 16px;gap:16px;box-shadow:0 14px 35px #0003}.cart-fab span{font-weight:800}.cart-fab strong{white-space:nowrap}.checkout-cart{display:grid;grid-gap:8px;gap:8px;margin:12px 0}.checkout-cart-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;padding:9px;border:1px solid #e5e7eb;border-radius:12px}.cart-placeholder,.checkout-cart-row img{width:52px;height:52px;border-radius:9px;object-fit:cover;background:#f3f4f6;display:grid;place-items:center}.checkout-cart-row>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.checkout-cart-row small{color:#666}.cart-qty{display:flex;align-items:center;gap:6px}.cart-qty button{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:8px}.checkout-total{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:18px}.checkout-total strong{font-size:20px}@media(max-width:700px){.cart-fab{left:12px;right:12px;bottom:12px;justify-content:space-between}.checkout-cart-row{grid-template-columns:44px minmax(0,1fr) auto}.cart-placeholder,.checkout-cart-row img{width:44px;height:44px}.checkout-cart-row>strong{grid-column:2/4}.cart-qty button{width:30px;height:30px}}.store-category-filter{display:flex;gap:8px;overflow-x:auto;padding:12px max(16px,calc((100vw - 1180px)/2));scrollbar-width:none;background:var(--page,#f6f7f9)}.store-category-filter::-webkit-scrollbar{display:none}.store-category-filter button{flex:0 0 auto;border:1px solid #e3e6eb;background:#fff;color:#222;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800;cursor:pointer}.store-category-filter button.active{background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:700px){.store-category-filter{padding:10px 12px}.store-category-filter button{padding:8px 12px;font-size:11px}}.store-variant-select{display:grid;grid-gap:5px;gap:5px;margin:8px 0 10px;text-align:left}.store-variant-select span{font-size:11px;font-weight:800;color:#667085}.store-variant-select select{width:100%;min-height:40px;border:1px solid #e1e5ea;border-radius:10px;background:#fff;color:#171717;padding:8px 10px;font-weight:700}.checkout-steps{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:14px 0 18px}.checkout-steps span{padding:9px 12px;border-radius:10px;background:#f3f4f6;color:#667085;font-size:12px;font-weight:850;text-align:center}.checkout-steps span.active{background:var(--soft);color:var(--accent);outline:1px solid var(--accent)}.checkout-step{display:block}.step-help{margin:0 0 12px;color:#667085;font-size:13px;line-height:1.45}.back-step{border:0;background:transparent;color:var(--accent);font-weight:800;padding:0;margin:4px 0 6px;cursor:pointer}.operators button{display:flex;align-items:center;gap:8px}.operator-logo{width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center;font-size:11px;font-weight:950;letter-spacing:-.02em;background:#111;color:#fff;flex:0 0 auto}.operator-orange_money{background:#ff7900;color:#fff}.operator-mtn_momo{background:#ffcc00;color:#111}.operator-wave{background:#1f7ae0;color:#fff}.operator-moov_money{background:#18a558;color:#fff}.operator-paypal{background:#003087;color:#fff}.operator-payment-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));overflow:visible}.operator-payment-cards button{width:auto!important;min-width:0!important;aspect-ratio:auto!important;padding:16px!important;min-height:150px;justify-content:center}.operator-payment-logo .operator-logo{width:64px;height:64px;border-radius:18px;font-size:16px}.operator-payment-cards button b{font-size:14px}.operator-payment-cards button small{position:static!important;background:transparent!important;padding:0!important;color:#667085!important;font-size:10px!important}.operator-payment-cards button em{font-style:normal;font-size:10px;color:var(--accent);font-weight:850}.operator-payment-cards .qr-click-target,.operator-payment-cards img{display:none!important}@media(max-width:700px){.operator-payment-cards{grid-template-columns:1fr 1fr}.operator-payment-cards button{min-height:132px}.operator-payment-logo .operator-logo{width:56px;height:56px}}.operator-logo-img{width:74px;height:42px;object-fit:contain;border-radius:10px;display:block}.operator-payment-logo .operator-logo-img{width:112px;height:64px}@media(max-width:700px){.operator-logo-img{width:64px;height:36px}.operator-payment-logo .operator-logo-img{width:100px;height:56px}}.launch-payment.prominent{margin-top:18px;padding:18px;border-width:2px;border-color:color-mix(in srgb,var(--accent) 45%,#d7dce2);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 14%,transparent)}.payment-cta-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.payment-cta-head>div:last-child{display:grid;grid-gap:2px;gap:2px;text-align:right}.payment-cta-head small{font-size:11px;color:#667085}.payment-cta-head strong{font-size:20px;color:#111}.payment-cta-head .operator-logo-img{width:92px;height:52px}.launch-button-strong{min-height:72px;padding:14px 18px!important;border-radius:14px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;font-size:15px;letter-spacing:.01em;box-shadow:0 10px 26px #0002}.launch-button-strong>span{font-size:22px}.launch-button-strong>b{text-align:left}.launch-button-strong>em{font-style:normal;font-size:17px;font-weight:950;white-space:nowrap}.page .launch-button-strong{background:var(--accent);color:#fff}.page .launch-button-strong:hover{transform:translateY(-1px);box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 30%,transparent)}@media(max-width:700px){.launch-payment.prominent{padding:14px;position:-webkit-sticky;position:sticky;bottom:10px;z-index:8}.payment-cta-head strong{font-size:18px}.payment-cta-head .operator-logo-img{width:78px;height:44px}.launch-button-strong{min-height:76px;grid-template-columns:auto 1fr;padding:14px!important}.launch-button-strong>em{grid-column:2;font-size:15px}}