#branch-grid { position: relative; isolation: isolate; }
#branch-grid > .branch-card { position: relative; animation: none; opacity: 1; transform-origin: 50% 70%; }
#chi-nhanh { overflow: clip; }
@media (min-width: 768px) and (max-width: 1023px) {
  #branch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #branch-grid > .branch-card,
  #branch-grid.filtered > .branch-card { grid-column: span 1; }
  #branch-grid .card-photo { aspect-ratio: 1.28; }
  #branch-grid .branch-card-actions { flex-wrap: wrap; gap: 12px; }
}
@media (max-width: 767px) {
  #branch-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #branch-grid > .branch-card,
  #branch-grid.filtered > .branch-card { grid-column: 1 / -1; transform-origin: center; }
  #branch-grid .card-photo { aspect-ratio: 1.28; }
  #branch-grid .branch-card-actions { flex-wrap: wrap; gap: 12px; }
  #branch-grid .branch-card-actions .be-button { min-height: 48px; max-width: 100%; font-size: 11px; }
  #branch-grid .branch-card-actions > a { min-height: 44px; }
}
@media (hover: none) {
  #branch-grid .branch-card:hover .card-photo > img { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  #branch-grid > .branch-card { transform: none !important; }
}
.reduced-motion #branch-grid > .branch-card { transform: none !important; }