@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100;background-color:#fffffff2;align-items:center;height:80px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;display:flex}.brand-logo{align-items:center;display:flex}.brand-logo-img{object-fit:contain;mix-blend-mode:multiply;width:auto;height:56px;image-rendering:crisp-edges;filter:contrast(1.1)}.cart-icon-wrapper{width:40px;height:40px;transition:background-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.cart-icon-wrapper:hover{background-color:var(--surface)}.product-card{group:true;flex-direction:column;display:flex}.product-image-container{aspect-ratio:3/4;background-color:var(--surface);width:100%;margin-bottom:var(--spacing-sm);position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.product-overlay{opacity:0;transition:opacity var(--transition-smooth);background-color:#0000001a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.view-text{color:#000;text-transform:uppercase;letter-spacing:.05em;transition:transform var(--transition-smooth);background-color:#fff;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transform:translateY(10px)}.product-card:hover .product-image{transform:scale(1.05)}.product-card:hover .product-overlay{opacity:1}.product-card:hover .view-text{transform:translateY(0)}.product-info{flex-direction:column;gap:.25rem;display:flex}.product-name{color:var(--text-main);font-size:1rem;font-weight:400}.product-price{color:var(--text-muted);font-size:1rem}.home-screen{padding-bottom:var(--spacing-lg)}.hero-section{padding:var(--spacing-lg) 0;text-align:center;background-color:var(--surface);margin-bottom:var(--spacing-lg)}.hero-title{margin-bottom:var(--spacing-xs);font-size:3rem}.hero-subtitle{max-width:600px;margin:0 auto;font-size:1.125rem}.product-grid{gap:var(--spacing-md);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.product-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}}.product-detail-screen{padding:var(--spacing-md) 0 var(--spacing-lg)}.back-button{margin-bottom:var(--spacing-md);color:var(--text-muted);transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.back-button:hover{color:var(--primary)}.product-detail-layout{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.product-detail-layout{grid-template-columns:1fr 1fr;align-items:start}}.product-detail-image-wrapper{background-color:var(--surface);aspect-ratio:3/4;overflow:hidden}.product-detail-image{object-fit:cover;width:100%;height:100%}.product-detail-info{padding:var(--spacing-sm) 0;flex-direction:column;display:flex}.product-category{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--spacing-xs);font-size:.75rem}.product-detail-name{margin-bottom:var(--spacing-sm);font-size:2.5rem;line-height:1.1}.product-detail-price{color:var(--text-muted);margin-bottom:var(--spacing-md);font-size:1.5rem}.product-description-box{margin-bottom:var(--spacing-lg);border-top:1px solid var(--border);padding-top:var(--spacing-md)}.add-to-cart-btn{margin-bottom:var(--spacing-lg);gap:.5rem}.add-to-cart-btn.added{color:#fff;background-color:#4caf50}.product-features{gap:var(--spacing-sm);border-top:1px solid var(--border);padding-top:var(--spacing-md);flex-direction:column;display:flex}.feature{justify-content:space-between;font-size:.875rem;display:flex}.feature-title{color:var(--text-main);font-weight:500}.feature-desc{color:var(--text-muted)}.cart-screen{padding:var(--spacing-lg) var(--spacing-sm)}.empty-cart{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;min-height:50vh;display:flex}.continue-shopping{margin-top:var(--spacing-md);max-width:200px}.cart-title{margin-bottom:var(--spacing-lg);font-size:2.5rem}.cart-layout{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=1024px){.cart-layout{grid-template-columns:2fr 1fr;align-items:start}}.cart-items{gap:var(--spacing-md);flex-direction:column;display:flex}.cart-item{gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);display:flex}.cart-item-image-wrapper{background-color:var(--surface);flex-shrink:0;width:100px;height:120px}.cart-item-image{object-fit:cover;width:100%;height:100%}.cart-item-details{flex-direction:column;flex:1;display:flex}.cart-item-header{justify-content:space-between;align-items:flex-start;display:flex}.cart-item-name{margin-bottom:.25rem;font-size:1.125rem;font-weight:400}.cart-item-price{color:var(--text-muted);margin-bottom:auto}.remove-btn{color:var(--text-muted);transition:color var(--transition-fast)}.remove-btn:hover{color:#f44}.quantity-controls{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:1rem;width:fit-content;padding:.25rem .5rem;display:flex}.qty-btn{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.qty-btn:hover{color:var(--primary)}.qty-value{text-align:center;min-width:1.5rem;font-size:.875rem}.cart-summary{background-color:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-sm);position:sticky;top:100px}.summary-title{margin-bottom:var(--spacing-md);font-size:1.25rem}.summary-row{margin-bottom:var(--spacing-sm);color:var(--text-muted);justify-content:space-between;display:flex}.total-row{color:var(--primary);border-top:1px solid var(--border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:1.25rem;font-weight:500}.checkout-btn{gap:.5rem}.checkout-screen{padding:var(--spacing-lg) var(--spacing-sm);max-width:800px!important}.checkout-title{margin-bottom:var(--spacing-lg);font-size:2.5rem}.checkout-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-section h2{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border);font-size:1.25rem}.form-group{margin-bottom:var(--spacing-sm)}.form-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition-fast);background-color:var(--surface);padding:1rem;font-family:inherit;font-size:1rem}.form-input:focus{border-color:var(--primary);background-color:var(--background);outline:none}.pay-btn{margin-top:var(--spacing-md)}.success-state{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;min-height:50vh;display:flex}.success-icon{margin-bottom:var(--spacing-sm);animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleIn}.back-home-btn{margin-top:var(--spacing-md);max-width:250px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}:root{--primary:#000;--background:#fff;--surface:#f9f9f9;--text-main:#111;--text-muted:#767676;--border:#eaeaeb;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--radius-sm:4px;--radius-md:8px;--transition-fast:.2s ease;--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}h1{letter-spacing:-.03em;font-size:2.5rem;font-weight:500}h2{font-size:1.5rem;font-weight:500}h3{font-size:1.25rem;font-weight:500}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}p{color:var(--text-muted);font-size:1rem;line-height:1.6}.container{max-width:1400px;padding:0 var(--spacing-sm);margin:0 auto}@media (width>=768px){.container{padding:0 var(--spacing-md)}}.page-wrapper{flex-direction:column;min-height:100vh;padding-top:80px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-smooth) forwards}.btn-primary{background-color:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-fast);justify-content:center;align-items:center;width:100%;padding:1rem 2rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary:hover{background-color:#333}.btn-primary:disabled{background-color:var(--border);color:var(--text-muted);cursor:not-allowed}.btn-secondary{background-color:var(--background);color:var(--primary);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;transition:border-color var(--transition-fast);justify-content:center;align-items:center;width:100%;padding:1rem 2rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--primary)}.badge{background-color:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;display:flex;position:absolute;top:-8px;right:-8px}