@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--accent-h: 15;--accent-s: 83%;--accent-l: 55%;--color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--color-accent-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%));--color-accent-rgb: 236, 90, 44;--font-family: "Inter", sans-serif;--bg-layout: #ffffff;--bg-main: #ffffff;--bg-secondary: #ffffff;--bg-tetriary: #f3f4f8;--bg-product-card: #ffffff;--color-cart-bg: #f3f4f8;--color-disabled: #f2f2f2;--color-gray-border: #e7e6ec;--text-primary: #1a1a1a;--text-secondary: #939393;--text-inverse: #ffffff;--success-color: #5f9d55;--destructive-color: #a11e1e;--counter-bg: #f3f4f8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12)}[data-theme=dark]{--bg-layout: #0d0f12;--bg-main: #161a20;--bg-secondary: #222730;--bg-tetriary: #2a313c;--bg-product-card: #161a20;--color-cart-bg: #0d0f12;--color-disabled: #222730;--color-gray-border: #2a313c;--text-primary: #f0f0f0;--text-secondary: #a0a6b1;--text-inverse: #0d0f12;--counter-bg: #222730;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5)}[data-accent=red]{--accent-h: 350;--accent-s: 98%;--accent-l: 45%;--color-accent-rgb: 228, 2, 44}[data-accent=green]{--accent-h: 112;--accent-s: 30%;--accent-l: 47%;--color-accent-rgb: 95, 157, 85}[data-accent=blue]{--accent-h: 214;--accent-s: 84%;--accent-l: 52%;--color-accent-rgb: 29, 119, 237}[data-accent=purple]{--accent-h: 265;--accent-s: 46%;--accent-l: 50%;--color-accent-rgb: 119, 69, 187}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-layout);color:var(--text-primary);line-height:1.4;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}.no-visible-scrollbar::-webkit-scrollbar{display:none}.no-visible-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--color-gray-border);border-radius:3px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}@media (max-width: 1200px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}.app-container[data-v-7b005e88]{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-layout);transition:background-color .3s}.header[data-v-7b005e88]{display:flex;justify-content:space-between;align-items:center;padding:.8rem 5%;background-color:var(--bg-main);border-bottom:1px solid var(--color-gray-border);position:sticky;top:0;z-index:100;height:64px}.header-left[data-v-7b005e88],.header-right[data-v-7b005e88]{display:flex;align-items:center;gap:12px}.icon-btn[data-v-7b005e88]{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-primary);background-color:transparent;transition:background-color .2s,color .2s;border:none;cursor:pointer}.icon-btn[data-v-7b005e88]:hover{background-color:var(--bg-tetriary);color:var(--color-accent)}.city-selector[data-v-7b005e88]{display:flex;flex-direction:column;line-height:1.2}.city-title[data-v-7b005e88]{display:flex;align-items:center;gap:4px;font-weight:600;font-size:.95rem;color:var(--text-primary);cursor:pointer}.city-title svg[data-v-7b005e88]{color:var(--text-secondary)}.city-name[data-v-7b005e88]:hover{color:var(--color-accent)}.wait-time[data-v-7b005e88]{font-size:.75rem;color:var(--text-secondary);margin-top:1px}.delivery-switcher[data-v-7b005e88]{display:flex;background-color:var(--bg-tetriary);padding:4px;border-radius:var(--radius-full);gap:2px}.switch-btn[data-v-7b005e88]{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-full);transition:all .25s ease;border:none;background:transparent;cursor:pointer}.switch-btn.active[data-v-7b005e88]{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.switch-icon[data-v-7b005e88]{width:14px;height:14px}.switch-btn.active .switch-icon[data-v-7b005e88]{color:var(--color-accent)}.main-content[data-v-7b005e88]{flex:1;padding:1.5rem 5% 4rem}.drawer-overlay[data-v-7b005e88]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.open[data-v-7b005e88]{opacity:1;pointer-events:auto}.sidebar-drawer[data-v-7b005e88],.theme-drawer[data-v-7b005e88]{position:fixed;top:0;bottom:0;width:320px;max-width:85%;background-color:var(--bg-main);z-index:210;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-drawer[data-v-7b005e88]{left:0;transform:translate(-100%)}.sidebar-drawer.open[data-v-7b005e88]{transform:translate(0)}.theme-drawer[data-v-7b005e88]{right:0;transform:translate(100%)}.theme-drawer.open[data-v-7b005e88]{transform:translate(0)}.drawer-header[data-v-7b005e88]{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid var(--color-gray-border)}.drawer-header .logo[data-v-7b005e88]{font-size:1.3rem;font-weight:800;color:var(--color-accent)}.close-btn[data-v-7b005e88]{background:none;border:none;cursor:pointer;color:var(--text-secondary)}.close-btn[data-v-7b005e88]:hover{color:var(--text-primary)}.drawer-nav[data-v-7b005e88]{display:flex;flex-direction:column;padding:1.5rem 1rem;gap:8px}.nav-item[data-v-7b005e88]{display:flex;align-items:center;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-weight:500;border-radius:var(--radius-md);transition:background-color .2s,color .2s}.nav-item[data-v-7b005e88]:hover{background-color:var(--bg-tetriary);color:var(--color-accent)}.drawer-footer[data-v-7b005e88]{margin-top:auto;padding:1.5rem;border-top:1px solid var(--color-gray-border);display:flex;flex-direction:column;gap:16px}.work-time[data-v-7b005e88]{font-size:.85rem;display:flex;flex-direction:column}.work-time strong[data-v-7b005e88]{color:var(--text-primary)}.work-time span[data-v-7b005e88]{color:var(--text-secondary)}.phone-link[data-v-7b005e88]{display:flex;align-items:center;font-weight:700;color:var(--color-accent);text-decoration:none;font-size:1.1rem}.apps-download p[data-v-7b005e88]{font-size:.8rem;color:var(--text-secondary);margin-bottom:8px}.app-buttons[data-v-7b005e88]{display:flex;gap:8px}.app-btn-mock[data-v-7b005e88]{flex:1;text-align:center;padding:8px;background-color:var(--bg-tetriary);color:var(--text-primary);font-size:.75rem;font-weight:600;text-decoration:none;border-radius:var(--radius-sm);border:1px solid var(--color-gray-border)}.app-btn-mock[data-v-7b005e88]:hover{border-color:var(--color-accent)}.copyright[data-v-7b005e88]{font-size:.75rem;color:var(--text-secondary);text-align:center}.theme-panel-content[data-v-7b005e88]{padding:1.5rem;display:flex;flex-direction:column;gap:24px}.setting-group h4[data-v-7b005e88]{font-size:.9rem;margin-bottom:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.mode-toggles[data-v-7b005e88]{display:flex;gap:8px}.mode-toggle-btn[data-v-7b005e88]{flex:1;padding:10px;border-radius:var(--radius-md);border:1px solid var(--color-gray-border);background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s}.mode-toggle-btn.active[data-v-7b005e88]{border-color:var(--color-accent);background-color:var(--bg-tetriary);color:var(--color-accent)}.accent-selectors[data-v-7b005e88]{display:flex;gap:12px;flex-wrap:wrap}.accent-color-dot[data-v-7b005e88]{width:36px;height:36px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;border:3px solid transparent;transition:transform .2s,border-color .2s;box-shadow:var(--shadow-sm)}.accent-color-dot[data-v-7b005e88]:hover{transform:scale(1.1)}.accent-color-dot.active[data-v-7b005e88]{border-color:var(--text-primary)}@media (max-width: 768px){.header[data-v-7b005e88]{padding:.8rem 3%}}