:root{--primary-color:#d32f2f;--secondary-color:#ff6b35;--accent-color:#ffc107;--bg-color:#fafafa;--surface-color:#fff;--text-color:#2c2c2c;--text-secondary:#666;--border-color:#e0e0e0;--shadow:0 4px 20px rgba(0,0,0,.1);--shadow-hover:0 8px 30px rgba(0,0,0,.15);--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--primary-color:#ff5252;--secondary-color:#ff8a65;--accent-color:#ffd54f;--bg-color:#2a2a2a;--surface-color:#3a3a3a;--text-color:#fff;--text-secondary:#b0b0b0;--border-color:#555;--shadow:0 4px 20px rgba(0,0,0,.3);--shadow-hover:0 8px 30px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-color);line-height:1.6}.app-container,body{background:var(--bg-color);transition:var(--transition)}.app-container{min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:6px 40px;background:var(--surface-color);box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.logo{transition:var(--transition)}.logo{font-size:1rem;font-weight:800;color:var(--primary-color);text-decoration:none}.logo:hover{transform:scale(1.05)}.cart-icon{position:relative;background:var(--primary-color);color:#fff;border:none;padding:6px;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:4px;font-weight:600;font-size:.7rem}.cart-icon:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.cart-count{background:var(--accent-color);color:var(--text-color);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;margin-left:4px}.navigation{position:relative;width:100%;max-width:500px;height:70px;background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow);margin:40px auto}.navigation ul{display:flex;width:100%;height:100%;list-style:none;margin:0;padding:0}.navigation ul li{position:relative;list-style:none;width:70px;height:70px;z-index:1;flex:1 1}.navigation ul li a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;font-weight:500;text-decoration:none;color:var(--text-color)}.navigation ul li a,.navigation ul li a .icon{position:relative;text-align:center;transition:var(--transition)}.navigation ul li a .icon{display:block;line-height:75px;font-size:1.5rem;color:var(--text-secondary)}.navigation ul li a .icon img{width:24px;height:24px;filter:brightness(0) saturate(100%) opacity(.7);transition:var(--transition)}.navigation ul li.active a .icon{transform:translateY(-32px)}.navigation ul li.active a .icon img{filter:none}.navigation ul li a .text{position:absolute;color:var(--text-secondary);font-weight:400;font-size:.75rem;letter-spacing:.05rem;transition:var(--transition);opacity:0;transform:translateY(20px)}.navigation ul li.active a .text{opacity:1;transform:translateY(10px);color:#fff}.indicator{position:absolute;top:-50%;width:70px;height:70px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:50%;border:6px solid var(--bg-color);transition:var(--transition);transform:translateX(calc(70px * var(--active-index, 0)))}.indicator:before{left:-22px;border-top-right-radius:20px;box-shadow:1px -10px 0 0 var(--bg-color)}.indicator:after,.indicator:before{content:"";position:absolute;top:50%;width:20px;height:20px;background:transparent}.indicator:after{right:-22px;border-top-left-radius:20px;box-shadow:-1px -10px 0 0 var(--bg-color)}.theme-switch{position:fixed;top:20px;right:20px;z-index:1000;background:var(--surface-color);border:2px solid var(--border-color);border-radius:50%;padding:12px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);width:48px;height:48px;display:flex;align-items:center;justify-content:center}.theme-switch:hover{transform:scale(1.1);box-shadow:var(--shadow-hover);background:var(--primary-color)}.theme-switch:hover .theme-switch-icon{color:#fff}.theme-switch-icon{width:24px;height:24px;color:var(--primary-color);transition:var(--transition);fill:currentColor}.main-content{padding:20px;max-width:700px;margin:0 auto}.products-grid{display:flex;flex-wrap:wrap;gap:30px;margin-top:40px;justify-content:center}.product-card{flex:0 1 300px;max-width:100%;background:var(--surface-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border-color)}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.product-image{width:100%;height:200px;transition:var(--transition)}.product-card:hover .product-image{transform:scale(1.05)}.product-info{padding:20px}.product-name{font-size:1.25rem;font-weight:700;color:var(--text-color);margin-bottom:8px}.product-price{font-size:1.5rem;font-weight:800;color:var(--primary-color);margin-bottom:12px}.toggle-description{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:15px;transition:var(--transition)}.toggle-description:hover{color:var(--secondary-color);text-decoration:underline}.product-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:10px;max-height:3em;overflow:hidden;transition:var(--transition)}.product-description.expanded{max-height:none}.quantity-controls{gap:12px;margin-bottom:20px}.quantity-btn{background:var(--border-color);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-weight:700;color:var(--text-color)}.quantity-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.quantity-display{font-weight:600;font-size:1.1rem;min-width:40px;text-align:center;color:var(--text-color)}.add-to-cart-btn{width:100%;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);font-size:1rem}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);background:linear-gradient(45deg,var(--secondary-color),var(--primary-color))}.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.cart-modal{border-radius:16px;width:100%;max-width:480px;max-height:85vh;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}.cart-header,.cart-modal{background:var(--surface-color);display:flex}.cart-header{justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.cart-header h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);transition:var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{color:var(--primary-color);background:var(--border-color);transform:scale(1.1)}.cart-content{flex:1 1;padding:0 24px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.cart-content:empty{justify-content:center;min-height:200px;color:var(--text-secondary);font-size:1.1rem}.cart-content:empty,.cart-item{display:flex;align-items:center}.cart-item{gap:16px;padding:16px;background:var(--bg-color);border-radius:12px;border:1px solid var(--border-color);transition:var(--transition);align-content:flex-end;justify-content:flex-end}.cart-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0}.item-details{flex:1 1;display:flex;flex-direction:column;gap:4px}.item-details h3{font-weight:600;color:var(--text-color);margin:0;font-size:1rem}.item-details p{color:var(--primary-color);font-weight:700;margin:0;font-size:1.1rem}.quantity-controls{gap:8px;background:var(--surface-color);border-radius:8px;padding:4px;border:1px solid var(--border-color)}.quantity-controls,.quantity-controls button{display:flex;align-items:center;justify-content:center}.quantity-controls button{background:var(--primary-color);color:#fff;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:var(--transition);font-weight:600}.quantity-controls button:hover{background:var(--secondary-color);transform:scale(1.1)}.quantity-controls span{min-width:32px;text-align:center;font-weight:600;color:var(--text-color)}.remove-btn{background:#ff4757;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:var(--transition);font-size:.9rem;font-weight:500}.remove-btn:hover{background:#ff3742;transform:scale(1.05)}.cart-total{margin-top:auto;padding:20px 0 16px;border-top:2px solid var(--border-color);text-align:center}.cart-total h3{font-size:1.5rem;font-weight:800;color:var(--primary-color);margin:0 0 16px}.cart-actions{display:flex;flex-direction:column;gap:12px}.clear-btn{background:var(--text-secondary);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:var(--transition);font-weight:600}.clear-btn:hover{background:#666;transform:translateY(-1px)}.checkout-btn{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:16px 24px;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition)}.checkout-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}@media (max-width:768px){.products-grid{gap:20px;padding:0 15px}.product-card{flex:0 1 280px}.cart-overlay{padding:10px}.cart-modal{max-height:90vh}.cart-header{padding:20px 20px 12px}.cart-content{padding:0 20px 20px}.cart-item{padding:12px;gap:8px;flex-wrap:wrap}.cart-item img{width:56px;height:56px}.item-details{flex:1 1;min-width:120px}.item-details h3{font-size:.9rem}.item-details p{font-size:1rem}.quantity-controls{gap:6px;padding:2px}.quantity-controls button{width:28px;height:28px;font-size:.9rem}.quantity-controls span{min-width:24px;font-size:.9rem}.remove-btn{padding:6px 8px;font-size:.8rem;white-space:nowrap}}@media (max-width:480px){.cart-item{align-items:stretch;gap:12px}.cart-item img{width:48px;height:48px;align-self:center}.item-details{text-align:center;min-width:auto}.quantity-controls{align-self:center;justify-content:center}.remove-btn{align-self:center;padding:8px 16px}.header{padding:3px 15px}.logo{font-size:.8rem}}