@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #ff4d00;--primary-hover: #e64500;--bg-dark: #0a0a0b;--bg-card: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #a1a1aa;--font-inter: "Inter", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-inter);background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 0% 0%,rgba(255,77,0,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(255,77,0,.05) 0%,transparent 50%);min-height:100vh;-webkit-font-smoothing:antialiased}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px}h1,h2,h3{font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit;transition:var(--transition)}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #ff4d0033}.container{max-width:1200px;margin:0 auto;padding:20px}.app-container{padding-top:100px;padding-bottom:120px}.header{position:fixed;top:10px;left:10px;right:10px;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;margin-bottom:40px}.logo h1{font-size:1.5rem;color:var(--text-main)}.logo span{color:var(--primary)}.cart-summary{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer}.cart-icon{font-size:1.5rem}.cart-stats{display:flex;flex-direction:column;line-height:1.2}.cart-stats span{font-size:.75rem;color:var(--text-muted)}.hero{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:60px 0;text-align:left}.hero-content{flex:1}.hero h2{font-size:3rem;line-height:1.1;margin-bottom:20px;background:linear-gradient(to right,#ffffff,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--text-muted);font-size:1.1rem;max-width:450px}.hero-image{flex:1;display:flex;justify-content:center}.hero-image img{width:100%;max-width:450px;filter:drop-shadow(0 20px 50px rgba(255,77,0,.3))}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(max-width:900px){.hero{flex-direction:column-reverse;text-align:center;gap:30px}.hero-content{display:flex;flex-direction:column;align-items:center}.hero h2{font-size:2.2rem}}.categories-nav{display:flex;gap:10px;overflow-x:auto;padding:20px 0;margin-bottom:20px;scrollbar-width:none}.cat-btn{background:var(--bg-card);padding:8px 20px;border-radius:20px;white-space:nowrap;color:var(--text-muted);border:1px solid var(--border-glass)}.cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.card-footer{display:flex;justify-content:space-between;align-items:center}.add-btn{background:var(--primary);color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.total-row{display:flex;justify-content:space-between;font-size:1.3rem;border-top:1px solid var(--border-glass);padding-top:15px}.item-detail{display:flex;flex-direction:column}.item-price{font-size:.8rem;color:var(--primary)}.fade-in{animation:fadeIn .5s ease forwards}.slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.loading-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.spinner{width:50px;height:50px;border:3px solid var(--border-glass);border-top-color:var(--primary);border-radius:50%;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.product-card{overflow:hidden;transition:var(--transition)}.product-card:hover{transform:translateY(-5px);border-color:var(--primary)}.product-image{height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.product-card:hover .product-image img{transform:scale(1.1)}.product-info{padding:20px}.product-info h3{margin-bottom:8px;font-size:1.25rem}.description{color:var(--text-muted);font-size:.9rem;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-tag{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:15px}.cart-fab{position:fixed;bottom:20px;right:20px;z-index:1001;background:linear-gradient(135deg,#ff6b35,#f7931e);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #ff6b3580;transition:all .3s ease}.cart-fab:hover{transform:scale(1.1);box-shadow:0 6px 30px #ff6b35b3}.cart-fab-icon{font-size:1.5rem;position:relative}.cart-fab-badge{position:absolute;top:-8px;right:-8px;background:#f44;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.cart-drawer{position:fixed;inset:0;z-index:2000;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;animation:fadeIn .3s ease;padding:20px 10px}.cart-drawer-content{width:100%;max-width:600px;height:auto;max-height:90vh;margin:0 auto;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;box-shadow:0 0 50px #00000080;border-radius:12px;overflow:hidden}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:2px solid rgba(255,107,53,.3);flex-shrink:0}.cart-close-btn{background:#ffffff1a;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .2s}.cart-close-btn:hover{background:#ff6b354d;border-color:var(--primary)}.clear-cart{background:none;color:var(--text-muted);font-size:.8rem}.cart-items{flex:1;overflow-y:auto;padding:15px 20px 0}.cart-items::-webkit-scrollbar{width:8px}.cart-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.cart-items::-webkit-scrollbar-thumb{background:#ff6b3580;border-radius:10px}.cart-items::-webkit-scrollbar-thumb:hover{background:#ff6b35b3}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-glass)}.remove-item{background:none;color:#f44;font-size:1.2rem;margin-left:10px}.cart-footer{display:flex;flex-direction:column;gap:10px;padding:15px 20px;border-top:2px solid rgba(255,107,53,.3);background:#0000004d;flex-shrink:0}@media(max-width:600px){.product-grid{grid-template-columns:1fr}}
