@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--brand-primary:#10b981;--brand-primary-hover:#059669;--brand-primary-light:#d1fae5;--brand-primary-rgb:16,185,129;--brand-accent:#ffb800;--brand-accent-hover:#e5a600;--brand-accent-light:#fff8e1;--brand-accent-rgb:255,184,0;--bg-primary:#fff;--bg-secondary:#f7f8fa;--bg-tertiary:#eceef2;--bg-card:#fff;--bg-elevated:#fff;--bg-overlay:#00000080;--bg-glass:#fffc;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--text-link:#10b981;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--info:#3b82f6;--info-bg:#3b82f61a;--border:#e5e7eb;--border-strong:#d1d5db;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d,0 2px 4px #0000000a;--shadow-lg:0 10px 15px #00000014,0 4px 6px #0000000a;--shadow-xl:0 20px 25px #0000001a,0 8px 10px #0000000a;--shadow-card:0 2px 12px #0000000f;--shadow-button:0 4px 14px #10b98159;--shadow-accent:0 4px 14px #ffb80059;--header-bg:#ffffffeb;--header-blur:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--brand-primary:#34d399;--brand-primary-hover:#6ee7b7;--brand-primary-light:#34d39926;--brand-primary-rgb:52,211,153;--brand-accent:#ffc633;--brand-accent-hover:#ffd666;--brand-accent-light:#ffc6331f;--brand-accent-rgb:255,198,51;--bg-primary:#0b0b14;--bg-secondary:#12121f;--bg-tertiary:#1a1a2e;--bg-card:#16162a;--bg-elevated:#1e1e35;--bg-overlay:#000000b3;--bg-glass:#0b0b14d9;--text-primary:#f1f1f4;--text-secondary:#a0a3b1;--text-muted:#6b6e7d;--text-inverse:#0b0b14;--text-link:#34d399;--success:#34d399;--success-bg:#34d3991f;--warning:#fbbf24;--warning-bg:#fbbf241f;--error:#f87171;--error-bg:#f871711f;--info:#60a5fa;--info-bg:#60a5fa1f;--border:#2d2d4a;--border-strong:#3d3d5c;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000080;--shadow-card:0 2px 12px #0000004d;--shadow-button:0 4px 14px #34d3994d;--shadow-accent:0 4px 14px #ffc63340;--header-bg:#0b0b14eb;--header-blur:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Outfit","Inter",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--header-height:64px;--bottom-nav-height:68px;--max-width:1280px;--mobile-max:480px;--z-dropdown:50;--z-header:100;--z-bottom-nav:100;--z-drawer:150;--z-modal:200;--z-toast:300;--z-ai-chat:250}html{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.6}body{background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-body);color:inherit;background:0 0;border:none}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-4);margin:0 auto}.section{padding:var(--space-8)0}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-6)}.section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:calc(-1*var(--space-4));margin-bottom:var(--space-6)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;line-height:1.4;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:currentColor;position:absolute;inset:0}.btn:active:after{opacity:.1}.btn-primary{background:var(--brand-primary);color:var(--text-inverse);box-shadow:var(--shadow-button)}.btn-primary:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-accent{background:var(--brand-accent);color:#1a1a2e;box-shadow:var(--shadow-accent)}.btn-accent:hover{background:var(--brand-accent-hover);transform:translateY(-1px)}.btn-outline{color:var(--brand-primary);border:2px solid var(--brand-primary);background:0 0}.btn-outline:hover{background:var(--brand-primary-light)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-icon{border-radius:var(--radius-md);width:44px;height:44px;font-size:var(--text-xl);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-block{width:100%}.card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:all var(--transition-fast);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-body{padding:var(--space-4)}.product-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:all var(--transition-fast);position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-card__image-wrap{aspect-ratio:1;background:var(--bg-tertiary);position:relative;overflow:hidden}.product-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__badge{top:var(--space-2);left:var(--space-2);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--error);color:#fff;z-index:2;position:absolute}.product-card__favorite{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;font-size:var(--text-lg);z-index:2;transition:all var(--transition-fast);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.product-card__favorite:hover{transform:scale(1.15)}.product-card__favorite.active{color:var(--error)}.product-card__body{padding:var(--space-3)}.product-card__category{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.5px}.product-card__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;margin-bottom:var(--space-2);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card__prices{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.product-card__price{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--brand-primary)}.product-card__old-price{font-size:var(--text-xs);color:var(--text-muted);text-decoration:line-through}.product-card__rating{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.product-card__rating-star{color:var(--brand-accent)}.product-card__add-btn{width:100%;margin-top:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);border:none;display:flex}.product-card__add-btn:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-button)}.hero{padding:calc(var(--header-height) + var(--space-6))var(--space-4)var(--space-8);background:linear-gradient(135deg,var(--brand-primary-light),var(--bg-secondary));position:relative;overflow:hidden}[data-theme=dark] .hero{background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.08),var(--bg-secondary))}.hero__content{max-width:var(--max-width);gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.hero__tagline{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--brand-accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.hero__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-4);color:var(--text-primary);line-height:1.1}.hero__title span{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-4);display:inline-flex}.hero__visual{justify-content:center;align-items:center;display:flex}.categories-scroll{gap:var(--space-3);scroll-snap-type:x mandatory;padding:var(--space-2)var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.categories-scroll::-webkit-scrollbar{display:none}.category-pill{scroll-snap-align:start;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;flex-direction:column;flex-shrink:0;min-width:90px;text-decoration:none;display:flex}.category-pill:hover,.category-pill.active{border-color:var(--brand-primary);background:var(--brand-primary-light);color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-pill__icon{font-size:28px}.product-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.sale-banner{background:linear-gradient(135deg,var(--error)0%,#dc2626 100%);border-radius:var(--radius-2xl);padding:var(--space-6);color:#fff;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:relative;overflow:hidden}.sale-banner:before{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-20%}.sale-banner__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-extrabold)}.sale-banner__subtitle{opacity:.9;margin-top:var(--space-1)}.sale-banner__timer{gap:var(--space-2);display:flex}.sale-banner__timer-block{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3}.sale-banner__timer-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1}.sale-banner__timer-label{opacity:.8;text-transform:uppercase;font-size:10px}.ai-chat-fab{bottom:calc(var(--bottom-nav-height) + var(--space-4));right:var(--space-4);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-primary),#8b5cf6);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-xl);z-index:var(--z-ai-chat);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:24px;animation:3s ease-in-out infinite ai-pulse;display:flex;position:fixed}.ai-chat-fab:hover{box-shadow:0 8px 30px rgba(var(--brand-primary-rgb),.4);transform:scale(1.1)}@keyframes ai-pulse{0%,to{box-shadow:var(--shadow-xl),0 0 0 0 rgba(var(--brand-primary-rgb),.3)}50%{box-shadow:var(--shadow-xl),0 0 0 12px rgba(var(--brand-primary-rgb),0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-chat-panel{bottom:calc(var(--bottom-nav-height) + var(--space-4));right:var(--space-4);background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border);width:380px;max-height:min(550px,75dvh);box-shadow:var(--shadow-xl);z-index:var(--z-ai-chat);animation:slideUp .3s var(--transition-spring);flex-direction:column;display:flex;position:fixed;overflow:hidden}@media (max-width:480px){.ai-chat-panel{left:var(--space-2);right:var(--space-2);width:auto;max-height:80dvh;bottom:calc(var(--bottom-nav-height) + var(--space-2));border-radius:var(--radius-xl)}.ai-chat-fab{width:48px;height:48px;right:var(--space-3);bottom:calc(var(--bottom-nav-height) + var(--space-2))}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ai-chat-panel__header{padding:var(--space-4);background:linear-gradient(135deg,var(--brand-primary),#8b5cf6);color:#fff;justify-content:space-between;align-items:center;display:flex}.ai-chat-panel__title{font-weight:var(--font-semibold);align-items:center;gap:var(--space-2);display:flex}.ai-chat-panel__messages{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-chat-panel__input{padding:var(--space-3);border-top:1px solid var(--border);gap:var(--space-2);display:flex}.ai-chat-panel__input input{padding:var(--space-2)var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-primary);outline:none;flex:1}.ai-chat-panel__input input:focus{border-color:var(--brand-primary)}.chat-bubble{max-width:85%;padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5}.chat-bubble--user{background:var(--brand-primary);color:#fff;border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.chat-bubble--ai{background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-title{width:70%;height:20px;margin-bottom:var(--space-2)}.skeleton-image{aspect-ratio:1;border-radius:var(--radius-lg)}.price-tag{align-items:baseline;gap:var(--space-2);display:inline-flex}.price-tag__current{font-family:var(--font-display);font-weight:var(--font-bold);color:var(--brand-primary)}.price-tag__old{color:var(--text-muted);font-size:.8em;text-decoration:line-through}.price-tag__discount{font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error);padding:2px 6px}.delivery-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);display:inline-flex}.delivery-badge--free{background:var(--success-bg);color:var(--success)}.delivery-badge--paid{background:var(--info-bg);color:var(--info)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-12)var(--space-4)calc(var(--bottom-nav-height) + var(--space-8))}.footer__inner{max-width:var(--max-width);gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;display:grid}.footer__section-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.footer__links{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.footer__links a{color:var(--text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--brand-primary)}.footer__copyright{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}.toast{top:calc(var(--header-height) + var(--space-4));right:var(--space-4);padding:var(--space-3)var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-toast);align-items:center;gap:var(--space-3);font-size:var(--text-sm);animation:.3s slideInRight;display:flex;position:fixed}.toast--success{border-left:4px solid var(--success)}.toast--error{border-left:4px solid var(--error)}.toast--info{border-left:4px solid var(--info)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.hero__content{text-align:center;grid-template-columns:1fr}.hero__title{font-size:var(--text-3xl)}.hero__visual{display:none}.hero__actions{justify-content:center}.product-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.ai-chat-panel{right:var(--space-2);left:var(--space-2);width:auto;max-height:75dvh}.search-bar{max-width:none}}@media (max-width:360px){.product-grid{gap:var(--space-2)}.product-card__body{padding:var(--space-2)}}@media (min-width:769px){.product-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}.ai-chat-panel{right:var(--space-6);bottom:var(--space-6);width:400px;max-height:600px}.ai-chat-fab{right:var(--space-6);bottom:var(--space-6)}.bottom-nav{border-radius:var(--radius-xl)var(--radius-xl)0 0;width:500px;box-shadow:var(--shadow-lg);left:50%;right:auto;transform:translate(-50%)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}.product-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.product-card{transition:transform .25s,box-shadow .25s}}@media (min-width:1440px){.product-grid{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}.product-card:active{transform:scale(.98)}.category-pill:active{transform:scale(.95)}.bottom-nav{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)}@media (max-width:480px){.product-card__body{padding:var(--space-2)var(--space-3)}.product-card__name{font-size:.8rem}.product-card__price{font-size:var(--text-base)}.hero{padding:48px 0 32px!important}.section-title{font-size:var(--text-xl)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}main{animation:.3s fadeIn}::selection{background:rgba(var(--brand-primary-rgb),.2);color:var(--text-primary)}.header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(var(--header-blur));border-bottom:1px solid var(--border);height:var(--header-height);transition:box-shadow var(--transition-normal);position:fixed;top:0;left:0;right:0}.header:hover{box-shadow:var(--shadow-sm)}.header__inner{max-width:var(--max-width);padding:0 var(--space-4);align-items:center;gap:var(--space-3);height:100%;margin:0 auto;display:flex}.header__logo{color:var(--text-primary);transition:transform var(--transition-fast);flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.header__logo:hover{transform:scale(1.04)}.header__logo-icon{width:36px;height:36px;color:var(--brand-primary);filter:drop-shadow(0 2px 4px rgba(var(--brand-primary-rgb),.25))}.header__logo-text{font-family:var(--font-display);font-weight:var(--font-extrabold);letter-spacing:-.5px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem}.search-bar{background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:var(--radius-full);min-width:0;padding:0 var(--space-3);height:40px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);flex:1;align-items:center;gap:8px;display:flex}.search-bar:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.12);background:var(--bg-primary)}.search-bar__icon{color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0;display:flex}.search-bar:focus-within .search-bar__icon{color:var(--brand-primary)}.search-bar__input{min-width:0;font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__ai-badge{background:linear-gradient(135deg,var(--brand-primary),#8b5cf6);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);letter-spacing:.5px;flex-shrink:0;align-items:center;padding:3px 10px;animation:3s ease-in-out infinite ai-badge-glow;display:flex}@keyframes ai-badge-glow{0%,to{box-shadow:0 0 4px rgba(var(--brand-primary-rgb),.3)}50%{box-shadow:0 0 10px rgba(var(--brand-primary-rgb),.5)}}.header__actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.header__action-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.header__action-btn:hover{background:var(--bg-tertiary);color:var(--brand-primary);transform:translateY(-1px)}.header__cart-badge{background:var(--error);color:#fff;min-width:18px;height:18px;font-size:10px;font-weight:var(--font-bold);animation:badge-pop .3s var(--transition-spring);border:2px solid var(--bg-primary);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:2px;right:2px}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.theme-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--brand-accent);transform:rotate(20deg)scale(1.08)}.bottom-nav{z-index:100;height:var(--bottom-nav-height);background:var(--header-bg);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{padding:var(--space-1)var(--space-3);color:var(--text-muted);font-size:10px;font-weight:var(--font-medium);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:3px;min-width:52px;text-decoration:none;display:flex;position:relative}.bottom-nav__item.active{color:var(--brand-primary)}.bottom-nav__item.active .bottom-nav__icon-wrap{background:var(--brand-primary-light);border-radius:var(--radius-md);padding:4px 12px}.bottom-nav__item:hover{color:var(--brand-primary)}.bottom-nav__icon-wrap{transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav__label{white-space:nowrap;transition:all var(--transition-fast)}.bottom-nav__item.active .bottom-nav__label{font-weight:var(--font-bold)}.category-pill{scroll-snap-align:start;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;flex-direction:column;flex-shrink:0;min-width:96px;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.category-pill:before{content:"";background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.06),transparent);opacity:0;transition:opacity var(--transition-fast);position:absolute;inset:0}.category-pill:hover:before,.category-pill.active:before{opacity:1}.category-pill:hover,.category-pill.active{border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:0 8px 24px rgba(var(--brand-primary-rgb),.15);transform:translateY(-4px)}.category-pill__icon{background:var(--bg-secondary);border-radius:var(--radius-lg);width:44px;height:44px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:26px;display:flex}.category-pill:hover .category-pill__icon,.category-pill.active .category-pill__icon{background:var(--brand-primary-light);transform:scale(1.08)}.category-pill__name{font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center;white-space:nowrap}.product-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001a}.product-card:active{transition-duration:.1s;transform:scale(.97)}.product-card__image-wrap{position:relative;overflow:hidden}.product-card__image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#00000008 100%);position:absolute;inset:0}.sale-banner{position:relative}.sale-banner:after{content:"";background:#ffffff0f;border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite float-circle;position:absolute;top:-50%;left:-20%}@keyframes float-circle{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes timer-tick{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float-up-down{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(15px,-10px)scale(1.05)}66%{transform:translate(-10px,8px)scale(.95)}}@keyframes ai-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:640px){.header__logo-text{display:none}.header__inner{gap:var(--space-2);padding:0 var(--space-3)}.search-bar{height:36px;padding:0 var(--space-2)}.search-bar__ai-badge{display:none}.header__action-btn,.theme-toggle{width:36px;height:36px}#profile-btn{display:none}.bottom-nav__item.active .bottom-nav__icon-wrap{padding:4px 10px}}@media (min-width:769px){.bottom-nav{border-radius:var(--radius-xl)var(--radius-xl)0 0;width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-bottom:none;left:50%;right:auto;transform:translate(-50%)}}@media (max-width:380px){.search-bar__input::placeholder{font-size:12px}}.pos-grid{animation:.3s fadeIn}.pos-products,.pos-cart{animation:.4s both reveal-up}.pos-cart{animation-delay:.1s}