img[src*='vehicles-real']{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
}

img[src*='customer-real'],
img[src*='merchant-real']{
  object-position:center center !important;
}

/* กันภาพไรเดอร์โดนบีบ/โดนครอปทั้งการ์ดบนและการ์ดล่าง */
.rider-card img,
.rider-banner img,
.service-rider img,
.vehicle-card img,
.hero-rider img,
img[alt*='ไรเดอร์'],
img[alt*='Rider']{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* กล่อง/สวิตช์ใต้ ลูกค้า ร้านค้า ไรเดอร์ ให้เป็นน้ำเงินทูโทน */
.service-switch,
.switch-box,
.card-switch,
.role-switch,
.role-footer,
.role-meta,
.card-footer,
.service-footer,
.service-caption,
.category-footer,
.info-footer,
.info-switch,
.card-body-bottom,
.service-card .footer,
.service-card .meta,
.service-card .bottom,
.customer-card .footer,
.merchant-card .footer,
.rider-card .footer {
  background: linear-gradient(135deg, #0A49FF 0%, #16D9FF 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 10px 24px rgba(8,52,148,.22) !important;
}

.service-switch *,
.switch-box *,
.card-switch *,
.role-switch *,
.role-footer *,
.role-meta *,
.card-footer *,
.service-footer *,
.service-caption *,
.category-footer *,
.info-footer *,
.info-switch *,
.card-body-bottom *,
.service-card .footer *,
.service-card .meta *,
.service-card .bottom *,
.customer-card .footer *,
.merchant-card .footer *,
.rider-card .footer *{
  color:#FFFFFF !important;
}