@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FORDANTENNAWGL-LIGHT.OTF') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FORDANTENNAWGL-REGULAR.OTF') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FORDANTENNAWGL-SEMIBOLD.OTF') format('opentype');
    font-weight: 600 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ford Antenna Condensed';
    src: url('../fonts/FORDANTENNACONDWGL-MED.OTF') format('opentype');
    font-weight: 600 800;
    font-style: normal;
    font-display: swap;
}

/* ═══════════════════════════════════════════════
   AZ9S — Màu thương hiệu: #003399 (xanh) | #ffff00 (vàng)
   ═══════════════════════════════════════════════ */
:root {
    --navy:       #003399;
    --navy-dark:  #002277;
    --navy-light: #1a4db3;
    --green:      #003399;
    --green-dark: #002277;
    --red:        #cc0000;
    --blue-icon:  #003399;
    --text:       #001a66;
    --text-light: #4a5568;
    --bg:         #f0f4ff;
    --white:      #fff;
    --border:     #ccd6f6;
    --radius:     8px;
    --shadow:     0 2px 16px rgba(0,51,153,0.10);
    --shadow-lg:  0 8px 32px rgba(0,51,153,0.18);
    --font:       'Ford Antenna', Arial, sans-serif;
    --font-condensed: 'Ford Antenna Condensed', 'Ford Antenna', Arial, sans-serif;
    /* Accent vàng */
    --yellow:     #ffff00;
    --yellow-dark:#e6e600;
    --yellow-text:#1a1a00;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{
    scroll-behavior:smooth;
    overflow-x:hidden; /* CRITICAL: Ngăn scroll ngang toàn trang */
    width:100%;
    position:relative;
}
body{
    font-family:var(--font);
    color:var(--text);
    background:var(--white);
    font-size:15px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden; /* CRITICAL: Ngăn scroll ngang */
    width:100%;
    position:relative;
    max-width:100vw; /* CRITICAL: Không cho vượt quá viewport */
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

body > header,
body > .daf-header{
    flex:0 0 auto;
}

body > main,
body > #main,
body > #content,
body > .content-area{
    flex:1 0 auto;
}

body > footer{
    flex:0 0 auto;
    margin-top:auto;
}
h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:700;line-height:1.25}
input,textarea,select,button{font-family:var(--font)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
/* Home vehicle slider — keep these rules in the last-loaded stylesheet. */
.az9s-home-vehicles {
    padding: 30px 0 36px;
    background: #fff;
}

.az9s-home-vehicles .row {
    width: min(1240px, calc(100% - 30px));
    max-width: 1240px;
    margin: 0 auto;
}

.az9s-home-vehicles .col {
    padding: 0;
}

.az9s-home-vehicles .title-home h2 {
    margin: 0 0 48px;
    color: #00095b;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.2;
}

.az9s-home-vehicle-slider {
    width: 100%;
    overflow: hidden;
}

.az9s-home-vehicle-slider .az9s-home-vehicle-card {
    position: relative;
    height: 315px !important;
    min-height: 315px;
    overflow: hidden;
    border-radius: 4px;
    background: #d9d9d9;
}

.az9s-home-vehicle-card > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.az9s-home-vehicle-card img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
}

.az9s-home-vehicle-overlay {
    position: absolute;
    z-index: 1;
    inset: 38% 0 0;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8));
}

.az9s-home-vehicle-copy {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 21px;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
}

.az9s-home-vehicle-copy strong {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

.az9s-home-vehicle-copy > span {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}

.az9s-home-vehicle-copy i {
    margin-left: 6px;
    font-size: 13px;
}

.az9s-home-vehicle-slider .swiper-button-prev,
.az9s-home-vehicle-slider .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background-color: #00126b;
    color: #fff;
    opacity: 1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
}

.az9s-home-vehicle-slider .swiper-button-prev {
    left: 22px;
}

.az9s-home-vehicle-slider .swiper-button-next {
    right: 22px;
}

.az9s-home-vehicle-slider .swiper-button-prev::after,
.az9s-home-vehicle-slider .swiper-button-next::after {
    content: "" !important;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 0 !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    font-family: sans-serif !important;
    transform: none;
    clip-path: none;
}

.az9s-home-vehicle-slider .swiper-button-prev::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 4L7 12l8 8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.az9s-home-vehicle-slider .swiper-button-next::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 4l8 8-8 8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.az9s-home-vehicle-slider .swiper-button-prev:hover,
.az9s-home-vehicle-slider .swiper-button-next:hover {
    background-color: #061e83;
    color: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .22);
}

.az9s-home-vehicle-slider .swiper-button-prev:focus-visible,
.az9s-home-vehicle-slider .swiper-button-next:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -4px;
}

@media (max-width: 849px) {
    .az9s-home-vehicles .title-home h2 {
        margin-bottom: 30px;
        font-size: 30px;
    }
}

@media (max-width: 549px) {
    .az9s-home-vehicles .row {
        width: calc(100% - 24px);
    }

    .az9s-home-vehicles .title-home h2 {
        margin-bottom: 24px;
        font-size: 26px;
    }

    .az9s-home-vehicle-slider .az9s-home-vehicle-card {
        height: 380px !important;
        min-height: 380px;
    }
}
/* Three-column footer */
.az9s-new-footer{background:#00095b;color:#fff}
.az9s-new-footer__inner{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:30px 0 0}
.az9s-new-footer__grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:70px}
.az9s-new-footer__column h2{
    position:relative;
    display:block;
    width:max-content;
    margin:0 0 20px;
    padding:0 0 8px;
    border:0!important;
    color:#fff;
    font-size:18px;
    font-weight:700;
}
.az9s-new-footer__column h2::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100px;
    height:2px;
    background:#fff;
}
.az9s-new-footer__column h3{margin:0 0 12px;color:#fff;font-size:20px;text-transform:uppercase}
.az9s-new-footer__column p{margin:7px 0;color:#fff;font-size:16px;line-height:1.5}
.az9s-new-footer__column p i{width:18px;text-align:center}
.az9s-new-footer__branch{margin:0 0 16px}
.az9s-new-footer__branch:last-child{margin-bottom:0}
.az9s-new-footer a{color:#fff;text-decoration:none}
.az9s-new-footer a:hover{color:#dbe5ff;text-decoration:underline}
.az9s-new-footer__map{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;padding:3px 8px;border-radius:4px;background:#fff;color:#00095b!important;font-size:12px;font-weight:700;text-transform:uppercase}
.az9s-new-footer__column ul{margin:0;padding:0;list-style:none}
.az9s-new-footer__column li{margin:0 0 9px}
.az9s-new-footer__column li a{font-size:16px}
.az9s-new-footer__fanpage iframe{display:block;width:100%;max-width:340px;background:#fff}
.az9s-new-footer__copyright{margin-top:38px;padding:14px 0 18px;border-top:1px solid rgba(255,255,255,.2);color:#fff;text-align:center;font-size:15px}
@media(max-width:900px){
    .az9s-new-footer__grid{grid-template-columns:1fr 1fr;gap:35px}
    .az9s-new-footer__fanpage{grid-column:1/-1}
}
@media(max-width:600px){
    .az9s-new-footer__inner{width:calc(100% - 30px)}
    .az9s-new-footer__grid{grid-template-columns:1fr;gap:30px}
    .az9s-new-footer__fanpage{grid-column:auto}
    .az9s-new-footer__column p,.az9s-new-footer__column li a{font-size:15px}
}
/* Tân Thuận Ford about page */
.ttf-about{color:#111;background:#fff}
.ttf-about__container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.ttf-about__hero{padding:95px 0;background:linear-gradient(110deg,rgba(0,9,91,.96),rgba(0,47,135,.78)),url('/wp-content/uploads/2023/05/bg-service.png') center/cover;color:#fff}
.ttf-about__hero span{display:block;margin-bottom:12px;font-weight:700;text-transform:uppercase}
.ttf-about__hero h1{max-width:900px;margin:0 0 18px;color:#fff;font-size:clamp(34px,5vw,58px)}
.ttf-about__hero p{max-width:760px;margin:0;color:#fff;font-size:19px}
.ttf-about__section{padding:70px 0}.ttf-about__section h2{margin:0 0 24px;color:#00095b;font-size:34px}.ttf-about__section p{font-size:17px;line-height:1.75}
.ttf-about__section--soft{background:#f3f5f8}.ttf-about__intro{display:grid;grid-template-columns:1fr 280px;gap:60px}
.ttf-about__highlight{display:grid;align-content:center;padding:28px;border-radius:8px;background:#00095b;color:#fff}.ttf-about__highlight strong{font-size:42px}.ttf-about__highlight span+strong{margin-top:25px}
.ttf-about__cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.ttf-about__cards article{padding:24px 18px;border-radius:8px;background:#fff;box-shadow:0 4px 18px rgba(0,9,91,.08)}.ttf-about__cards article>span{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#00095b;color:#fff}.ttf-about__cards h3{margin:16px 0 8px;color:#00095b}.ttf-about__cards p{font-size:14px}
.ttf-about__vehicles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.ttf-about__vehicles li{display:flex;flex-direction:column;padding:18px;border-left:4px solid #00095b;background:#f5f6f8}.ttf-about__vehicles strong{color:#00095b;font-size:18px}
.ttf-about__section--navy{background:#00095b;color:#fff}.ttf-about__section--navy h2{color:#fff}.ttf-about__services{display:grid;grid-template-columns:1fr 1fr;gap:14px 35px}.ttf-about__services p{display:flex;gap:12px}.ttf-about__services i{margin-top:7px}.ttf-about blockquote{margin:28px 0 0;padding:18px 24px;border-left:4px solid #fff;font-size:19px}
.ttf-about__contact{display:flex;align-items:center;justify-content:space-between;gap:30px}.ttf-about__contact p{display:flex;gap:10px;margin:8px 0}.ttf-about__contact i{width:20px;color:#00095b}.ttf-about__cta{display:inline-flex;padding:13px 25px;border-radius:4px;background:#00095b;color:#fff!important;font-weight:700;white-space:nowrap}
@media(max-width:900px){.ttf-about__cards{grid-template-columns:repeat(2,1fr)}.ttf-about__vehicles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.ttf-about__hero{padding:65px 0}.ttf-about__section{padding:48px 0}.ttf-about__intro,.ttf-about__services{grid-template-columns:1fr}.ttf-about__cards,.ttf-about__vehicles{grid-template-columns:1fr}.ttf-about__contact{align-items:flex-start;flex-direction:column}}