/* HELSINKI OTSONI V7 — restore tidy, responsive product presentation.
   No images, text, products, appointments or commerce functionality changed. */

/* The homepage product showcase must never become a stack of giant images. */
body .v4-model-preview .v4-model-grid,
body .manufacturer .manufacturer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 22px;
  width: 100%;
}
body .v4-model-grid > article,
body .manufacturer-grid > article {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfeaec;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(9,33,55,.06);
}
body .v4-model-grid > article > a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body .v4-model-grid > article img,
body .manufacturer-grid > article > a img {
  display: block;
  width: 100%;
  height: 255px;
  max-height: 255px;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
  padding: 16px;
  margin: 0;
}
body .v4-model-grid > article > a > div {
  padding: 20px 21px 24px;
  flex-grow: 1;
}
body .v4-model-grid h3 {
  min-height: unset;
  font-size: 18px;
  line-height: 1.4;
  margin: 10px 0 15px;
}
body .v4-model-grid b {display:block; color:#087d79; font-size:13px}
body .manufacturer-grid > article > a {display:block}
body .manufacturer-grid > article > div {padding:21px}
body .manufacturer-grid h3 {font-size:19px;line-height:1.4;margin:10px 0 12px}
body .manufacturer-grid p {font-size:13px;line-height:1.7}

/* Related product image locations on other landing/detail pages. */
body .v5-band-photo img,
body .v5-manufacturer-pic img {
  width: 100%;
  height: 340px;
  max-height: 340px;
  object-fit: contain;
  padding: 16px;
}
body .device-primary img {
  display: block;
  width: 100%;
  height: 430px;
  max-height: 430px;
  object-fit: contain;
}
body .device-thumbs .device-thumb img {
  height: 100%;
  max-height: 100%;
  width: 100%;
  object-fit: contain;
  padding: 0;
}
body .v5-compare-table thead img {
  display:block;
  width:100%;
  height: 135px;
  max-height: 135px;
  object-fit: contain;
}
body .productgrid .product > img {width:100%;height:225px;object-fit:contain}

@media (max-width: 980px) {
  body .v4-model-preview .v4-model-grid,
  body .manufacturer .manufacturer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media (max-width: 620px) {
  body .v4-model-preview .v4-model-grid,
  body .manufacturer .manufacturer-grid {grid-template-columns:minmax(0,1fr);gap:18px}
  body .v4-model-grid > article img,
  body .manufacturer-grid > article > a img {height:230px;max-height:230px}
  body .v5-band-photo img,body .v5-manufacturer-pic img {height:260px;max-height:260px}
  body .device-primary img {height:300px;max-height:300px}
}
