:root{--color-green: #006B3F;--color-green-dark: #004d2c;--color-orange: #F37021;--color-red: #EE1C25;--color-bg: #FFFFFF;--color-surface: #F5F5F5;--color-border: #E0E0E0;--color-text: #1A1A1A;--color-muted: #6B7280;--color-white: #FFFFFF;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:0 auto}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}img{display:block;max-width:100%}.header{background:var(--color-green);color:var(--color-white);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo-seven{display:flex;align-items:baseline;gap:6px;line-height:1}.logo-seven__digit{font-size:38px;font-weight:900;font-style:italic;color:var(--color-orange);text-shadow:-1.5px -1.5px 0 #fff,1.5px -1.5px 0 #fff,-1.5px 1.5px 0 #fff,1.5px 1.5px 0 #fff;letter-spacing:-2px;line-height:.9}.logo-seven__delivery{font-size:12px;font-weight:800;letter-spacing:2.5px;color:var(--color-white);text-transform:uppercase;border-bottom:2px solid var(--color-orange);padding-bottom:1px}.header__left{display:flex;align-items:center;gap:10px}.back-btn{color:var(--color-white);font-size:22px;line-height:1;padding:4px 6px;border-radius:var(--radius-sm);transition:background var(--transition)}.back-btn:hover{background:#ffffff26}.header__actions{display:flex;align-items:center;gap:12px}.lang-toggle{background:#ffffff26;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600;color:var(--color-white);transition:background var(--transition)}.lang-toggle:hover{background:#ffffff40}.cart-btn{position:relative;color:var(--color-white);font-size:22px;line-height:1}.cart-btn__badge{position:absolute;top:-6px;right:-8px;background:var(--color-orange);color:#fff;font-size:10px;font-weight:700;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}.stripe-bar{display:flex;height:5px}.stripe-bar__green{flex:1;background:var(--color-green)}.stripe-bar__orange{flex:1;background:var(--color-orange)}.stripe-bar__red{flex:1;background:var(--color-red)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--color-white);border-top:1px solid var(--color-border);display:flex;z-index:100;box-shadow:0 -2px 12px #0000000f}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 0 12px;gap:3px;color:var(--color-muted);font-size:11px;font-weight:500;transition:color var(--transition)}.bottom-nav__item.active{color:var(--color-green)}.bottom-nav__item svg{width:22px;height:22px}.page{flex:1;padding:16px 16px 80px}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none;-ms-overflow-style:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;background:var(--color-surface);color:var(--color-muted);border:1.5px solid transparent;transition:all var(--transition)}.category-tab.active{background:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px 16px}.product-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition)}.product-card:active{transform:scale(.97)}.product-card__img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--color-surface)}.product-card__img-placeholder{width:100%;aspect-ratio:1;background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:40px}.product-card__body{padding:10px}.product-card__name{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{font-size:15px;font-weight:700;color:var(--color-orange);margin-bottom:8px}.product-card__add{width:100%;background:var(--color-green);color:#fff;border-radius:var(--radius-sm);padding:7px;font-size:13px;font-weight:600;transition:background var(--transition)}.product-card__add:hover{background:var(--color-green-dark)}.product-card__qty{display:flex;align-items:center;justify-content:space-between;gap:4px}.product-card__qty-btn{width:28px;height:28px;border-radius:50%;background:var(--color-surface);font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--color-green);transition:background var(--transition)}.product-card__qty-btn:hover{background:var(--color-border)}.product-card__qty-count{font-size:15px;font-weight:700;min-width:24px;text-align:center}.cart-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.cart-item__img{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-surface);flex-shrink:0}.cart-item__img-placeholder{width:64px;height:64px;border-radius:var(--radius-sm);background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.cart-item__info{flex:1;min-width:0}.cart-item__name{font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item__price{font-size:13px;color:var(--color-orange);font-weight:600}.cart-item__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.qty-btn{width:30px;height:30px;border-radius:50%;background:var(--color-surface);font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--color-green);transition:background var(--transition)}.qty-btn:hover{background:var(--color-border)}.qty-count{font-size:15px;font-weight:700;min-width:20px;text-align:center}.cart-total{padding:16px 0;border-top:2px solid var(--color-border);margin-top:8px}.cart-total__row{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700}.cart-total__amount{color:var(--color-orange)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--color-muted);text-align:center}.empty-state__icon{font-size:56px}.empty-state__text{font-size:16px;font-weight:500}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--color-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font);font-size:15px;color:var(--color-text);background:var(--color-white);transition:border-color var(--transition);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--color-green)}.form-textarea{resize:vertical;min-height:80px}.payment-options{display:flex;flex-direction:column;gap:10px}.payment-option{display:flex;align-items:center;gap:12px;padding:14px;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.payment-option.selected{border-color:var(--color-green);background:#006b3f0d}.payment-option__icon{font-size:24px}.payment-option__info{flex:1}.payment-option__title{font-size:15px;font-weight:600}.payment-option__desc{font-size:12px;color:var(--color-muted);margin-top:2px}.payment-option__radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.payment-option.selected .payment-option__radio{border-color:var(--color-green);background:var(--color-green)}.payment-option.selected .payment-option__radio:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.crypto-wallets{background:#f0faf5;border:1.5px solid var(--color-green);border-radius:var(--radius-md);padding:14px;margin-bottom:16px}.crypto-wallets__title{font-size:13px;font-weight:700;color:var(--color-green);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.crypto-wallet-item{margin-bottom:12px}.crypto-wallet-item:last-child{margin-bottom:0}.crypto-wallet-item__label{font-size:12px;color:var(--color-muted);margin-bottom:4px;font-weight:500}.crypto-wallet-item__row{display:flex;align-items:center;gap:8px}.crypto-wallet-item__address{flex:1;font-size:12px;font-family:monospace;background:#fff;border:1px solid var(--color-border);border-radius:6px;padding:6px 10px;word-break:break-all;color:var(--color-text)}.copy-btn{flex-shrink:0;width:36px;height:36px;background:var(--color-green);color:#fff;border-radius:var(--radius-sm);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.copy-btn:hover{background:var(--color-green-dark)}.transfer-details{background:#fff8f0;border:1.5px solid var(--color-orange);border-radius:var(--radius-md);padding:14px;margin-bottom:16px}.transfer-details__title{font-size:13px;font-weight:700;color:var(--color-orange);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.transfer-details__qr{display:flex;justify-content:center;margin-bottom:14px}.transfer-details__qr-img{width:180px;height:180px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.transfer-details__row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.transfer-details__label{font-size:12px;color:var(--color-muted);font-weight:500}.transfer-details__phone-row{display:flex;align-items:center;gap:8px}.transfer-details__value{font-size:15px;font-weight:600;color:var(--color-text)}.transfer-details__empty{font-size:13px;color:var(--color-muted);text-align:center;padding:8px 0}.transfer-details__hint{font-size:12px;color:var(--color-muted);margin-top:10px;border-top:1px solid var(--color-border);padding-top:8px}.status-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;text-align:center;margin-bottom:20px}.status-icon{font-size:56px;margin-bottom:12px}.status-title{font-size:22px;font-weight:700;margin-bottom:6px}.status-subtitle{font-size:14px;color:var(--color-muted)}.status-steps{display:flex;flex-direction:column;gap:0}.status-step{display:flex;align-items:flex-start;gap:12px;padding:12px 0;position:relative}.status-step:not(:last-child):after{content:"";position:absolute;left:15px;top:36px;bottom:0;width:2px;background:var(--color-border)}.status-step.done:after{background:var(--color-green)}.status-step__dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;z-index:1}.status-step.done .status-step__dot{background:var(--color-green);border-color:var(--color-green);color:#fff}.status-step.current .status-step__dot{border-color:var(--color-orange);background:var(--color-orange);color:#fff}.status-step__label{padding-top:5px;font-size:14px;font-weight:500}.status-step.done .status-step__label{color:var(--color-green)}.status-step.current .status-step__label{color:var(--color-orange);font-weight:700}.btn{display:block;width:100%;padding:15px;border-radius:var(--radius-md);font-size:16px;font-weight:700;text-align:center;transition:all var(--transition)}.btn-primary{background:var(--color-green);color:#fff}.btn-primary:hover{background:var(--color-green-dark)}.btn-primary:disabled{background:var(--color-border);color:var(--color-muted);cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text)}.section-title{font-size:18px;font-weight:700;margin-bottom:16px}.info-block{background:var(--color-surface);border-radius:var(--radius-md);padding:14px;margin-bottom:16px;font-size:13px;color:var(--color-muted);line-height:1.5}.info-block strong{color:var(--color-text)}.loading{display:flex;align-items:center;justify-content:center;padding:60px}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;z-index:200;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}