/* Batch B pages: New Build, Renovation, Furniture Rugs & Decor, Wholesale. Loaded after style.css. */

.hero { justify-content: center; } /* Figma centres shorter hero content inside the 500px frame */

/* ---------- Icon points grid ("What to plan before move-in") ---------- */
.points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.points--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.points > .h1, .points > .p-lg { grid-column: 1 / -1; text-align: center; }
.point { padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.point__icon { height: 35px; }

/* Three-step variant of .steps (no trailing button row) */
@media (min-width: 1025px) {
  .steps--3 { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); }
  .features .feature__img { height: 100%; } /* image box follows each card's hugged height */
}

.list--loose { line-height: 22px; }

@media (max-width: 1024px) {
  .points, .points--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .points, .points--3 { grid-template-columns: minmax(0, 1fr); }
  .point { padding: 12px 0; }
}

.split--4k { min-height: 416px; } /* the 4K Visualisation instance is a fixed 416px frame in Figma */