:root {
  color-scheme: light;
  font-family: "DM Sans", system-ui, sans-serif;
  color: #18314c;
  background: #f4f7fb;
}
body { margin: 0; }
main { width: min(64rem, calc(100% - 2rem)); margin: 3rem auto; }
a { color: #254e78; text-underline-offset: .2em; }
h1 { margin: .4rem 0; line-height: 1.1; font-size: clamp(2rem, 5vw, 3.5rem); }
li { margin: .75rem 0; }
.product {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(1rem, 4vw, 3rem);
  margin-top: 1.5rem;
  padding: clamp(1rem, 4vw, 2.5rem);
  background: white;
  border: 1px solid #dce4ef;
  border-radius: 1rem;
}
img { display: block; width: 100%; height: auto; border-radius: .75rem; }
.label { color: #475a76; font-weight: 650; }
.price { margin-bottom: .4rem; font-size: 1.55rem; font-weight: 750; }
.status { margin-top: 0; }
@media (max-width: 40rem) { .product { grid-template-columns: 1fr; } }