:root{--page-title-display:none;}/* Start custom CSS *//* ==== Mobile fixes (Brianna, Oct 27): tablet and phone only. Start ==== */
/* mobile audit (page-1249-project-showcase.css) */
/* Hero buttons (2adaedf5): both full width on phones */
@media (max-width:640px){
  body.elementor-page-1249 .elementor [data-id="2adaedf5"]{flex-direction:column;align-items:stretch;gap:12px}
}

/* Filters + rail were indented 16px (phones) / 24px (tablet) too far: the tabs widget (4ffe2a72) kept the default
   container side padding on top of the section gutter -> remove it so they line up with the hero text */
@media (max-width:1024px){
  body.elementor-page-1249 .elementor [data-id="4ffe2a72"]{padding-inline:0}
}

/* Filter chips (1f3c1a53) on phones: even grid so every filter shows (Brianna, Oct 28: "how are they supposed to see all the filtering if it runs off the page?"). "All Projects" across the top, then 2 x 3 */
@media (max-width:640px){
  body.elementor-page-1249 .elementor [data-id="1f3c1a53"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.elementor-page-1249 .elementor [data-id="1f3c1a53"] .chip-tab{justify-content:center;min-width:0;padding-inline:8px;text-align:center}
  body.elementor-page-1249 .elementor [data-id="1f3c1a53"] .chip-tab:first-child{grid-column:1 / -1}
}
}

/* Dealer-program benefit pills (3b68b47c): 2+1 wrap at tablet -> one even, equal-width column (phones + tablet) */
@media (max-width:1024px){
  body.elementor-page-1249 .elementor [data-id="3b68b47c"]{display:grid;grid-template-columns:1fr;gap:10px}
}
/* ==== Mobile fixes: end ==== *//* End custom CSS */