.brand-choice { position: relative; }
.brand-choice::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; left: 50%; width: 2px; transform: translateX(-50%); background: #fff; pointer-events: none; }
.brand-panel { position: relative; min-height: 570px; height: min(680px, calc(100svh - 220px)); overflow: hidden; color: #fff; }
.brand-panel-image, .brand-panel-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.brand-panel-image { object-fit: cover; }
.brand-panel-frankia .brand-panel-image { object-position: center; }
.brand-panel-phoenix .brand-panel-image { object-position: 64% center; }
.brand-panel-shade { background: linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,.02) 85%); }
.brand-panel-content { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; width: min(640px, calc(100% - 48px)); transform: translate(-50%, -50%); text-align: center; }
.brand-panel-content h2 { color: #fff; font-size: 40px; line-height: 1.15; text-transform: none; margin-bottom: 16px; }
.brand-panel-content p { font-size: 24px; line-height: 1.5; margin-bottom: 16px; }
.brand-logos, .brand-logo-slot { height: 128px; min-height: 128px; }
.brand-logos { justify-content: center; gap: 24px !important; }
.brand-logos img { width: auto; max-width: 48%; height: 100px; object-fit: contain; }
.brand-logo-slot { display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.brand-panel .brand-phoenix-logo { width: 420px; max-width: 100%; max-height: 120px; height: auto; }
.brand-new { color: #fff; font-size: 13px; font-weight: 500; border-left: 3px solid #fff; padding-left: 12px; }
.brand-choice a:focus-visible { outline: 3px solid #e6b755; outline-offset: 5px; }
@media (max-width: 991.98px) {
  .brand-panel { min-height: 510px; height: 570px; }
  .brand-panel-content h2 { font-size: 32px; }
  .brand-panel-content p { font-size: 20px; }
  .brand-logos, .brand-logo-slot { height: 108px; min-height: 108px; }
  .brand-logos { gap: 16px !important; }
  .brand-logos img { height: 84px; }
  .brand-panel .brand-phoenix-logo { width: 370px; max-height: 106px; }
}
@media (max-width: 767.98px) {
  .brand-panel { min-height: 0; height: 410px; }
  .brand-panel-content h2 { font-size: 32px; }
  .brand-panel-content p { font-size: 19px; }
  .brand-logos, .brand-logo-slot { height: 112px; min-height: 112px; }
  .brand-logos { margin-bottom: 24px !important; gap: 12px !important; }
  .brand-logos img { height: 68px; }
  .brand-panel .brand-phoenix-logo { width: 370px; max-height: 106px; }
  .brand-choice::after { top: 409px; bottom: auto; left: 0; width: 100%; height: 2px; transform: none; }
}