/* =========================================================
   Aurex Cargo AU — TRACK & TRACE page styles (demo2)
   Depends on aurex-common.css (sections, airline-img, stats, page-banner).
   ========================================================= */

/* Banner background: header image uploaded in admin (Track & Trace Setting), per device.
   No upload -> no .has-custom-bg class -> keep the default background (.page-banner::before in aurex-common.css). */
.page-banner.has-custom-bg::before { background-image: var(--banner-pc); }
@media (max-width: 991px) {
    .page-banner.has-custom-bg::before { background-image: var(--banner-tb, var(--banner-pc)); }
}
@media (max-width: 640px) {
    .page-banner.has-custom-bg::before { background-image: var(--banner-mb, var(--banner-pc)); }
}

.partner-band { padding: 80px 0; background: var(--blue); }

/* Centered grid, max 3 partners per row (a 4th card wraps to the next row).
   Fewer partners stay centered thanks to justify-content:center. */
.partner-grid { display: flex; flex-wrap: wrap; gap: 26px; justify-content: center; max-width: 1040px; margin: 0 auto; }
.partner-card {
    background: #fff; flex: 0 1 calc((100% - 52px) / 3); max-width: 340px; min-width: 240px;
    min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 30px; transition: transform .25s ease, box-shadow .25s ease;
    text-align: center;
}
.partner-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0,0,0,.28); }
.partner-card .p-logo { max-height: 54px; max-width: 80%; margin-bottom: 12px; object-fit: contain; display: block; }
.partner-card .p-name { font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 600; color: var(--blue); letter-spacing: .5px; }
.partner-card .p-name small { display: block; font-size: 12px; color: var(--gray); letter-spacing: 2px; text-transform: uppercase; margin-top: 4px; }

@media (max-width: 767px) {
    .partner-card { flex-basis: 100%; max-width: 420px; }
}
