body {
  margin:0;
  font-family:system-ui;
  background:#f5f7fa;
}

/* CONTAINER */
.container {
  max-width:1400px;
  margin:auto;
  padding:20px;
}

/* GRID */
.products {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:20px;
}

.product-card {
  background:#fff;
  padding:10px;
  border-radius:10px;
  text-align:center;
  cursor:pointer;
}

.product-card img {
  width:100%;
  height:160px;
  object-fit:cover;
}

/* MODAL */
.modal {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  display:none;
  align-items:center;
  justify-content:center;
}

.modal.show {
  display:flex;
}

.modal-content {
  background:#fff;
  padding:25px;
  border-radius:10px;
  max-width:900px;
  width:90%;
}

/* MODAL LAYOUT */
.modal-product {
  display:flex;
  gap:30px;
}

.modal-img img {
  max-width:300px;
}

.modal-details {
  flex:1;
}

.price {
  font-weight:bold;
  margin:10px 0;
}

.desc {
  margin-bottom:15px;
}

/* CART */
.cart {
  display:flex;
  gap:10px;
  margin-bottom:10px;
}

.qty {
  width:60px;
}

.add-btn {
  background:#111;
  color:#fff;
  padding:8px 14px;
  border:none;
  border-radius:6px;
  cursor:pointer;
}

/* VIEW CART */
.view-cart {
  display:inline-block;
  margin-top:10px;
}