:root{--primary:#d72300;--secondary:#198737;--additional-1:#f58538;--additional-2:#fa0;--brown900:#502314;--brown800:#845f50;--brown700:#bba391;--brown600:#d7c7b4;--brown500:#e6d9c8;--brown400:#f5ebdc;--brown300:#fcf6ec;--white:#fff;--error:#ff3b30;--success:#22b447;--bg-color:#f5ebdc;--text-main:#502314}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--brown300);color:var(--text-main)}.test-mode-banner{z-index:2000;background:var(--error);color:var(--white);text-align:center;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:flex;position:sticky;top:0}.header{background-color:var(--white);z-index:100;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:clamp(8px,2vw,16px);padding:clamp(10px,2.5vw,15px) clamp(12px,3vw,20px);display:flex;position:sticky;top:0;box-shadow:0 2px 10px #5023141a}.logo{color:var(--primary);text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:clamp(18px,5.5vw,28px);font-weight:900;text-decoration:none}.cart-btn{background-color:var(--primary);color:var(--white);cursor:pointer;border:none;border-radius:25px;padding:10px 20px;font-size:16px;font-weight:700;transition:transform .2s}.cart-btn:hover{background-color:#be1f00;transform:scale(1.05)}.categories-nav{background-color:var(--white);border-top:1px solid var(--brown600);white-space:nowrap;gap:15px;padding:15px 20px;display:flex;overflow-x:auto}.categories-nav::-webkit-scrollbar{display:none}.category-link{background-color:var(--brown400);color:var(--brown900);border-radius:20px;padding:8px 16px;font-weight:700;text-decoration:none;transition:all .2s}.category-link:hover,.category-link.active{background-color:var(--primary);color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:24px 20px}.section-title{color:var(--brown900);margin-bottom:20px;font-size:28px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:stretch;gap:16px;display:grid}.product-card{background-color:var(--white);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #50231426}.product-image-wrapper{aspect-ratio:1;background-color:var(--brown300);flex-shrink:0;width:100%;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;display:block}.product-cell{color:var(--brown800);background-color:var(--brown400);z-index:3;border-radius:8px;padding:2px 8px;font-size:13px;position:absolute;top:10px;left:10px}.product-bonus-badge{color:#c05621;z-index:3;text-align:right;background-color:#feebc8;border-radius:8px;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:3px 8px;font-size:11px;font-weight:700;line-height:1.2;display:flex;position:absolute;bottom:8px;right:8px}.product-info{flex-direction:column;flex-grow:1;padding:16px;display:flex}.product-title{color:var(--brown900);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;margin-bottom:6px;font-size:17px;line-height:1.25;display:-webkit-box;overflow:hidden}.product-desc{color:var(--brown800);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin-bottom:14px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.product-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.product-price{color:var(--brown900);white-space:nowrap;font-size:18px;font-weight:700}.add-to-cart{background-color:var(--brown400);color:var(--primary);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s}.add-to-cart:hover{background-color:var(--primary);color:var(--white)}@media (width<=768px){.container{padding:16px 3px}.section-title{padding:0 5px;font-size:22px}.products-grid{grid-template-columns:repeat(2,1fr);gap:6px}.product-card{border-radius:10px}.product-bonus-badge{gap:2px;padding:2px 6px;font-size:9px}.product-info{padding:8px}.product-title{min-height:2.4em;font-size:13px;line-height:1.2}.product-desc{min-height:2.6em;margin-bottom:8px;font-size:11px;line-height:1.3}.product-footer{flex-direction:column;align-items:stretch;gap:6px}.product-price{text-align:center;font-size:15px}.add-to-cart{text-align:center;width:100%;padding:8px}}.auth-screen{background:var(--brown300);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-step{animation:.3s fadeIn;display:none}.auth-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pin-dots{justify-content:center;gap:15px;margin:25px 0;display:flex}.pin-dot{border:2px solid var(--primary);background-color:#0000;border-radius:50%;width:16px;height:16px;transition:all .2s}.pin-dot.filled{background-color:var(--primary)}.pin-dot.error{border-color:var(--error);background-color:var(--error)}.numpad{grid-template-columns:repeat(3,1fr);gap:15px;max-width:260px;margin:0 auto;display:grid}.num-key{aspect-ratio:1;background-color:var(--brown400);color:var(--brown900);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;transition:background-color .1s;display:flex}.num-key:active{background-color:var(--brown600)}.num-key.empty{cursor:default;background-color:#0000}.num-key.backspace{color:var(--primary);background-color:#0000;font-size:28px}.fab-cell-buy{background:var(--primary);width:56px;height:56px;color:var(--white);cursor:pointer;z-index:150;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:transform .15s,background .2s;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 6px 16px #50231459}.fab-cell-buy:hover{background:#be1f00;transform:scale(1.05)}.fab-cell-buy:active{transform:scale(.95)}.fab-feedback{background:var(--secondary);width:56px;height:56px;color:var(--white);cursor:pointer;z-index:150;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:transform .15s,background .2s;display:flex;position:fixed;bottom:86px;right:18px;box-shadow:0 6px 16px #50231459}.fab-feedback:hover{background:#14702c;transform:scale(1.05)}.fab-feedback:active{transform:scale(.95)}.cell-display{color:var(--brown900);letter-spacing:4px;border:2px solid var(--brown500);border-radius:8px;min-height:44px;margin:15px 0 20px;font-size:32px;font-weight:800;line-height:44px}.btn-back{color:var(--brown800);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;margin-bottom:15px;font-size:14px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-8px)}}.shake{animation:.3s shake}.user-finance-panel{align-items:center;gap:clamp(6px,2vw,15px);min-width:0;display:flex}.balance-widget{cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;align-items:center;gap:clamp(6px,1.5vw,12px);min-width:0;padding:clamp(6px,1.5vw,8px) clamp(8px,2.5vw,16px);transition:background .2s;display:flex}.balance-widget:hover{background:#edf2f7}.balance-texts{flex-direction:column;display:flex}.balance-label{color:#718096;text-transform:uppercase;white-space:nowrap;font-size:clamp(9px,2vw,11px);font-weight:600}.balance-sum{color:#1a202c;white-space:nowrap;font-size:clamp(14px,3.5vw,18px);font-weight:700}.balance-sum--bonus{color:#dd6b20;white-space:nowrap;align-items:center;gap:3px;font-size:clamp(10px,2.5vw,12px);font-weight:600;display:inline-flex}.history-icon{color:#a0aec0;flex-shrink:0;font-size:clamp(14px,3vw,20px)}.btn-deposit{color:#fff;cursor:pointer;white-space:nowrap;background:#48bb78;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:clamp(8px,2vw,10px) clamp(10px,3vw,20px);font-size:clamp(13px,3vw,15px);font-weight:600;transition:background .2s,transform .1s;display:flex}.btn-deposit:hover{background:#38a169}.btn-deposit:active{transform:scale(.96)}@media (width<=360px){.btn-deposit{padding:8px 10px}.btn-deposit-label{display:none}}