@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333}#app{min-height:100vh;display:flex;flex-direction:column}a{color:#009b91}.header{background-color:#fff;border-bottom:1px solid #eee;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.header .logo{font-size:1.5rem;font-weight:700;color:#2c3e50;cursor:pointer;text-decoration:none;transition:opacity .2s}.header .logo:hover{opacity:.7}.header .logo .logo-img{height:30px;width:auto}.header .center{flex:1;text-align:center;font-size:.9rem;color:#666}.header .cart-link{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s;text-decoration:none;color:#2c3e50;font-weight:500}.header .cart-link:hover{background-color:#f0f0f0}.header .cart-link .cart-count{display:inline-block;background-color:#e74c3c;color:#fff;border-radius:50%;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.container{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.page-title{font-size:2rem;margin-bottom:2rem;color:#2c3e50}.section{margin-bottom:3rem}.section .section-title{font-size:1.5rem;margin-bottom:1.5rem;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:.5rem}.section .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.product-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;cursor:pointer}.product-card:hover{box-shadow:0 4px 12px #00000026}.product-card .product-image{width:100%;height:200px;object-fit:cover;background-color:#f0f0f0}.product-card .product-info{padding:1rem;flex:1;display:flex;flex-direction:column}.product-card .product-name{font-weight:600;margin-bottom:.5rem;font-size:1rem}.product-card .product-type{font-size:.85rem;color:#999;margin-bottom:.5rem}.product-card .product-price{font-size:1.25rem;font-weight:700;color:#009b91;margin-bottom:1rem;margin-top:auto}.product-card .add-btn{background-color:#3498db;color:#fff;border:none;padding:.75rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.product-card .add-btn:hover{background-color:#2980b9}.product-detail{max-width:900px;margin:0 auto}.product-detail .back-link{display:inline-block;margin-bottom:2rem;color:#3498db;text-decoration:none;font-weight:500;transition:color .2s}.product-detail .back-link:hover{color:#2980b9}.product-detail .detail-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.product-detail .detail-content{grid-template-columns:1fr;gap:1.5rem}}.product-detail .detail-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px;background-color:#f0f0f0}.product-detail .detail-info{display:flex;flex-direction:column}.product-detail .detail-info .detail-name{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#2c3e50}.product-detail .detail-info .detail-type{font-size:1rem;color:#999;margin-bottom:1rem}.product-detail .detail-info .detail-price{font-size:1.75rem;font-weight:700;color:#009b91;margin-bottom:2rem}.product-detail .detail-info .add-btn{background-color:#3498db;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;cursor:pointer;font-weight:600;font-size:1rem;transition:background-color .2s}.product-detail .detail-info .add-btn:hover{background-color:#2980b9}.checkout{margin:0 auto}.checkout .empty-cart{background:white;padding:2rem;border-radius:8px;text-align:center;color:#999}.checkout .empty-cart .continue-link{display:inline-block;margin-top:1rem;color:#3498db;text-decoration:none;font-weight:500}.checkout .empty-cart .continue-link:hover{text-decoration:underline}.checkout .checkout-content{display:grid;grid-template-columns:1fr 300px;gap:2rem}@media (max-width: 768px){.checkout .checkout-content{grid-template-columns:1fr}}.checkout .cart-items{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.checkout .cart-item{display:grid;grid-template-columns:100px 1fr auto;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid #eee}.checkout .cart-item:last-child{border-bottom:none}.checkout .cart-item .item-image{width:100px;height:100px;object-fit:cover;border-radius:4px;background-color:#f0f0f0}.checkout .cart-item .item-details{display:flex;flex-direction:column;justify-content:space-between}.checkout .cart-item .item-details .item-name{font-weight:600;margin-bottom:.25rem}.checkout .cart-item .item-details .item-type{font-size:.85rem;color:#999;margin-bottom:.5rem}.checkout .cart-item .item-details .item-price{font-weight:600;color:#009b91}.checkout .cart-item .item-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.checkout .cart-item .item-actions .quantity{font-size:.9rem;color:#666}.checkout .cart-item .item-actions .remove-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-weight:500;transition:opacity .2s}.checkout .cart-item .item-actions .remove-btn:hover{opacity:.7}.checkout .cart-summary{background:white;border-radius:8px;padding:1.5rem;height:fit-content;box-shadow:0 2px 8px #0000001a;position:sticky;top:1rem;margin-top:20px}.checkout .cart-summary .summary-title{font-weight:600;margin-bottom:1rem;font-size:1.1rem}.checkout .cart-summary .summary-line{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem}.checkout .cart-summary .summary-line.total{border-top:2px solid #eee;padding-top:1rem;margin-top:1rem;font-weight:700;font-size:1.1rem;color:#009b91}.checkout .cart-summary .checkout-btn{width:100%;background-color:#009b91;color:#fff;border:none;padding:1rem;border-radius:4px;cursor:pointer;font-weight:600;margin-top:1.5rem;transition:background-color .2s}.checkout .cart-summary .checkout-btn:hover{background-color:#229954}.checkout .cart-summary .checkout-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){.header{flex-direction:column;gap:1rem}.header .center{order:3;width:100%;margin-top:1rem}.container{padding:1rem}.section .products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}