/* Dynamic Laravel integration enhancements for the supplied MyWheels UI. */
.mw-home-make-grid > a > span:last-child,
.mw-home-body-grid > a > span:last-child,
.mw-home-browser-tile span { display:flex; flex-direction:column; gap:2px; }
.mw-home-make-grid small,
.mw-home-body-grid small,
.mw-home-browser-tile small { color:#777; font-size:.72rem; font-weight:500; }
.mw-home-browser-tile > i { display:grid; place-items:center; width:70px; height:40px; color:var(--mw-accent,#c91f2c); font-size:1.35rem; }
.mw-home-price-tabs button { border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.mw-home-price-tabs button.is-active { color:#fff; background:var(--mw-accent,#c91f2c); }
.mw-home-price-tabs button small { margin-left:5px; opacity:.8; }
.mw-home-dynamic-budget [role="tabpanel"] { padding-top:24px; }
.mw-home-auto-track > span { min-width:130px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; }
.mw-listing-contact { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.mw-listing-contact a,.mw-listing-contact button { min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:8px 14px; border:1px solid #d71920; border-radius:7px; color:#d71920; background:#fff; font-weight:700; text-decoration:none; }
.mw-listing-contact .is-whatsapp { color:#fff; border-color:#168a4c; background:#168a4c; }
.mw-listing-contact .is-primary { color:#fff; background:#d71920; }
.mw-filter-check { display:flex; align-items:center; gap:9px; min-height:44px; }
.mw-filter-check input { width:18px; height:18px; accent-color:#d71920; }
.detail-gallery-main { position:relative; }
.detail-gallery-main > img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.detail-gallery-nav { position:absolute; inset:50% 14px auto; display:flex; justify-content:space-between; transform:translateY(-50%); pointer-events:none; }
.detail-gallery-nav button { pointer-events:auto; width:44px; height:44px; border:0; border-radius:50%; color:#fff; background:rgba(17,24,32,.72); }
.detail-gallery-thumbs button { overflow:hidden; }
.detail-gallery-thumbs button img { width:100%; height:100%; object-fit:cover; }
.detail-no-image img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.static-page-note { padding:12px 16px; border:1px solid #f4c2c5; border-radius:8px; color:#7f1d1d; background:#fff1f2; }
@media (max-width:767.98px){
  .mw-home-price-tabs { display:flex; overflow-x:auto; justify-content:flex-start; }
  .mw-home-price-tabs button { flex:0 0 auto; }
  .mw-listing-contact a,.mw-listing-contact button { flex:1 1 130px; }
}
.mw-home-car-badge--negotiable { top:auto; bottom:12px; color:#fff; background:#168a4c; }
.mw-home-auto-track > span { min-height:115px; scroll-snap-align:start; border:1px solid #e2e3e6; border-radius:5px; background:#fff; color:#50545a; font-size:.72rem; }
.mw-home-price-tabs button { padding:5px 8px; border-radius:5px 5px 0 0; font-size:.78rem; font-weight:700; }
.brand-scroller { display:flex; gap:10px; overflow-x:auto; padding:4px 0 12px; }
.brand-pill { flex:0 0 auto; padding:10px 18px; border:1px solid #e1e4e8; border-radius:999px; color:#333; background:#fff; font-weight:700; }
.brand-pill:hover { color:#fff; border-color:#d71920; background:#d71920; }