body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header { background: #333; color: white; padding: 1rem; text-align: center; }
nav { display: flex; justify-content: space-between; padding: 0 1rem; }
#search { padding: 0.5rem; width: 60%; }
#cart-toggle { padding: 0.5rem 1rem; background: #007bff; color: white; border: none; cursor: pointer; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; padding: 1rem; }
.product-card { border: 1px solid #ddd; padding: 1rem; text-align: center; }
.product-card img { max-width: 100%; height: auto; }
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; }
.modal-content { background: white; padding: 2rem; max-width: 500px; width: 90%; }
#close-cart { float: right; font-size: 1.5rem; cursor: pointer; }
#cart-items li { margin: 0.5rem 0; }
#checkout { padding: 0.5rem 1rem; background: #28a745; color: white; border: none; cursor: pointer; }
.loading { text-align: center; padding: 2rem; }