/* Mirrors the WordPress product row (vc_custom_1778051605988): 6 bordered white
   cards, teal name above the photo and a teal label underneath. WordPress lines
   the photos up with fixed heights on the name and label blocks; subgrid does
   the same without the magic numbers. Only the photo reacts to hover. */

.fmb-products__heading { margin:0 0 1.5rem; font-size:clamp(1.35rem, 2.2vw, 1.75rem); font-weight:600; line-height:1.3; }
.fmb-products__grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.fmb-products__card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--fmb-color-primary,#1B9B97); box-sizing:border-box; padding:15px; text-align:center; text-decoration:none; }
.fmb-products__name { margin:0; color:var(--fmb-color-primary,#1B9B97); font-size:1.25rem; font-weight:600; line-height:1.25; }
.fmb-products__media { margin:10px 0 22px; }
.fmb-products__img { display:block; width:100%; aspect-ratio:11/10; object-fit:contain; transition:opacity .5s ease; }
.fmb-products__card:hover .fmb-products__img { opacity:0.8; }
.fmb-products__label { margin:0; color:var(--fmb-color-primary,#1B9B97); font-size:0.95rem; font-weight:700; line-height:1.4; }

@supports (grid-template-rows: subgrid) {
  .fmb-products__card { display:grid; grid-row:span 3; grid-template-rows:subgrid; row-gap:0; }
  .fmb-products__media { align-self:start; }
  .fmb-products__label { align-self:start; }
}

.fmb-products__grid[data-count="4"] { grid-template-columns:repeat(4,minmax(0,1fr)); }
.fmb-products__grid[data-count="3"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.fmb-products__grid[data-count="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.fmb-products__grid[data-count="1"] { grid-template-columns:minmax(0,1fr); }

@media (max-width:1200px) {
  .fmb-products__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .fmb-products__grid[data-count="4"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
  .fmb-products__grid,
  .fmb-products__grid[data-count="4"],
  .fmb-products__grid[data-count="3"],
  .fmb-products__grid[data-count="2"] { grid-template-columns:1fr; }
}