.hx-partner-mini { width: auto; height: 40px; max-width: 80px; object-fit: contain; vertical-align: middle; }
.hx-partners { padding: 42px 0 46px; background: #f7f7f5; border-block: 1px solid #e9e9e5; scroll-margin-top: 90px; }
.hx-partners h2 { margin: 0 0 26px; color: #222; text-align: center; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 750; }
.hx-partners-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.hx-partner { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 24px 18px 20px; background: #fff; border: 1px solid #e4e4e0; border-radius: 12px; text-align: center; box-shadow: 0 5px 18px #00000005; }
.hx-partner-role { color: #be1e2e; font-size: .76rem; font-weight: 750; line-height: 1.4; letter-spacing: .06em; text-transform: uppercase; }
.hx-partner-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 190px; margin: 14px 0; }
.hx-partner-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 180px; object-fit: contain; }
.hx-partner-name { margin: auto 0 0; color: #303030; font-size: .95rem; font-weight: 650; line-height: 1.4; }
@media (max-width: 991.98px) { .hx-partners-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479.98px) { .hx-partners { padding: 30px 0; } .hx-partners-grid { gap: 12px; } .hx-partner { padding: 18px 10px 16px; } .hx-partner-role { font-size: .66rem; letter-spacing: .025em; } .hx-partner-logo { height: 145px; margin: 10px 0; } .hx-partner-logo img { max-height: 135px; } .hx-partner-name { font-size: .8rem; } }