:root{--color-background:#f5f3f0;--color-surface:#fff;--color-surface-alt:#faf9f7;--color-text:#1a1a1a;--color-text-muted:#666;--color-text-light:#999;--color-text-on-dark:#fff;--color-primary:#1a1a1a;--color-primary-text:#fff;--color-accent:#ff6b35;--color-border:#f0f0f0;--color-border-strong:#e0e0e0;--color-divider:#f5f5f5;--color-success:#4caf50;--color-success-bg:#e8f5e9;--color-success-text:#2e7d32;--color-danger:#ef5350;--color-danger-bg:#fdecea;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-xxl:24px;--space-xxxl:32px;--radius-sm:12px;--radius-md:16px;--radius-lg:18px;--radius-xl:20px;--radius-xxl:24px;--radius-pill:28px;--shadow-card:0 2px 8px #0000000d;--shadow-floating:0 4px 8px #0003;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}button,a,input,textarea{touch-action:manipulation}.page{max-width:480px;min-height:100dvh;padding:var(--space-xxxl) var(--space-xl) var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.store-shell{max-width:480px;min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);align-content:start;margin:0 auto;display:grid}.store-shell .page{flex:none;grid-area:2/1;width:100%;max-width:none;min-height:0;margin:0;padding:0}.page-main{flex:none}:is(.page-main:has(.state-page),.page-main:has(.result-page)){flex:1}.hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.hero-name{margin-top:var(--space-md);font-size:24px;font-weight:700}.hero-handle{color:var(--color-text-light);margin-top:2px;font-size:15px}.avatar{object-fit:cover;background:var(--color-border-strong);border-radius:999px;width:96px;height:96px}.avatar-fallback{background:var(--color-primary);width:96px;height:96px;color:var(--color-primary-text);border-radius:999px;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.product-list{gap:var(--space-md);flex-direction:column;display:flex}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .12s;overflow:hidden}.product-card:active{transform:scale(.985)}.product-image{object-fit:cover;background:var(--color-surface-alt);width:100%;height:160px;display:block}.product-image-placeholder{background:var(--color-surface-alt);width:100%;height:160px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:32px;display:flex}.product-body{padding:var(--space-lg)}.product-title{font-size:16px;font-weight:700}.product-price{color:var(--color-text-muted);margin-top:2px;font-size:15px}.product-cta{width:100%;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-text);justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.screen-top{align-items:center;height:44px;margin-bottom:12px;display:flex}.back-button{background:var(--color-surface);border:1px solid var(--color-border);width:44px;height:44px;box-shadow:var(--shadow-card);border-radius:999px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.back-button:active{transform:scale(.96)}.product-hero-image{object-fit:cover;background:var(--color-surface-alt);border-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;height:200px;display:block}.product-hero-placeholder{color:var(--color-text-light);justify-content:center;align-items:center;font-size:40px;display:flex}.product-hero-title{margin-top:12px;font-size:22px;font-weight:700}.product-hero-price{color:var(--color-text-muted);margin-top:2px;font-size:17px;font-weight:600}.screen-note{color:var(--color-text-muted);margin-top:var(--space-sm);font-size:14px}.cta-heading{margin-top:var(--space-xl);font-size:16px;font-weight:700}.checkout-form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.field-input,.field-textarea{width:100%;min-height:52px;padding:14px var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);appearance:none;outline:none;font-family:inherit;font-size:16px}.field-input::placeholder,.field-textarea::placeholder,.phone-national::placeholder{color:var(--color-text-light)}.field-input:focus,.field-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a1a1a14}.field-input.field-invalid,.field-textarea.field-invalid{border-color:var(--color-danger)}.field-textarea{resize:vertical;min-height:110px}.field-error{color:var(--color-danger);margin-top:var(--space-xs);font-size:13px}.field-hint{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:13px}.phone-field{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);align-items:stretch;min-height:52px;display:flex;overflow:hidden}.phone-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a1a1a14}.phone-field.field-invalid{border-color:var(--color-danger)}.phone-code{border-right:1px solid var(--color-border-strong);color:var(--color-text);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:1px;padding:0 12px 0 14px;font-size:16px;display:flex}.phone-code input,.phone-national{color:var(--color-text);appearance:none;box-shadow:none;background:0 0;border:0;outline:none;font-family:inherit;font-size:16px;line-height:1.2}.phone-code input{font-variant-numeric:tabular-nums;width:3.4ch;min-width:0;padding:0}.phone-national{flex:auto;width:0;min-width:0;padding:0 16px}.wallet-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wallet-choice{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:48px;color:var(--color-text);white-space:normal;padding:12px 8px;font-size:15px;font-weight:600;line-height:1.2;transition:transform .12s,background-color .12s,border-color .12s}.wallet-choice.is-on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.wallet-choice:active{transform:scale(.97)}.wallet-choice:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.total-row{margin-top:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.total-label{font-size:15px;font-weight:600}.total-amount{font-size:17px;font-weight:700}.purchase-button{width:100%;min-height:52px;margin-top:var(--space-sm);padding:16px var(--space-lg);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-text);justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:transform .12s,opacity .12s;display:flex}.purchase-button:active:not(:disabled){transform:scale(.985)}.purchase-button:disabled{opacity:.6;cursor:default}.form-notice{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid var(--color-border-strong);color:var(--color-text-muted);text-align:center;font-size:14px}.form-notice.form-notice-error{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.link-field{width:100%;margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);word-break:break-all;font-size:14px;display:block}.link-actions{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.link-button-secondary{width:100%;padding:14px var(--space-lg);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.copy-feedback{color:var(--color-success-text);text-align:center;margin-top:var(--space-sm);font-size:13px}.return-home{text-align:center;margin-top:var(--space-xxl);color:var(--color-text-muted);text-underline-offset:2px;font-size:14px;text-decoration:underline;display:block}.state{text-align:center;padding:var(--space-xxxl) var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.state-title{font-size:16px;font-weight:700}.state-description{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:14px}.state-page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.state-page-title{font-size:24px;font-weight:700}.state-page-description{color:var(--color-text-muted);margin-top:var(--space-sm);font-size:15px}.store-lang{grid-area:1/1;place-self:start end;align-items:center;height:44px;margin:0 0 8px;padding:0;display:flex}.store-shell:has(.screen-top) .store-lang{z-index:2;margin-bottom:0}.store-shell:has(.screen-top) .page{grid-row:1}.store-shell:has(.screen-top) .screen-top{pointer-events:none}.store-shell:has(.screen-top) .back-button{pointer-events:auto}.lang-switch{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:2px;height:40px;padding:3px;display:flex}.lang-switch button{border-radius:var(--radius-pill);min-width:44px;height:32px;color:var(--color-text-muted);background:0 0;padding:0 12px;font-size:13px;font-weight:600}.lang-switch button:active{transform:scale(.96)}.lang-switch button[aria-pressed=true]{background:var(--color-text);color:var(--color-background)}.store-footer{flex-direction:column;align-items:center;gap:2px;margin-top:28px;padding-top:0;display:flex}.store-footer-brand{color:var(--color-text-light);font-size:13px}.store-footer-brand strong{color:var(--color-text-muted);font-weight:600}.store-footer-link{color:var(--color-text-light);text-underline-offset:2px;font-size:13px;text-decoration:underline}.result-page{text-align:center;padding:var(--space-xxl) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:60vh;display:flex}.result-icon{width:72px;height:72px;margin-bottom:var(--space-lg);border-radius:999px;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.result-icon-success{background:var(--color-success-bg);color:var(--color-success-text)}.result-icon-danger{background:var(--color-danger-bg);color:var(--color-danger)}.result-icon-muted{background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border-strong)}.result-title{font-size:28px;font-weight:700}.result-subtitle{color:var(--color-success-text);margin-top:var(--space-xs);font-size:16px;font-weight:600}.result-description{color:var(--color-text-muted);margin-top:var(--space-md);margin-bottom:var(--space-xxl);max-width:320px;font-size:15px;line-height:1.5}.order-card{width:100%;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-xl);text-align:left}.order-card-title{font-size:16px;font-weight:700}.order-card-amount{color:var(--color-text-muted);margin-top:2px;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}.result-spinner{border:3px solid var(--color-border-strong);border-top-color:var(--color-primary);width:48px;height:48px;margin-bottom:var(--space-lg);border-radius:999px;animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton{background:var(--color-border-strong);animation:1.4s ease-in-out infinite pulse}.skeleton-avatar{border-radius:999px;width:96px;height:96px}.skeleton-line{width:160px;height:20px;margin-top:var(--space-md);border-radius:8px}.skeleton-line-sm{width:100px;height:14px;margin-top:var(--space-sm);border-radius:8px}.skeleton-card{border-radius:var(--radius-lg);height:240px}
