
/* V424 — Home rescue CTA enhancement. Scoped to homepage only. */
body.home-body .v424-rescue-trust{
  padding:14px 0 8px;
  background:#F5F8F6;
}
body.home-body .v424-rescue-trust .v381-shell{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
body.home-body .v424-trust-item{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:76px;
  padding:13px 15px;
  border:1px solid #DDE8E1;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 14px rgba(23,74,49,.045);
}
body.home-body .v424-trust-icon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#EEF6F1;
  color:#08733F;
}
body.home-body .v424-trust-icon svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.home-body .v424-trust-icon-danger{
  background:#FFF0F0;
  color:#E5252A;
}
body.home-body .v424-trust-item>span:last-child{
  min-width:0;
  display:grid;
  gap:3px;
}
body.home-body .v424-trust-item b{
  color:#174A31;
  font-size:14px;
  line-height:1.25;
}
body.home-body .v424-trust-item small{
  color:#6B7D73;
  font-size:11px;
  line-height:1.35;
}

/* Mobile rescue dock is intentionally hidden on desktop/tablet. */
body.home-body .v424-mobile-rescue{display:none}

@media(max-width:980px){
  body.home-body .v424-rescue-trust .v381-shell{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  body.home-body{
    padding-bottom:72px;
  }
  body.home-body .v424-rescue-trust{
    padding:11px 0 4px;
  }
  body.home-body .v424-rescue-trust .v381-shell{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  body.home-body .v424-trust-item{
    min-height:68px;
    gap:9px;
    padding:10px;
    border-radius:12px;
    box-shadow:none;
  }
  body.home-body .v424-trust-icon{
    flex-basis:36px;
    width:36px;
    height:36px;
    border-radius:10px;
  }
  body.home-body .v424-trust-icon svg{
    width:22px;
    height:22px;
  }
  body.home-body .v424-trust-item b{
    font-size:12px;
  }
  body.home-body .v424-trust-item small{
    font-size:9.5px;
  }

  body.home-body .v424-mobile-rescue{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1500;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    min-height:64px;
    padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    background:rgba(255,255,255,.97);
    border-top:1px solid #D7E4DC;
    box-shadow:0 -8px 24px rgba(20,57,40,.12);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  body.home-body .v424-mobile-rescue a{
    min-width:0;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:7px 10px;
    text-decoration:none;
    border-radius:11px;
    font-weight:800;
  }
  body.home-body .v424-mobile-rescue a+a{
    margin-left:7px;
  }
  body.home-body .v424-mobile-rescue .v424-mobile-call{
    background:#E5252A;
    color:#fff;
    box-shadow:0 5px 14px rgba(229,37,42,.18);
  }
  body.home-body .v424-mobile-rescue .v424-mobile-near{
    background:#08733F;
    color:#fff;
    box-shadow:0 5px 14px rgba(8,115,63,.16);
  }
  body.home-body .v424-mobile-rescue .v424-mobile-near.is-full{
    grid-column:1/-1;
    margin-left:0;
  }
  body.home-body .v424-mobile-icon{
    flex:0 0 auto;
    font-size:20px;
    line-height:1;
  }
  body.home-body .v424-mobile-rescue a>span:last-child{
    min-width:0;
    display:grid;
    line-height:1.05;
  }
  body.home-body .v424-mobile-rescue small{
    color:rgba(255,255,255,.82);
    font-size:8.5px;
    font-weight:600;
    white-space:nowrap;
  }
  body.home-body .v424-mobile-rescue b{
    color:#fff;
    font-size:11px;
    white-space:nowrap;
  }

  /* Keep Leaflet controls and final page content clear of the fixed dock. */
  body.home-body .leaflet-bottom{
    bottom:66px;
  }
}

@media(max-width:380px){
  body.home-body .v424-trust-item{
    padding:9px 8px;
  }
  body.home-body .v424-trust-icon{
    display:none;
  }
  body.home-body .v424-mobile-rescue a{
    gap:5px;
    padding-left:7px;
    padding-right:7px;
  }
  body.home-body .v424-mobile-rescue b{font-size:10px}
  body.home-body .v424-mobile-rescue small{font-size:8px}
}

@media(min-width:761px){
  body.home-body .v424-mobile-rescue{display:none!important}
}


/* V425 — Gara gần bạn: ưu tiên hành động cứu hộ và dữ liệu thật */
body.home-body .v425-near-head{gap:18px}
body.home-body .v425-near-head-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
body.home-body .v425-near-head-actions button{
  min-height:38px;padding:0 13px;border:1px solid #B7D5C4;border-radius:9px;
  background:#EEF7F2;color:#08733F;font:inherit;font-size:11px;font-weight:800;cursor:pointer
}
body.home-body .v425-near-head-actions button:hover{background:#08733F;border-color:#08733F;color:#fff}
body.home-body .v425-gara-card .media{position:relative}
body.home-body .v425-gara-card .v425-distance{
  background:#fff;color:#08733F;border:1px solid rgba(8,115,63,.15);
  box-shadow:0 4px 12px rgba(23,74,49,.10)
}
body.home-body .v425-gara-card .v425-verified{
  position:absolute;left:9px;top:9px;z-index:2;display:inline-flex;align-items:center;
  min-height:23px;padding:0 8px;border-radius:999px;background:rgba(23,74,49,.94);
  color:#fff;font-size:8.5px;line-height:1;font-weight:800
}
body.home-body .v425-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
body.home-body .v425-card-top h3{min-width:0;flex:1 1 auto}
body.home-body .v425-hours{
  flex:0 0 auto;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  padding:4px 6px;border-radius:6px;background:#F4F7F5;color:#61736A;font-size:8px;font-weight:700
}
body.home-body .v425-address{min-height:19px}
body.home-body .v425-gara-card .tags span{background:#EEF7F2!important;color:#245F43!important}
body.home-body .v425-gara-card .actions .call{background:#E5252A!important;border-color:#E5252A!important;color:#fff!important}
body.home-body .v425-gara-card .actions .call:hover{background:#C91F24!important}
body.home-body .v425-gara-card .actions .route{background:#fff!important;color:#08733F!important;border:1px solid #A7CEB7!important}

@media(max-width:760px){
  body.home-body .v425-near-head{align-items:flex-start}
  body.home-body .v425-near-head-actions{width:100%;justify-content:space-between;gap:8px}
  body.home-body .v425-near-head-actions button{min-height:36px;padding:0 10px;font-size:10px}
  body.home-body .v425-near-head-actions>a{font-size:10px;white-space:nowrap}
  body.home-body .v425-gara-card .v425-verified{top:7px;left:7px}
  body.home-body .v425-card-top{display:block}
  body.home-body .v425-hours{display:inline-block;max-width:100%;margin:0 0 4px;font-size:8.5px}
}
