@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #4F46E5;--primary-hover: #4338CA;--secondary: #10B981;--bg-color: #F9FAFB;--text-main: #111827;--text-muted: #6B7280;--card-bg: #FFFFFF;--border-radius: 12px;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;box-shadow:0 4px 6px -1px #0000000d}.nav-brand{cursor:pointer}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-search input{padding:.6rem 1.2rem;border-radius:20px;border:1px solid #E5E7EB;width:300px;outline:none;font-family:Outfit,sans-serif;transition:var(--transition);background:#f3f4f6}.nav-search input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-link{background:none;border:none;font-size:1rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:var(--transition)}.nav-link:hover{color:var(--primary)}.nav-btn-cart{background:var(--text-main);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.nav-btn-cart:hover{background:var(--primary);transform:translateY(-2px)}.cart-badge{background:var(--secondary);color:#fff;border-radius:50%;padding:.1rem .5rem;font-size:.8rem}.main-content{padding:2rem 3rem;flex:1}.product-list-container{max-width:1200px;margin:0 auto}.filters{margin-bottom:2rem;display:flex;justify-content:flex-end}.filters select{padding:.6rem 1.2rem;border-radius:var(--border-radius);border:1px solid #E5E7EB;font-family:Outfit,sans-serif;outline:none;cursor:pointer;background:#fff;box-shadow:0 2px 4px #00000005}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.product-card{background:var(--card-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 10px 15px -3px #0000000d;transition:var(--transition);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.product-image-container{height:220px;overflow:hidden}.product-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image-container img{transform:scale(1.08)}.product-info{padding:1.5rem;display:flex;flex-direction:column;flex:1}.product-info h3{font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.description{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;flex:1}.price{font-size:1.4rem;font-weight:700;color:var(--text-main);margin-bottom:1.2rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;padding:.8rem;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.no-products{grid-column:1 / -1;text-align:center;font-size:1.2rem;color:var(--text-muted);padding:3rem}.cart-container{max-width:1000px;margin:0 auto}.cart-container h2{font-size:2rem;margin-bottom:2rem}.cart-content{display:flex;gap:2rem}.cart-items{flex:2;display:flex;flex-direction:column;gap:1.5rem}.cart-item{display:flex;background:#fff;padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000000d;gap:1.5rem;align-items:center}.cart-item-image{width:100px;height:100px;object-fit:cover;border-radius:8px}.cart-item-details{flex:1}.cart-item-details h3{margin-bottom:.5rem;font-size:1.1rem}.cart-item-actions{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.item-total{font-size:1.2rem;font-weight:600}.btn-remove{background:none;border:1px solid #EF4444;color:#ef4444;padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:var(--transition)}.btn-remove:hover{background:#ef4444;color:#fff}.cart-summary{flex:1;background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000000d;height:max-content;position:sticky;top:100px}.cart-summary h3{font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #E5E7EB}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;color:var(--text-muted)}.summary-total{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #E5E7EB;font-size:1.2rem}.btn-checkout{width:100%;background:var(--text-main);color:#fff;border:none;padding:1rem;border-radius:var(--border-radius);margin-top:2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition)}.btn-checkout:hover{background:var(--primary);transform:translateY(-2px)}@media(max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-search input{width:100%}.cart-content{flex-direction:column}.cart-item{flex-direction:column;text-align:center}.cart-item-actions{align-items:center}}