/* Contact page and shared UX footer. All layout rules are scoped. */
.at-contact-hero,.at-contact-main,.at-canada-section{color:#091e48}
.at-contact-container{width:100%;max-width:1050px;margin:0 auto;padding:0 15px}
.at-contact-hero{width:calc(100% - 30px);max-width:1020px;margin:0 auto;aspect-ratio:3/1;min-height:0;display:flex;align-items:center;background:#dceffa url('contact-logistics.webp') center 75%/cover no-repeat}
.at-contact-hero h1{font-size:44px;line-height:1.15;font-weight:800;color:#081a39;margin:0 0 10px;letter-spacing:-1px}
.at-contact-hero p{font-size:15px;color:#063773;font-weight:500;margin:0}
.at-breadcrumb{display:flex;gap:12px;align-items:center;padding-top:11px;padding-bottom:24px;font-size:11px;color:#686868}
.at-breadcrumb a{color:inherit}
.at-breadcrumb span[aria-hidden]{font-size:19px;line-height:1}
.at-contact-main.row{max-width:1050px;margin:0 auto;padding:5px 0 0}
.at-contact-main>.col{padding:0 15px 20px}
.at-contact-main .at-vietnam-column{padding-right:50px}
.at-vietnam h2{font-size:20px;font-weight:750;line-height:1.3;color:#091e48;margin:0 0 11px}
.at-vietnam-ref{display:flex;gap:12px;align-items:center;font-size:15px;margin:0 0 16px}
.at-vietnam-ref a{color:#0058a8}
.at-round-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#008dd1;color:white;font-size:16px}
.at-vietnam-ref .at-round-icon{background:#e4f5ff;color:#0055a8}
.at-vietnam h3{font-size:20px;line-height:1.3;margin:0 0 10px;color:#091e48}
.at-branches{list-style:none;margin:0!important;padding:0;display:grid;gap:7px}
.at-branches li{list-style:none;display:flex;align-items:center;gap:20px;margin:0!important;min-height:57px;border-radius:11px;background:linear-gradient(100deg,#eaf7ff,#f2f8fc)}
.at-branch-pin{display:flex;align-items:center;justify-content:center;width:57px;height:57px;flex-shrink:0;background:#e2f4ff;border-radius:50%;font-size:27px;color:#082247}
.at-branches h4{font-size:15px;line-height:1.25;color:#091e48;margin:0 0 3px}
.at-branches p{margin:0;line-height:1.25}
.at-branches a{font-size:15px;color:#091e48;line-height:1.25}
.at-map{position:relative;background:#e9f1ed;border:1px solid #e3e9ed;border-radius:3px;overflow:hidden;height:255px}
.at-map iframe{display:block;border:0;width:100%;height:100%;margin:0}
.at-map-open{position:absolute;left:8px;top:8px;padding:7px 11px;background:white;border-radius:2px;box-shadow:0 1px 5px #0002;color:#1685e6;font-size:13px;font-weight:600}
.at-map-open span{margin-left:4px}
.at-socials{display:flex;align-items:center;gap:7px;margin-top:19px}
.at-social{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex-shrink:0;border-radius:50%;color:#fff!important;font-size:19px;transition:transform .15s,filter .15s}
.at-social:hover{transform:translateY(-2px);filter:brightness(1.15)}
.at-facebook{background:#345b9f}.at-email{background:#151515}.at-phone{background:#4cb94e}.at-youtube{background:#e52f32}
.at-canada-section.section{width:calc(100% - 60px);max-width:1290px;margin:0 auto 10px;background:#eaf7fe;padding:12px 0 8px!important;min-height:0}
.at-canada-heading{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto 18px!important;color:#0081ce;font-size:22px;font-weight:750;line-height:1.3;max-width:710px;padding:0 15px}
.at-canada-heading:before,.at-canada-heading:after{content:'';height:1px;background:#6bbef4;flex:1}
.at-canada-heading span{white-space:nowrap}
.at-canada-row.row{max-width:1080px;margin:0 auto}
.at-canada-row>.col{padding:0 15px}
.at-canada-photo-column{flex-basis:46%;max-width:46%}
.at-canada-details-column{flex-basis:54%;max-width:54%;border-left:1px solid #71b8ed;padding-left:35px!important}
.at-canada-photo{display:block;width:100%;height:184px;object-fit:cover;object-position:center 52%;border-radius:8px}
.at-canada-photo-column p{margin:0}
.at-contact-lines p{margin:0}
.at-canada-details h3{font-size:20px;line-height:1.2;color:#091e48;margin:0 0 3px}
.at-canada-role{font-size:16px;margin:0 0 9px}
.at-contact-lines{padding:0;margin:0!important;list-style:none;display:grid;gap:4px}
.at-contact-lines li{display:flex;align-items:center;gap:18px;list-style:none;margin:0!important;font-size:14px;line-height:1.35}
.at-contact-lines a{color:#091e48;overflow-wrap:anywhere}
.at-contact-lines li:last-child a{color:#0060b6}
.at-contact-lines .at-round-icon{width:27px;height:27px;flex-basis:27px;font-size:15px}
.at-contact-lines .at-globe{font-size:0}
.at-globe:before,.at-footer-globe:before{content:'';display:inline-block;width:17px;height:17px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18M5 6.5h14M5 17.5h14'/%3E%3C/svg%3E") center/contain no-repeat}
.at-contact-main a:hover,.at-canada-details a:hover{color:#008cce;text-decoration:underline}
/* Four-column footer remains a single reusable Flatsome UX Block. */
.at-footer-section.section{background:linear-gradient(#00283eeF,#00283ef5),url('contact-logistics.webp') center 65%/cover no-repeat;color:#d6e3ec;padding:15px 0 12px!important}
.at-footer-grid.row{display:grid;grid-template-columns:1.12fr 1.48fr 1.1fr .95fr;gap:35px;max-width:1280px;margin:0 auto;padding:0 20px}
.at-footer-grid.row>.col{width:auto;max-width:none;flex-basis:auto;padding:0;min-width:0}
.at-footer-section h2,.at-footer-section h3,.at-footer-section h4{color:#fff;font-weight:600}
.at-footer-section h3{font-size:14px;line-height:1.3;margin:2px 0 11px}
.at-footer-section h4{font-size:14px;line-height:1.3;margin:0 0 2px}
.at-footer-section h2{font-size:12px;line-height:1.4;margin:9px 0 5px}
.at-footer-section a{color:inherit}
.at-footer-section a:hover{color:white;text-decoration:underline}
.at-footer-logo{display:block;width:150px}
.at-footer-logo img{display:block;width:150px;height:auto}
.at-footer-section p,.at-footer-section ul{font-size:12px;line-height:1.4;margin:0}
.at-footer-branches{list-style:none;padding:0;margin:0!important}
.at-footer-branches li{display:flex;gap:4px;flex-wrap:wrap;margin:3px 0!important;font-size:12px;list-style:none}
.at-footer-branches li:before{content:'•';color:#24b9f6;margin-right:4px}
.at-footer-lines{list-style:none;padding:0;margin:0!important;display:grid;gap:3px}
.at-footer-lines li{list-style:none;display:flex;gap:10px;align-items:flex-start;margin:0!important;font-size:12px;line-height:1.35}
.at-footer-lines i,.at-footer-globe{color:#00b3f5;flex:0 0 15px;font-size:14px;line-height:1.3;text-align:center}
.at-footer-lines a{overflow-wrap:anywhere}
.at-footer-globe{font-size:0;line-height:1}
.at-footer-section .at-footer-role{margin:0 0 4px;font-size:12px}
.at-footer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px}
.at-footer-actions .at-socials{gap:5px;margin:0}
.at-footer-actions .at-social{height:27px;width:27px;font-size:15px}
.at-footer-actions .at-email{background:transparent;width:18px}
.at-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 13px;border-radius:99px;color:white!important;font-size:11px;line-height:1.5;white-space:nowrap;min-height:28px}
.at-chat{background:#00559b}.at-call{background:#54be3e;font-weight:600}
.at-fanpage-card{background:#f5f7fa;color:#16396a;min-height:100px;border:1px solid #d8e2ee;padding:7px 7px 6px}
.at-fanpage-profile{display:flex;align-items:flex-start;gap:7px;min-height:57px;color:#17447c!important}
.at-fanpage-profile img{width:47px;height:42px;object-fit:contain;background:white;border:1px solid #cad5e4;padding:3px;flex-shrink:0}
.at-fanpage-profile strong{font-size:12px;line-height:1.3;display:block;font-weight:500}
.at-fanpage-profile small{font-size:10px;color:#566578;display:block;line-height:1.3;margin-top:3px}
.at-fanpage-follow{display:inline-flex;gap:5px;align-items:center;background:white;color:#42536d!important;border:1px solid #ced4dc;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.6;margin-top:6px}
.at-fanpage-follow i{color:#315b9b}
.at-footer-section~.absolute-footer{padding:6px 0;font-size:12px;line-height:1.5;color:#c7c7c7}
.at-footer-section~.absolute-footer .container{max-width:1250px}
.at-footer-section~.absolute-footer .footer-secondary{padding:0}
.at-footer-legal{display:flex;gap:15px;align-items:center}
.at-footer-legal a{color:#ccc}
.at-footer-legal a+a,.at-footer-legal .at-policy-pending{border-left:1px solid #777;padding-left:15px}
.at-contact-hero a:focus-visible,.at-contact-main a:focus-visible,.at-canada-section a:focus-visible,.at-footer-section a:focus-visible{outline:2px solid #00a9ef;outline-offset:4px}
@media(min-width:1100px){.at-footer-actions{flex-wrap:nowrap;gap:7px}.at-footer-grid.row{gap:28px}.at-footer-actions .at-pill{padding:5px 11px}}
@media(max-width:1099px){.at-footer-grid.row{grid-template-columns:1fr 1fr;gap:25px 35px;max-width:1000px}.at-footer-section.section{padding:24px 0!important}.at-contact-main .at-vietnam-column{padding-right:25px}.at-canada-section.section{width:calc(100% - 30px);margin-left:15px;margin-right:15px}.at-footer-section~.absolute-footer .container{padding:0 20px}}
@media(max-width:549px){
.at-contact-hero{aspect-ratio:auto;min-height:190px;background-position:57% 65%;position:relative}
.at-contact-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eaf6ffde,#eaf6ff44)}
.at-contact-hero .at-contact-container{position:relative;padding:0 22px}
.at-contact-hero h1{font-size:35px;margin-bottom:10px}
.at-contact-hero p{font-size:12px;max-width:260px;line-height:1.5}
.at-breadcrumb{padding:12px 22px 20px}
.at-contact-main.row{padding:0 7px}
.at-contact-main>.col,.at-contact-main .at-vietnam-column{padding:0 15px 24px}
.at-vietnam h2{font-size:18px}.at-vietnam-ref{font-size:14px;gap:9px;margin-bottom:18px}.at-vietnam h3{font-size:19px}
.at-branches li{min-height:62px}.at-branch-pin{width:62px;height:62px}
.at-map{height:250px}.at-socials{margin-top:15px}
.at-canada-section.section{margin:0 15px 15px;padding:18px 0!important}
.at-canada-heading{font-size:19px;gap:12px;margin-bottom:17px!important}
.at-canada-row.row{margin:0!important;width:100%}
.at-canada-row>.col{flex-basis:100%;max-width:100%;padding:0 16px}
.at-canada-photo{height:185px}
.at-canada-details-column{border:0;padding:20px 16px 0!important}
.at-canada-details h3{font-size:20px}.at-canada-role{font-size:15px}
.at-contact-lines{gap:9px}.at-contact-lines li{gap:11px;font-size:14px}
.at-footer-grid.row{grid-template-columns:1fr;gap:25px;padding:0 23px}
.at-footer-section.section{padding:25px 0!important}
.at-footer-logo,.at-footer-logo img{width:165px}
.at-footer-section h2{font-size:13px;max-width:300px;margin-top:12px}
.at-footer-section h3{font-size:16px;margin-bottom:11px}
.at-footer-lines li,.at-footer-branches li,.at-footer-section .at-footer-role{font-size:13px}
.at-footer-lines{gap:5px}.at-footer-actions{gap:10px;flex-wrap:wrap}.at-footer-actions .at-social{width:30px;height:30px}.at-footer-actions .at-email{width:23px}
.at-pill{min-height:32px;font-size:12px}.at-fanpage-card{max-width:300px}.at-fanpage-profile strong{font-size:14px}.at-fanpage-profile small{font-size:11px}
.at-footer-section~.absolute-footer .footer-primary,.at-footer-section~.absolute-footer .footer-secondary{float:none!important;text-align:center}
.at-footer-legal{justify-content:center;margin-bottom:6px;font-size:11px}.at-footer-section~.absolute-footer{padding:10px 0;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.at-social{transition:none}}