.haval-test-drive-page{--td-ink:#111318;--td-muted:#6e737c;--td-line:#e2e4e8;--td-soft:#f6f7f8;--td-red:#d90012;--td-red-dark:#b8000f;--td-shadow:0 18px 46px rgba(16,18,24,.12);box-sizing:border-box;color:var(--td-ink);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;margin:0 auto;max-width:1180px;padding:0 clamp(16px,4vw,56px) 56px}.haval-test-drive-page *{box-sizing:border-box}.haval-test-drive-page .td-hero{display:grid;gap:12px;min-height:370px;padding:42px 0 22px;position:relative}.haval-test-drive-page .td-hero:before{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.94) 72%),radial-gradient(circle at 78% 18%,rgba(218,220,224,.72),transparent 30%);content:"";height:100%;inset:0 0 auto auto;pointer-events:none;position:absolute;width:min(620px,62vw);z-index:0}.haval-test-drive-page .td-hero-copy{max-width:620px;position:relative;z-index:1}.haval-test-drive-page .td-hero h1{font-size:clamp(42px,8vw,86px);font-weight:800;letter-spacing:0;line-height:.96;margin:0 0 18px}.haval-test-drive-page .td-hero-copy p{color:var(--td-muted);font-size:clamp(20px,3vw,30px);line-height:1.28;margin:0;max-width:470px}.haval-test-drive-page .td-hero-media{align-items:end;display:flex;justify-content:center;min-height:132px;overflow:hidden;position:relative;z-index:1}.haval-test-drive-page .td-hero-media img{filter:drop-shadow(0 20px 30px rgba(0,0,0,.14));max-width:100%;width:min(640px,94vw)}.haval-test-drive-page .td-telegram{background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.12),transparent 34%),linear-gradient(135deg,#1a1c20,#07080a 72%);border-radius:8px;box-shadow:var(--td-shadow);color:#fff;display:grid;gap:22px;margin:10px 0 34px;padding:clamp(24px,5vw,46px)}.haval-test-drive-page .td-telegram-mark{align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:50%;display:flex;height:86px;justify-content:center;width:86px}.haval-test-drive-page .td-telegram-mark svg{fill:#fff;height:48px;width:48px}.haval-test-drive-page .td-recommendation{background:var(--td-red);border-radius:4px;display:inline-flex;font-size:12px;font-weight:800;line-height:1;margin:0 0 20px;padding:11px 14px;text-transform:uppercase}.haval-test-drive-page .td-telegram h2{color:#fff;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.06;margin:0 0 12px;max-width:620px}.haval-test-drive-page .td-subtitle{color:rgba(255,255,255,.78);font-size:clamp(18px,3vw,25px);line-height:1.28;margin:0 0 22px}.haval-test-drive-page .td-telegram-cta{align-items:center;background:var(--td-red);border:0;border-radius:4px;color:#fff;display:inline-flex;font-size:18px;font-weight:800;justify-content:center;min-height:58px;padding:18px 24px;text-align:center;text-decoration:none;transition:background .16s ease,transform .16s ease;width:100%}.haval-test-drive-page .td-telegram-cta:hover,.haval-test-drive-page .td-telegram-cta:focus{background:var(--td-red-dark);color:#fff;text-decoration:none}.haval-test-drive-page .td-divider{align-items:center;color:#2a2d33;display:flex;font-size:clamp(18px,3vw,24px);gap:18px;justify-content:center;line-height:1.25;margin:34px 0;text-align:center}.haval-test-drive-page .td-divider:before,.haval-test-drive-page .td-divider:after{background:var(--td-line);content:"";height:1px;width:22%}.haval-test-drive-page .td-form-shell{background:var(--td-soft);border:1px solid var(--td-line);border-radius:8px;box-shadow:0 10px 28px rgba(16,18,24,.06);margin:0 auto;max-width:760px;padding:clamp(22px,4vw,42px)}.haval-test-drive-page .td-form-heading{font-size:clamp(26px,4vw,38px);font-weight:800;line-height:1.1;margin:0 0 10px}.haval-test-drive-page .td-form-intro{color:var(--td-muted);font-size:18px;line-height:1.45;margin:0 0 26px}.haval-test-drive-page #tdfiform .uk-form-label{color:var(--td-ink);font-size:15px}.haval-test-drive-page #tdfiform .uk-input,.haval-test-drive-page #tdfiform .uk-select,.haval-test-drive-page #tdfiform textarea{border-color:#cdd1d7;border-radius:4px;min-height:48px}.haval-test-drive-page #tdfiform .uk-button{background:var(--td-red);border:0;border-radius:4px;color:#fff;font-size:17px;font-weight:800;min-height:54px}.haval-test-drive-page #tdfiform .uk-button:hover{background:var(--td-red-dark)}.haval-test-drive-page .td-fade-in{opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}.haval-test-drive-page .td-fade-in.is-visible{opacity:1;transform:none}@media (min-width:760px){.haval-test-drive-page .td-hero{grid-template-columns:1fr 1fr;align-items:center}.haval-test-drive-page .td-telegram{grid-template-columns:86px 1fr;align-items:start}.haval-test-drive-page .td-telegram-cta{max-width:360px}}@media (max-width:480px){.haval-test-drive-page{padding-left:16px;padding-right:16px}.haval-test-drive-page .td-hero{min-height:0;padding-top:32px}.haval-test-drive-page .td-divider:before,.haval-test-drive-page .td-divider:after{width:12%}}
/* Test Drive composition refinement: scoped to Resource 22693 via the page root. */
.haval-test-drive-page{max-width:1240px}.haval-test-drive-page .td-hero{gap:0;min-height:425px;padding:28px 0 16px}.haval-test-drive-page .td-hero-media img{transform:translateX(-15px) scale(1.06);transform-origin:center}.haval-test-drive-page .td-credit-benefit{color:rgba(255,255,255,.86);font-size:clamp(15px,2vw,18px);line-height:1.38;margin:0 0 22px;max-width:620px}.haval-test-drive-page .td-form-shell{max-width:870px;padding:clamp(28px,4.5vw,52px)}.haval-test-drive-page #tdfiform .uk-form-label{font-size:16px}.haval-test-drive-page #tdfiform .uk-input,.haval-test-drive-page #tdfiform .uk-select,.haval-test-drive-page #tdfiform textarea{min-height:52px}.haval-test-drive-page #tdfiform input[type="submit"]{background:var(--td-red);color:#fff}.haval-test-drive-page #tdfiform button[type="reset"]{background:transparent;border:1px solid #b8bdc6;color:#5c6470;font-size:15px;font-weight:700;min-height:44px}.haval-test-drive-page #tdfiform button[type="reset"]:hover,.haval-test-drive-page #tdfiform button[type="reset"]:focus{background:#eceef1;color:#30353d}@media (max-width:759px){.haval-test-drive-page .td-hero{min-height:0;padding-top:26px}.haval-test-drive-page .td-hero-media img{transform:none}.haval-test-drive-page .td-form-shell{max-width:100%;padding:28px 22px}}
.haval-test-drive-page .td-hero{margin-top:-42px}@media (max-width:759px){.haval-test-drive-page .td-hero{margin-top:-20px}}
/* H6 desktop composition: preserve a clear right-side margin and avoid perceived cropping. */
@media (min-width:760px){.haval-test-drive-page .td-hero-media img{transform:translateX(-20px) scale(.96)}}

/* Test Drive mobile form: preserve the existing FormIt option text without clipping it. */
@media (max-width:759px){
  .haval-test-drive-page #tdfiform #tdfi-car-mark-model{
    background-position:right 8px center;
    background-size:18px 12px;
    font-size:14px;
    padding-right:30px;
  }
}





/* Test Drive phone validation: retain FormIt rules while showing only one message per field. */
.haval-test-drive-page #tdfiform label[for="tdfi-contact_phone"] .error + .error{display:none}

/* Test Drive heading divider and back control: scoped to this page only. */
body:has(.haval-test-drive-page) h1.uk-heading-divider{position:relative;z-index:2}
body:has(.haval-test-drive-page) a.uk-icon-button.uk-icon-button-muted[href="javascript:history.back();"]{display:none}