* {box-sizing:border-box; margin:0; padding:0;}
body {font-family:Arial,sans-serif; background:#f7f7f7; color:#222;}
img {max-width:100%; height:auto; display:block;}

#header {
  position:fixed; top:0; left:0; width:100%;
  background:#fff; border-bottom:1px solid #ddd; z-index:1000;
}
.headerWrap {
  max-width:1200px; margin:0 auto; padding:12px 16px;
  display:flex; justify-content:space-between; align-items:center;
}
.container {max-width:1200px; margin:0 auto; padding:100px 16px 40px;}

h2 {margin-bottom:20px; font-size:24px;}

/* таблица корзины */
.cartTable {display:flex; flex-direction:column; gap:16px;}
.cartRow {
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  box-shadow:0 2px 6px rgba(0,0,0,0.03);
}
.cartImg {flex:0 0 120px;}
.cartImg img {border-radius:8px;}
.cartInfo {flex:1; padding:0 12px;}
.cartInfo h3 {font-size:18px; margin-bottom:6px;}
.cartInfo p {font-size:14px; line-height:1.4;}
.cartAction {flex:0 0 50px; text-align:right;}
.removeBtn {background:#f44336; color:#fff; border:none; padding:6px 10px; border-radius:6px; cursor:pointer;}
.removeBtn:hover {background:#d32f2f;}
.no-img {width:100%; height:80px; background:#eee; display:flex; align-items:center; justify-content:center; color:#888; border-radius:6px;}

.cartSummary {
  margin-top:30px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.total {font-size:18px; font-weight:bold;}
.btn {
  background:#1a73e8; color:#fff; border:none;
  padding:10px 14px; border-radius:8px;
  font-size:15px; cursor:pointer;
}
.btn:hover {background:#0f5ec4;}

.empty {
  background:#fff; padding:20px; border-radius:10px;
  text-align:center; font-size:16px; box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

/* адаптив */
@media(max-width:700px){
  .cartRow {flex-direction:column; align-items:flex-start;}
  .cartImg {width:100%; text-align:center; margin-bottom:10px;}
  .cartInfo {padding:0;}
  .cartAction {align-self:flex-end;}
  .cartSummary {flex-direction:column; align-items:flex-start;}
}