@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.language-selector{position:relative;display:inline-block}.language-selector-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f000;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;font-size:14px;font-weight:500;color:#333}.language-selector-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.language-selector-btn:active{transform:translateY(0)}.language-selector-btn .flag-icon{display:flex;align-items:center}.language-selector-btn .flag-icon svg{width:22px;height:15px;border-radius:3px;box-shadow:0 1px 3px #0003}.language-selector-btn .lang-name{font-size:13px;color:#fff}.language-selector-btn .chevron-icon{font-size:12px;color:#666;transition:transform .3s ease}.language-selector-btn .chevron-icon.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:8px;min-width:150px;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.language-option:hover{background:#f5f5f5}.language-option.active{background:linear-gradient(135deg,rgba(var(--primary-rgb, 246, 199, 5),.15),rgba(var(--primary-rgb, 246, 199, 5),.08))}.language-option .flag-icon{display:flex;align-items:center}.language-option .flag-icon svg{width:24px;height:16px;border-radius:3px;box-shadow:0 1px 3px #0003}.language-option .lang-name{flex:1;font-size:14px;font-weight:500;color:#333}.language-option .check-icon{color:var(--primary, #f6c705);font-size:16px;font-weight:700}@media (max-width: 480px){.language-selector-btn{padding:6px 10px}.language-selector-btn .lang-name{font-size:12px}.language-selector-btn .flag-icon svg{width:20px;height:14px}}.loading-spinner-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:linear-gradient(135deg,#000,#1a1a1a);position:fixed;top:0;left:0;z-index:9999}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#f6c705;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-message{color:#f6c705;font-size:18px;font-weight:500;margin:0;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.app{min-height:100vh;display:flex;flex-direction:column}.btn-primary{background-color:var(--theme-primary)!important;border-color:var(--theme-primary)!important}.btn-primary:hover{background-color:var(--theme-primary)!important;border-color:var(--theme-primary)!important;opacity:.8}.btn-outline-primary{color:var(--theme-primary)!important;border-color:var(--theme-primary)!important}.btn-outline-primary:hover{background-color:var(--theme-primary)!important;border-color:var(--theme-primary)!important}.bg-primary{background-color:var(--theme-primary)!important}.text-primary{color:var(--theme-primary)!important}.text-secondary{color:var(--theme-secondary)!important}.text-light{color:var(--theme-text)!important}.h3.mb-0.fw-bold{color:var(--primary)!important}h3,h1.h3,.h3{color:var(--theme-text)!important}.navbar.navbar-expand-lg{background-color:var(--theme-header-bg)!important}.navbar-brand,.navbar-nav .nav-link{color:var(--theme-secondary)!important}.navbar-brand:hover,.navbar-nav .nav-link:hover{color:var(--theme-primary)!important}.fly-to-cart{position:fixed;z-index:9999;animation:fly-to-cart .8s forwards}@keyframes fly-to-cart{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--target-x),var(--target-y)) scale(.2)}}.out-of-stock-overlay-mobile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#dc3545e6;color:#fff;padding:4px 12px;border-radius:4px;font-weight:700;font-size:12px;text-align:center;border:2px solid white;box-shadow:0 2px 8px #0000004d;z-index:10;min-width:80px}.strikethrough{text-decoration:line-through!important;text-decoration-color:#dc3545!important;text-decoration-thickness:2px!important}.stock-status-mobile{background:#dc354514;border-radius:6px;padding:6px 8px;margin-top:6px;border:1px solid rgba(220,53,69,.2)}:root{--primary: rgb(246, 199, 5);--background-app: #000;--background-modern-header: rgb(246, 199, 5);--color-logo-text: resto;--background-modern-bottom-nav: rgb(246, 199, 5);--color-nav-item-modern: #fff;--background-product-card-modern: #fff;--color-product-card-modern: #000;--color-text: #fff;--background-add-btn-modern: rgb(246, 199, 5);--color-text-add-btn-modern: #fff;--background-modal-content: #000;--color-text-modal-content: #fff;--background-card: #fff;--color-text-fw-bold: #fff;--color-text-muted: #fff;--success: #10B981;--success-light: #34D399;--danger: #EF4444;--danger-light: #F87171;--warning: #F59E0B;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(255, 217, 61, .3);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.4, 0, .2, 1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:auto}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:visible;line-height:1.5;height:auto;min-height:100%;-webkit-overflow-scrolling:touch}#root{min-height:100vh;min-height:100dvh}.app{min-height:100vh;min-height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column;position:relative;padding-top:70px;padding-bottom:90px}.modern-header{background:var(--background-modern-header);padding:16px 20px;position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);height:70px}.modern-header .logo{display:flex;align-items:center;gap:12px}.modern-header .logo-icon{width:44px;height:44px;background:#0000001a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.modern-header .logo-text{font-size:20px;font-weight:700;color:var(--color-logo-text);letter-spacing:-.5px}.navbar.navbar-expand-lg{background:var(--background-modern-header)!important;padding:12px 16px;border:none;box-shadow:var(--shadow-md);position:fixed!important;top:0;left:0;right:0;z-index:1000;height:70px}.navbar-brand{color:var(--text-dark)!important;font-weight:700!important;font-size:1.25rem!important}.modern-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--background-modern-bottom-nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:1000;display:flex;justify-content:space-around;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.nav-item-modern{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--radius-lg);transition:var(--transition-normal);cursor:pointer;position:relative;background:transparent;border:none;color:var(--color-nav-item-modern);text-decoration:none}.nav-item-modern:hover{background:var(--bg-glass)}.nav-item-modern.active{color:#fff}.nav-item-modern.active:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--primary);border-radius:var(--radius-full)}.nav-item-modern i{font-size:24px;transition:var(--transition-fast)}.nav-item-modern span{font-size:11px;font-weight:500}.nav-badge{position:absolute;top:2px;right:8px;min-width:18px;height:18px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 5px;animation:pulse 2s infinite}.fixed-bottom{background:var(--bg-card)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)!important;padding:8px 16px 24px!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important;box-shadow:0 -4px 30px #0000004d!important}.fixed-bottom .btn-link{color:var(--text-secondary)!important;transition:var(--transition-normal)}.fixed-bottom .btn-link:hover,.fixed-bottom .btn-link:focus{color:var(--primary)!important;transform:translateY(-2px)}.fixed-bottom i{font-size:1.5rem!important;transition:var(--transition-fast)}.fixed-bottom .text-muted{color:var(--text-secondary)!important}.category-scroll{display:flex;gap:16px;overflow-x:auto;padding:16px 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-card-modern{flex-shrink:0;width:80px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;scroll-snap-align:start;transition:var(--transition-normal)}.category-card-modern:hover{transform:translateY(-4px)}.category-image-wrapper{width:70px;height:70px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);transition:var(--transition-normal)}.category-card-modern.active .category-image-wrapper{box-shadow:var(--shadow-glow)}.category-image-wrapper img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg-primary)}.category-card-modern .category-name{font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card-modern.active .category-name{color:var(--primary);font-weight:600}.products-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px}.product-card-modern{background:var(--background-product-card-modern);color:var(--color-product-card-modern);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-normal);cursor:pointer;position:relative;border:1px solid rgba(255,255,255,.05)}.product-card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:#ffd93d33}.product-card-modern:active{transform:scale(.98)}.product-image-wrapper{height:90px;position:relative;width:100%;aspect-ratio:1;overflow:hidden}.product-image-wrapper img{width:60%;display:block;margin:0 auto}.product-card-modern:hover .product-image-wrapper img{transform:scale(1.08)}.product-badge{position:absolute;top:12px;left:12px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px;box-shadow:var(--shadow-sm)}.product-favorite{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-normal);color:#fff;font-size:18px}.product-favorite:hover{background:#fff3;transform:scale(1.1)}.product-favorite.active{color:var(--danger)}.product-content{padding:14px}.product-name{font-size:15px;font-weight:600;color:var(--color-product-card-modern);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.product-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.product-price{display:flex;flex-direction:column}.price-current{font-size:18px;font-weight:700;color:var(--primary)}.price-original{font-size:13px;color:var(--text-muted);text-decoration:line-through}.add-btn-modern{width:40px;height:40px;background:var(--background-add-btn-modern);border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-normal);color:var(--color-text-add-btn-modern);font-size:20px;box-shadow:var(--shadow-sm)}.add-btn-modern:hover{background:var(--primary-dark);transform:scale(1.05);box-shadow:var(--shadow-glow)}.add-btn-modern:active{transform:scale(.95)}.card{background:var(--background-card)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:var(--radius-xl)!important;transition:var(--transition-normal);overflow:hidden}.card-body{background:transparent!important;color:var(--text-primary)}.card-title{color:var(--text-primary)!important;font-weight:600}.card-img-top{transition:var(--transition-smooth)}.card:hover .card-img-top{transform:scale(1.05)}.offcanvas{background:var(--background-modal-content)!important;border-left:1px solid rgba(255,255,255,.1)!important}.offcanvas-header{background:var(--background-modern-header)!important;padding:20px!important;border-bottom:none!important}.offcanvas-title{color:#fff!important;font-weight:700!important;font-size:1.25rem!important}.offcanvas-body{background:var(--background-modal-content)!important;padding:0!important}.btn-close{filter:invert(1)!important;opacity:.7!important}.cart-item-modern{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;display:flex;gap:12px;border:1px solid rgba(255,255,255,.05);transition:var(--transition-normal)}.cart-item-modern:hover{border-color:#ffd93d33}.cart-item-image{width:70px;height:70px;border-radius:var(--radius-md);object-fit:cover}.cart-item-info{flex:1}.cart-item-name{font-size:15px;font-weight:600;color:var(--color-text-modal-content);margin-bottom:4px}.cart-item-price{font-size:16px;font-weight:700;color:var(--primary)}.quantity-control{display:flex;align-items:center;gap:12px;margin-top:10px}.qty-btn-modern{width:32px;height:32px;background:var(--primary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:#fff;font-size:16px}.qty-btn-modern:hover{background:var(--primary);color:var(--text-dark);border-color:var(--primary)}.qty-value{font-size:16px;font-weight:600;color:var(--color-text-modal-content);min-width:24px;text-align:center}.checkout-section-modern{background:var(--bg-card);padding:20px;border-top:1px solid rgba(255,255,255,.1)}.checkout-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.checkout-label{font-size:16px;color:var(--primary)}.checkout-value{font-size:24px;font-weight:700;color:var(--primary)}.checkout-btn-modern{width:100%;padding:16px;background:var(--primary);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:8px}.checkout-btn-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.checkout-btn-modern:active{transform:scale(.98)}.modal-content{background:var(--background-modal-content)!important;color:var(--color-text-modal-content)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--radius-xl)!important;overflow:hidden}.modal-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:20px!important}.modal-title{color:var(--text-primary)!important;font-weight:700!important}.modal-body{background:transparent!important;color:var(--text-primary)!important;padding:24px!important}.modal-footer{background:transparent!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:20px!important}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)!important;border:none!important;color:var(--text-dark)!important;font-weight:600!important;border-radius:var(--radius-md)!important;transition:var(--transition-normal)!important;box-shadow:var(--shadow-sm)!important}.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-glow)!important}.btn-primary:active{transform:scale(.98)!important}.btn-outline-primary{border:2px solid var(--primary)!important;color:var(--primary)!important;background:transparent!important;font-weight:600!important;border-radius:var(--radius-md)!important;transition:var(--transition-normal)!important}.btn-outline-primary:hover{background:var(--primary)!important;color:var(--text-dark)!important}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%)!important;border:none!important;font-weight:600!important;border-radius:var(--radius-md)!important}.btn-outline-secondary{border:1px solid rgba(255,255,255,.2)!important;color:var(--text-secondary)!important;background:transparent!important;transition:var(--transition-fast)!important}.btn-outline-secondary:hover{background:var(--bg-glass)!important;color:var(--text-primary)!important;border-color:#ffffff4d!important}.btn-outline-danger{border:2px solid var(--danger)!important;color:var(--danger)!important;background:transparent!important;font-weight:600!important}.btn-outline-danger:hover{background:var(--danger)!important;color:#fff!important}.rounded-pill{border-radius:var(--radius-full)!important}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 16px 12px}.section-title{font-size:20px;font-weight:700;color:var(--text-primary)}.section-link{font-size:14px;font-weight:500;color:var(--primary);text-decoration:none;transition:var(--transition-fast)}.section-link:hover{color:var(--primary-dark)}.loading-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-spinner-modern{width:50px;height:50px;border:3px solid var(--bg-elevated);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;font-weight:500;color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-card) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{font-weight:600!important;border-radius:var(--radius-full)!important}.badge.bg-danger{background:var(--danger)!important}.badge.bg-success{background:var(--success)!important}.badge.bg-primary{background:var(--primary)!important;color:var(--text-dark)!important}.subcategory-pills{display:flex;gap:10px;overflow-x:auto;padding:0 16px 16px;scrollbar-width:none}.subcategory-pills::-webkit-scrollbar{display:none}.pill-btn{flex-shrink:0;padding:10px 20px;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal);white-space:nowrap}.pill-btn:hover{background:var(--bg-elevated);border-color:#fff3}.pill-btn.active{background:var(--primary);color:var(--text-dark);border-color:var(--primary);font-weight:600;box-shadow:var(--shadow-glow)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;color:var(--text-muted);margin-bottom:20px}.empty-state-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-text{font-size:14px;color:var(--text-muted)}.form-control{background:var(--bg-card)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;padding:12px 16px!important;transition:var(--transition-fast)!important}.form-control:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #ffd93d33!important}.form-control::placeholder{color:var(--text-muted)!important}.search-modern{display:flex;align-items:center;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:12px 16px;margin:0 16px 16px;gap:12px;transition:var(--transition-fast)}.search-modern:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ffd93d33}.search-modern i{font-size:20px;color:var(--text-muted)}.search-modern input{flex:1;background:transparent;border:none;outline:none;font-size:15px;color:var(--text-primary)}.search-modern input::placeholder{color:var(--text-muted)}.alert{border:none!important;border-radius:var(--radius-lg)!important;padding:16px 20px!important}.alert-danger{background:#ef444426!important;color:var(--danger-light)!important;border-left:4px solid var(--danger)!important}.alert-success{background:#10b98126!important;color:var(--success-light)!important;border-left:4px solid var(--success)!important}.out-of-stock-overlay-mobile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef4444f2;color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.strikethrough{text-decoration:line-through!important;text-decoration-color:var(--danger)!important;opacity:.7}.stock-status-mobile{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:8px 12px;margin-top:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fadeInUp{animation:fadeInUp .5s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}.card:nth-child(5){animation-delay:.25s}.card:nth-child(6){animation-delay:.3s}@keyframes flyToCart{0%{transform:translate(0) scale(1) rotate(0);opacity:1}50%{transform:translate(var(--target-x, 0),var(--target-y, 0)) scale(.5) rotate(180deg);opacity:.8}to{transform:translate(var(--target-x, 0),var(--target-y, 0)) scale(0) rotate(360deg);opacity:0}}.fly-to-cart{position:fixed!important;z-index:9999!important;pointer-events:none!important;animation:flyToCart .6s cubic-bezier(.25,.46,.45,.94) forwards!important;border-radius:50%!important;box-shadow:var(--shadow-lg)!important}@media (max-width: 375px){:root{font-size:14px}.products-grid-modern{gap:12px;padding:0 12px}.product-content{padding:12px}.product-name{font-size:14px}.price-current{font-size:16px}.add-btn-modern{width:36px;height:36px}}@media (min-width: 768px){.products-grid-modern{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){body{max-width:480px;margin:0 auto;box-shadow:var(--shadow-lg)}.products-grid-modern{grid-template-columns:repeat(2,1fr)}.modern-header,.navbar.navbar-expand-lg,.fixed-bottom,.modern-bottom-nav{max-width:480px;left:50%;transform:translate(-50%)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.category-scroll::-webkit-scrollbar,.subcategory-pills::-webkit-scrollbar{display:none}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-muted{color:var(--color-text-muted)!important}.text-light{color:var(--text-primary)!important}.fw-bold{color:var(--primary)!important}.bg-primary{background:var(--primary)!important}.bg-dark{background:var(--bg-card)!important}.cursor-pointer{cursor:pointer}.position-relative{position:relative!important}.glass{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}.category-banner{width:100%;overflow:hidden;margin-bottom:8px}.category-banner img{width:100%;height:100%;object-fit:cover}