/* Desktop: 6 columns, Mobile: 2 columns */
.bnr-mlb-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:24px;
  margin-top:12px;
}

/* Mobile: 2 columns */
@media (max-width: 768px) {
  .bnr-mlb-grid{
    grid-template-columns:repeat(2,1fr);
    gap:16px;
  }
}

/* Tablet: 4 columns */
@media (min-width: 769px) and (max-width: 1024px) {
  .bnr-mlb-grid{
    grid-template-columns:repeat(4,1fr);
  }
}
.bnr-mlb-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column;}
.bnr-mlb-card-link{text-decoration:none;color:inherit;}
.bnr-mlb-thumb{background:#f7f7f7;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;}
.bnr-mlb-thumb img{max-width:100%;height:auto;display:block;}
.bnr-mlb-thumb--placeholder{color:#999;font-size:13px;}
.bnr-mlb-meta{padding:10px 12px 14px;}
.bnr-mlb-eyebrow{color:#d11;font-weight:800;letter-spacing:.3px;font-size:12px;margin-top:6px;}
.bnr-mlb-title{font-weight:700;line-height:1.25;}
.specs{border-collapse:collapse;width:100%;margin:1em 0;} .specs th{background:#f5f5f5;text-align:left;width:30%;} .specs td,.specs th{border:1px solid #ddd;padding:6px;} section{margin-bottom:20px;}
.bnr-bc ol{list-style:none;display:flex;gap:6px;padding:0;} .bnr-bc li::after{content:'›';margin:0 4px;color:#999;} .bnr-bc li.current::after{content:'';}
.bnr-bc{margin-top:20px;margin-bottom:20px;}

/* Fix for header overlap issue on model and year views */
/* Target bnr-buyers-guide class specifically */
.bnr-buyers-guide {
  padding-top: 100px !important; /* Push content below header */
}

/* More specific targeting for Astra theme with buyers guide */
body.ast-theme-transparent-header .bnr-buyers-guide,
body.ast-hfb-header .bnr-buyers-guide {
  padding-top: 120px !important; /* Extra padding for transparent header */
}

/* Alternative: If the above selectors don't work, use this more specific approach */
.bnr-bc + h1 {
  margin-top: 20px; /* Small margin after breadcrumbs */
}

/* Fix heading sizes for all buyers guide views - inherit from WordPress theme */
/* Use WordPress theme's heading styles as base */
body.buyers_guide main h1,
body.page-template-buyers_guide main h1,
.bnr-buyers-guide h1 {
  font-size: inherit; /* Inherit from theme */
  font-weight: inherit; /* Inherit from theme */
  margin: inherit; /* Inherit from theme */
  /* Override only what's needed */
  font-size: 1.8em; /* Slightly smaller than default h1 */
  margin-bottom: 0.5em;
}

/* Use WordPress theme's h2 styles as base */
body.buyers_guide main h2,
body.page-template-buyers_guide main h2 {
  font-size: inherit; /* Inherit from theme */
  font-weight: inherit; /* Inherit from theme */
  margin: inherit; /* Inherit from theme */
  /* Override only what's needed */
  font-size: 1.4em; /* Slightly smaller than default h2 */
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

/* Alternative: Use WordPress utility classes approach */
.bnr-buyers_guide h1 {
  font-size: var(--wp--preset--font-size--large, 1.8em);
  font-weight: var(--wp--preset--font-weight--medium, 600);
}

.bnr-buyers_guide h2 {
  font-size: var(--wp--preset--font-size--medium, 1.4em);
  font-weight: var(--wp--preset--font-weight--medium, 600);
}