/* V132 Fix18 — visibly compact homepage correction. */

/* Remove the legacy 16:9 wrapper that left a large blank band below the hero. */
body .hero.hero-banner{
  aspect-ratio:auto !important;
  min-height:0 !important;
  height:auto !important;
  padding-bottom:0 !important;
}
body .hero-split{min-height:0 !important}

@media (min-width:1081px){
  body .nav-wrap{height:92px}
  body .brand{flex-basis:250px;min-width:250px}
  body .brand img{width:246px;height:78px}
  body .main-nav{gap:13px;font-size:12px}
  body .main-nav a{padding:8px 0}
  body .nav-cta{padding:10px 13px !important}

  body .hero-split{grid-template-columns:minmax(0,1fr) 270px}
  body .hero-visual-panel .hero-banner-image{min-height:365px;height:365px;object-fit:cover}
  body .home-quote-card{min-height:365px;padding:12px}
  body .home-quote-card h2{font-size:17px;margin-bottom:7px}
  body .home-quote-input-row{min-height:40px}
  body .home-quote-input-row input,
  body .home-quote-input-row output{font-size:14px}
  body .kx-country-select-button{min-height:38px;font-size:12px}
  body .home-send-summary{margin:7px 0;border-radius:9px}
  body .home-send-summary>div{padding:5px 8px;font-size:11px}
  body .home-send-summary .home-send-kes{padding:7px 8px}
  body .home-send-summary .home-send-kes strong{font-size:13px}
}

.v132-nightfx .nfx-wrap{padding:7px 18px}
.v132-nightfx .nfx-titlebar{margin-bottom:5px}
.v132-nightfx h2{font-size:.98rem}
.v132-nightfx .nfx-count{padding:4px 8px}
.v132-nightfx .nfx-market{padding:5px 7px}
.v132-nightfx .nfx-rates{margin:4px 0}
.v132-nightfx .nfx-ratebox{padding:4px 3px}
.v132-nightfx .nfx-btn{padding:5px 8px}
.v132-nightfx .nfx-note{margin-top:3px}

.popular-corridors .container{padding-top:8px;padding-bottom:8px}
.corridor-heading{margin-bottom:6px}
.corridor-heading strong{font-size:14px}
.corridor-chip{min-height:34px;padding:4px 7px;font-size:11px}
.corridor-chip img{width:22px;height:15px}

.home-fx-calculator{padding:11px 0 13px}
.home-fx-card{grid-template-columns:minmax(260px,.72fr) minmax(480px,1.28fr);gap:14px;padding:12px 15px}
.home-fx-copy h2{font-size:20px;margin:2px 0 4px}
.home-fx-copy p{font-size:12.5px;line-height:1.35}
.home-fx-fields{gap:5px 8px}
.home-fx-fields .home-quote-input-row{min-height:38px}
.home-fx-fields .kx-country-select-button{min-height:36px;font-size:12px}
.home-fx-fields .home-quote-field>span{margin-bottom:2px;font-size:10px}
.home-fx-final{margin-top:3px;padding:6px 8px}
.home-fx-final span{font-size:11px}
.home-fx-fields .home-journey-choices{margin-top:3px;gap:6px}
.home-fx-fields .home-journey-button{min-height:36px;padding:5px 8px;font-size:11px}

.service-strip article{gap:8px;padding:9px 10px}
.service-icon{width:32px;height:32px;font-size:15px}
.service-strip h3{font-size:13px;margin-bottom:1px}
.service-strip p{font-size:11px;line-height:1.25}

.section{padding-top:22px;padding-bottom:22px}
.section .split{gap:26px}
.section .section-kicker{font-size:10px;margin-bottom:5px}
.section h2{font-size:clamp(22px,2vw,30px);margin-bottom:7px;line-height:1.12}
.section p{font-size:13px;line-height:1.4;margin-top:6px;margin-bottom:6px}
.cards{gap:10px;margin-top:12px}
.card{padding:12px 14px}
.card h3{font-size:15px;margin-bottom:4px}
.card p{margin:3px 0}
.panel{padding:14px}
.panel h3{margin-top:0;margin-bottom:5px}
.button{min-height:38px;padding:0 14px;font-size:12px}
.steps{gap:7px}
.steps li{gap:8px;padding-bottom:7px}
.steps li>span{width:27px;height:27px;font-size:11px}
.steps p{margin:1px 0}
.fx-cta{margin-top:11px;padding:10px 13px}
.fx-cta span{margin-top:1px;font-size:12px}
.regulation-row{margin-top:11px;padding:7px 12px}
.regulation-row img{width:90px;height:38px}
.homepage-credentials{margin-top:.8rem;padding-top:.75rem}
.homepage-credentials .cards{margin-top:10px}
.homepage-credentials>p:last-child{margin-bottom:0}
.homepage-credentials .button{margin-top:0}

/* Use horizontal space instead of making the contact form unnecessarily tall. */
.contact-section .split{grid-template-columns:minmax(260px,.7fr) minmax(520px,1.3fr);align-items:start}
.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px;padding:13px}
.contact-form>label:nth-of-type(3),
.contact-form>label:nth-of-type(4),
.contact-form>button,
.contact-form>.form-note,
.contact-form>.contact-consent,
.contact-form>.form-status{grid-column:1/-1}
.contact-form label{gap:2px;font-size:11.5px}
.contact-form input,.contact-form select{height:36px;padding:5px 8px;font-size:12px}
.contact-form textarea{min-height:72px;padding:6px 8px;font-size:12px}
.contact-form>button{min-height:36px}
.contact-consent{margin:3px 0;font-size:11px}

.staff-login-panel{padding:12px 0}
.staff-login-panel span{margin-bottom:2px;font-size:.66rem}
.staff-login-panel h2{font-size:20px;margin-bottom:3px}
.staff-login-panel p{font-size:12px}
.staff-login-panel-button{min-width:130px;padding:9px 13px;font-size:12px}
footer{padding:24px 0 12px}
footer .footer-grid{gap:18px}
footer h3{font-size:14px;margin-bottom:7px}
footer p,footer a{font-size:12px;line-height:1.4}
footer a{margin:5px 0}
footer .footer-bottom{margin-top:15px;padding-top:12px}

@media (max-width:1000px){
  .home-fx-card{grid-template-columns:1fr}
  .contact-section .split{grid-template-columns:1fr}
}
@media (max-width:760px){
  body .hero.hero-banner{padding-bottom:0 !important}
  body .hero-visual-panel .hero-banner-image{height:auto;min-height:0;object-fit:contain}
  .section{padding-top:20px;padding-bottom:20px}
  .contact-form{grid-template-columns:1fr}
  .contact-form>label:nth-of-type(1),
  .contact-form>label:nth-of-type(2){grid-column:1}
  .contact-form input,.contact-form select{height:44px}
  .contact-form>button,.button{min-height:44px}
}