/* thinner frame on mobile */
@media (max-width: 768px) {
    .view-rvmake #sp-main-body h3 {
        font-size: 1.3rem !important; 
    }
    
}

/* ---- Series/Model tiles: image should FIT, not crop ---- */

/* The photo well keeps a consistent ratio across cards */
.mrv-brand-photo {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;             /* keeps uniform box size */
  display: flex;
  align-items: center;              /* vertical center */
  justify-content: center;          /* horizontal center */
  overflow: hidden;
  background: #f8f9fa;              /* optional light bg for contrast */
}

/* Ensure the <a> wrapper fills the photo well if used */
.mrv-brand-photo > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
    
/* Make the image fit inside the box without cropping */
.mrv-brand-photo img {
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;   /* no cropping */
  display: block;
}

/* Optional: smooth hover without reflow */
.brand-card:hover .mrv-brand-photo {
  background: #f3f4f6;
}
.view-rvmake #sp-main-body h3{
    background-color: #d5e58f;
    text-align: center;
    padding: 10px;
    font-family: system-ui;
    color: #0f4f62;
    font-size: 2rem;     
    border-radius: 20px !important; 
}
.section-anchor {
  scroll-margin-top: 120px; /* 60–90px depending on your sticky header */
}