/* V77: let each category card determine its grid row height.
   Previously the mobile track was 350px but a card retained a 50svh height. */
html[data-home-repair="77"] .collection-panels {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto;
  grid-auto-rows:auto;
  height:auto;
  min-height:0;
  gap:20px;
  margin-block:32px 48px;
  align-items:stretch;
}
html[data-home-repair="77"] .collection-panel {
  display:block;
  position:relative;
  isolation:isolate;
  grid-area:auto!important;
  width:100%;
  height:auto;
  min-height:0;
  min-width:0;
  aspect-ratio:4/5;
  overflow:hidden;
  border:0;
  border-radius:5px;
}
html[data-home-repair="77"] .collection-panel img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
html[data-home-repair="77"] .collection-panel>div {
  position:absolute;
  inset:auto 24px 40px;
  padding:0;
  z-index:2;
}
html[data-home-repair="77"] .collection-panel h2 {
  font-size:clamp(25px,2.5vw,36px);
  line-height:1.5;
  margin:6px 0 10px;
}
html[data-home-repair="77"] .collection-panel>div>span {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:14px;
}
html[data-home-repair="77"] .collection-panel .v60-tile-note {
  position:absolute;
  bottom:10px;
  left:24px;
  z-index:3;
  font-size:10px;
  line-height:1.5;
}
html[data-home-repair="77"] .collection-panel:focus-visible {
  outline:3px solid #74875e;
  outline-offset:4px;
}
@media(max-width:820px) {
  html[data-home-repair="77"] .collection-panels {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto;
    gap:20px;
    margin-block:28px 36px;
  }
  html[data-home-repair="77"] .collection-panel {
    aspect-ratio:4/3;
    height:auto;
    min-height:0;
  }
  html[data-home-repair="77"] .collection-panel>div {inset:auto 20px 28px}
  html[data-home-repair="77"] .collection-panel h2 {font-size:28px}
  html[data-home-repair="77"] .collection-panel>div>p {font-size:10px;margin-bottom:4px}
  html[data-home-repair="77"] .collection-panel .panel-index {top:16px;left:20px}
  html[data-home-repair="77"] .collection-panel .v60-tile-note {left:20px;bottom:7px}
}