/* ============================================================
   DIRECT-PLUS.CSS — page-specific styles for direct-plus.php:
   the hero image and the 7-card complimentary-services grid.
   ============================================================ */
:root{
  --hero-bg-image: url('../../assets/img/direct-plus.jpeg');
}

/* ===== COMPLIMENTARY SERVICES GRID (4-col, like .services-grid but for 7 cards) ===== */
.complimentary-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
@media(max-width:1100px){.complimentary-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:700px){.complimentary-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.complimentary-grid{grid-template-columns:1fr;}}