/*
Small Lake City 2.16.31 — Final Visual Polish
Companion only. Requires the working 2.16.26 catalog DOM.
Does not change model assets, page routing, templates, header, footer, or admin bar.
*/

/* Improve overall reading width without changing the successful breakout. */
body #slc21626-catalog .slc21626-shell {
  width: min(1260px, 100%) !important;
  max-width: 1260px !important;
}

/* Intro: slightly cleaner hierarchy and less dead space. */
body #slc21626-catalog .slc21626-intro {
  padding: 34px 42px !important;
  margin-bottom: 42px !important;
}
body #slc21626-catalog .slc21626-intro h1 {
  font-size: 42px !important;
  line-height: 1.03 !important;
}
body #slc21626-catalog .slc21626-intro p:last-child {
  font-size: 16px !important;
  line-height: 1.48 !important;
}

/* Model rhythm. */
body #slc21626-catalog .slc21626-model {
  margin-bottom: 48px !important;
  padding-bottom: 48px !important;
}
body #slc21626-catalog .slc21626-model-head {
  margin-bottom: 16px !important;
}
body #slc21626-catalog .slc21626-model-head h2 {
  font-size: 34px !important;
}
body #slc21626-catalog .slc21626-model-head p:last-child {
  font-size: 14px !important;
}

/* Better balance between the hero image and supporting media. */
body #slc21626-catalog .slc21626-model-grid {
  grid-template-columns: minmax(0, 1.5fr) minmax(330px, .72fr) !important;
  gap: 24px !important;
}
body #slc21626-catalog .slc21626-hero {
  min-height: 430px !important;
  padding: 16px !important;
  border-color: #d5dfda !important;
}
body #slc21626-catalog .slc21626-support {
  gap: 16px !important;
}
body #slc21626-catalog .slc21626-support figcaption {
  font-size: 12px !important;
  margin-bottom: 6px !important;
}
body #slc21626-catalog .slc21626-support img {
  height: 230px !important;
  padding: 7px !important;
}

/* Make the specifications easier to read on a desktop screenshot. */
body #slc21626-catalog .slc21626-facts {
  margin-top: 18px !important;
}
body #slc21626-catalog .slc21626-facts > div {
  padding: 10px 6px !important;
  font-size: 13px !important;
}
body #slc21626-catalog .slc21626-facts strong {
  font-weight: 600 !important;
}

/* Linden construction sequence: slightly more deliberate presentation. */
body #slc21626-catalog .slc21626-sequence {
  margin-top: 22px !important;
  padding: 24px !important;
  background: #f6f8f6 !important;
}
body #slc21626-catalog .slc21626-sequence-head h3 {
  font-size: 22px !important;
  margin-bottom: 15px !important;
}
body #slc21626-catalog .slc21626-gallery {
  gap: 14px !important;
}
body #slc21626-catalog .slc21626-gallery img {
  height: 195px !important;
}
body #slc21626-catalog .slc21626-gallery figcaption {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

/* CTA: reduce height and keep button visually balanced. */
body #slc21626-catalog .slc21626-cta {
  padding: 28px 34px !important;
  gap: 24px !important;
}
body #slc21626-catalog .slc21626-cta h2 {
  font-size: 27px !important;
}
body #slc21626-catalog .slc21626-cta p:not(.slc21626-kicker) {
  font-size: 14px !important;
}

/* No admin bar, route, template, header or footer selectors on purpose. */

@media (max-width: 900px) {
  body #slc21626-catalog .slc21626-model-grid {
    grid-template-columns: 1fr !important;
  }
  body #slc21626-catalog .slc21626-support {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 680px) {
  body #slc21626-catalog .slc21626-intro {
    padding: 26px 22px !important;
  }
  body #slc21626-catalog .slc21626-intro h1 {
    font-size: 33px !important;
  }
  body #slc21626-catalog .slc21626-support,
  body #slc21626-catalog .slc21626-facts,
  body #slc21626-catalog .slc21626-gallery {
    grid-template-columns: 1fr !important;
  }
  body #slc21626-catalog .slc21626-support img,
  body #slc21626-catalog .slc21626-gallery img {
    height: auto !important;
  }
}