.global-hubs-section { background: #f5f8fb; }
.global-hubs-section .center-title { max-width: 850px; margin-inline: auto; }
.hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 42px; }
.hub-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e0e8ee; border-radius: 10px; background: #fff; box-shadow: 0 9px 28px rgba(15, 42, 65, .06); text-decoration: none; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; cursor: pointer; }
.hub-card:hover, .hub-card:focus-visible { transform: translateY(-5px); border-color: #efbd37; box-shadow: 0 19px 42px rgba(15, 42, 65, .16); }
.hub-card:focus-visible { outline: 3px solid #bb8710; outline-offset: 3px; }
.hub-photo { position: relative; width: 100%; aspect-ratio: 1.86; overflow: hidden; background: #d8e4ed; }
.hub-photo > img:first-child { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.hub-card:hover .hub-photo > img:first-child, .hub-card:focus-visible .hub-photo > img:first-child { transform: scale(1.035); }
.hub-country { position: absolute; top: 13px; left: 13px; display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid #dbe3e9; border-radius: 7px; background: #fff; color: #122743; box-shadow: 0 3px 12px rgba(0, 0, 0, .12); font: 800 12px/1.2 Arial, sans-serif; letter-spacing: .015em; }
.hub-country img { display: block; width: 28px; height: 19px; object-fit: cover; border: 1px solid #e7e9ec; border-radius: 2px; flex: none; }
.hub-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 22px 23px 20px; }
.hub-content h3 { margin: 0 0 10px; color: #102b44; font-size: 22px; line-height: 1.3; }
.hub-content address { color: #536a7c; font-size: 14px; font-style: normal; line-height: 1.65; overflow-wrap: anywhere; }
.hub-phone { display: block; margin-top: 10px; color: #374f62; font-size: 14px; }
.hub-action { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: auto; padding-top: 18px; color: #a37806; font-size: 13px; font-weight: 800; }
.hub-action span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #f4f7f9; color: #102b44; font-size: 17px; transition: background .22s ease, color .22s ease; }
.hub-card:hover .hub-action span, .hub-card:focus-visible .hub-action span { background: #efbd37; color: #102b44; }
@media (max-width: 1050px) { .hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .hub-grid { grid-template-columns: 1fr; gap: 17px; margin-top: 30px; } .hub-content { padding: 20px; } }
@media (prefers-reduced-motion: reduce) { .hub-card, .hub-action span, .hub-photo > img:first-child { transition: none; } }