/* Font supplied by the original project, not bundled in this patch. */
@font-face{font-family:'Fz Poppins';src:url('../fonts/FZPoppins/FZ%20Poppins-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Fz Poppins';src:url('../fonts/FZPoppins/FZ%20Poppins-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Fz Poppins';src:url('../fonts/FZPoppins/FZ%20Poppins-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Fz Poppins';src:url('../fonts/FZPoppins/FZ%20Poppins-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
/* THUẬN ĐẠT — Figma Desktop 1920px, content 1440px.
   Dùng lớp td- riêng, không ghi đè hệ thống Dashboard. */
:root{--td-blue:#4587c7;--td-dark:#00162a;--td-light:#d6ebff;--td-text:#242424;--td-width:1440px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
.bvn-site.td-site{font-family:'Fz Poppins','Poppins',Arial,sans-serif;font-size:16px;color:var(--td-text);background:#fff;min-width:0;overflow:clip}
.td-site img{max-width:100%;height:auto}
.td-site a{text-decoration:none;color:inherit;transition:color .22s ease,background-color .22s ease,transform .22s ease}
.td-site a:hover{color:var(--td-blue)}
.td-site button,.td-site input,.td-site textarea{font:inherit}
.td-site button{cursor:pointer}
.td-site :is(a,button,input,textarea,summary):focus-visible{outline:3px solid var(--td-blue);outline-offset:3px}
.td-site :is(.td-container,.bvn-container){width:min(var(--td-width),calc(100% - 48px));max-width:var(--td-width);margin-inline:auto}
.td-site .td-button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:11px 24px;border-radius:6px;border:0;background:var(--td-blue);font-family:Nunito,'Poppins',sans-serif;font-size:20px;font-weight:700;line-height:27px;color:white;transition:background .24s ease,transform .24s ease}
.td-site .td-button:hover{background:#266da9;color:#fff;transform:translateY(-2px)}
.td-site .td-section{padding:65px 0 75px;background:#fff}
.td-site .td-heading{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 56px;color:var(--td-blue);text-align:center;font-size:40px;line-height:1.5;font-weight:700;text-transform:uppercase}
.td-site .td-heading::before,.td-site .td-heading::after{content:"";display:block;flex:0 1 229px;height:2px;background:var(--td-blue)}
.td-site .td-heading--plain::before,.td-site .td-heading--plain::after{display:none}
.td-site .td-heading--light{color:#fff}.td-site .td-heading--light::before,.td-site .td-heading--light::after{background:#fff}
/* Topbar + sticky navigation */
.td-site .td-header{position:relative;z-index:90;background:transparent}
.td-site .td-topbar{height:44px;background:var(--td-blue);color:#fff}
.td-site .td-topbar__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.td-site .td-topbar__contacts{display:flex;align-items:center;gap:12px;min-width:0}
.td-site .td-topbar__contacts>a,.td-site .td-topbar__hours{display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}
.td-site .td-topbar__contacts>a+a{border-left:1px solid #fff;padding-left:12px}
.td-site .td-topbar__contacts a:hover{color:#e6f6ff}
.td-site .td-languages{display:flex;align-items:center;gap:14px;white-space:nowrap}
.td-site .td-languages button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#3f4b3d;font-size:14px;font-weight:500;opacity:.8;padding:3px;line-height:1.2}
.td-site .td-languages button img{display:block;width:21px;height:14px;object-fit:cover}
.td-site .td-languages button.is-active,.td-site .td-languages button:hover{opacity:1;font-weight:700}
.td-site .td-languages__divider{height:21px;border-left:1px solid #868686}
.td-site .td-navigation{position:sticky;top:0;z-index:89;height:62px;background:#fff;box-shadow:0 2px 9px #163d5810;transition:box-shadow .25s ease}
.td-site .td-navigation.is-stuck{height:62px;box-shadow:0 5px 18px #08243b1f}
.td-site .td-navigation__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}
.td-site .td-navigation__logo{display:flex;align-items:center;flex:0 0 auto;width:min(285.606567px,22vw);max-height:100%}
.td-site .td-navigation__logo img{width:100%;height:62px;object-fit:contain;object-position:left center}
.td-site .td-menu{display:block;position:static;flex:1 1 auto;min-width:0;background:#fff}
.td-site .td-menu__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.2vw,35px)}
.td-site .td-menu__list>li{position:relative;list-style:none;margin:0;padding:0;flex:0 0 auto}
.td-site .td-menu__list>li>a,.td-site .td-menu__list>li>.bvn-menu__item>a{display:inline-block;font-size:clamp(11px,.84vw,16px);font-weight:500;text-transform:uppercase;line-height:24px;color:#121212;white-space:nowrap}
.td-site .td-menu__list>li>a:hover,.td-site .td-menu__list>li>.bvn-menu__item>a:hover,.td-site .td-menu__list>li>a[aria-current]{color:var(--td-blue)}
.td-site .td-menu .bvn-menu__item{display:flex;align-items:center;gap:6px}
.td-site .td-menu .bvn-menu__item button{border:none;background:none;padding:5px;color:#222;font-size:11px;transition:transform .2s}
.td-site .td-has-submenu:hover>.bvn-menu__item>button{color:var(--td-blue)}
.td-site .td-submenu{position:absolute;top:100%;left:0;z-index:15;display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);min-width:230px;padding:10px 0;margin:0;list-style:none;background:#fff;border-top:2px solid var(--td-blue);box-shadow:0 12px 25px #00162a25;transition:opacity .2s,transform .2s,visibility .2s}
.td-site .td-has-submenu:is(:hover,:focus-within,.is-open)>.td-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.td-site .td-submenu a{display:block;font-size:14px;line-height:1.4;padding:10px 16px;color:#263342}
.td-site .td-submenu a:hover{background:#eff7ff;color:var(--td-blue)}
.td-site .td-menu-toggle,.td-site .td-menu__close{display:none}
.td-site .td-navigation__extra{flex:0 0 auto;display:flex;align-items:center;gap:18px}
.td-site .td-languages--mobile{display:none}
@media(min-width:1026px){
 .td-site .td-navigation,.td-site .td-navigation.is-stuck{height:104px;padding:16px 0 26px}
 .td-site .td-navigation__inner{height:62px}
}
/* Desktop Figma: logo 285.61px → 98.39px → menu 870px → 35px → languages. */
@media(min-width:1441px){
 .td-site .td-navigation__inner{justify-content:flex-start;gap:0}
 .td-site .td-menu{flex:0 0 870px;margin-left:98.39px}
 .td-site .td-menu__list{justify-content:space-between;gap:0}
 .td-site .td-navigation__extra{margin-left:35px;gap:0}
 .td-site .td-languages{gap:10px}
}
/* Slideshow */
.td-site .td-hero{position:relative;width:100%;margin:0;background:#cedee8}
.td-site .td-hero__slide{position:relative;min-height:min(834px,43.44vw);display:flex;align-items:end;isolation:isolate}
.td-site .td-hero__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00162a85 0%,#00162a0d 70%);z-index:-1}
.td-site .td-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.td-site .td-hero__inner{width:100%;padding:0 0 clamp(60px,7.5vw,140px)}
.td-site .td-hero__copy{max-width:930px;color:#fff}
.td-site .td-hero__copy h1,.td-site .td-hero__copy h2{font-size:clamp(32px,3.45vw,66px);line-height:1.15;font-weight:700;letter-spacing:-1px;text-transform:uppercase;color:#fff;margin:0 0 20px}
.td-site .td-hero__copy p{font-size:clamp(16px,1.25vw,24px);line-height:1.5;color:#fff;font-weight:500;margin:0 0 26px;max-width:920px}
.td-site .td-hero__controls{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:14px;color:#fff}
.td-site .td-hero__controls button{border:1px solid #ffffff66;background:#00162a55;color:white;border-radius:50%;width:35px;height:35px}
.td-site .td-hero__controls .swiper-pagination-bullet{background:white}
/* About */
.td-site .td-about{padding:106px 0 115px}
.td-site .td-about__grid{display:grid;grid-template-columns:710fr 702fr;align-items:center;gap:20px}
.td-site .td-about__image{height:451px;background:#f3f5f8;overflow:hidden}
.td-site .td-about__image img{width:100%;height:100%;object-fit:cover}
.td-site .td-about__copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.td-site .td-about__copy .td-heading{width:100%;margin:0;font-size:40px}
.td-site .td-about__description,.td-site .td-about__content{width:100%;font-size:18px;line-height:1.5;color:#252525}
.td-site .td-about__content{max-height:220px;overflow:hidden}
.td-site .td-about__content p{margin:0 0 12px}
.td-site .td-about__copy>.td-button{margin-top:4px}
/* Numbers */
.td-site .td-full-background{position:relative;isolation:isolate;background:#0e2031}
.td-site .td-full-background:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#0009,#0009),var(--td-bg,linear-gradient(#00162a,#00162a));background-size:cover;background-position:center}
.td-site .td-stats{padding:69px 0 68px;min-height:488px;color:white}
.td-site .td-stats .td-heading{margin-bottom:75px}
.td-site .td-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:55px;align-items:start}
.td-site .td-stat{text-align:center;color:#fff}
.td-site .td-stat__icon{display:flex;justify-content:center;align-items:center;height:62px;margin-bottom:27px;font-size:57px}
.td-site .td-stat strong{display:block;font-size:40px;line-height:1.5;font-weight:700;color:#fff}
.td-site .td-stat p{max-width:245px;margin:0 auto;color:#fff;font-size:22px;line-height:1.5;font-weight:500}
/* Brand logo carousel */
.td-site .td-brands{padding-top:77px;padding-bottom:63px}
.td-site .td-brands .td-heading{margin-bottom:45px}
.td-site .td-brands__swiper{width:100%;overflow:hidden}
.td-site .td-brand{min-height:110px;display:flex;justify-content:center;align-items:center;text-align:center}
.td-site .td-brand a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.td-site .td-brand img{width:100%;max-width:210px;max-height:92px;object-fit:contain;transition:transform .3s}
.td-site .td-brand:hover img{transform:scale(1.06)}
/* Featured products */
.td-site .td-products{padding:45px 0 82px}
.td-site .td-products .td-heading{margin-bottom:65px}
.td-site .td-product-carousel{position:relative}
.td-site .td-product{height:373px;border:1px solid var(--td-light);box-shadow:0 4px 13px #4587c726;border-radius:7px;background:#fff;padding:13px 17px 18px;overflow:hidden;display:flex;flex-direction:column}
.td-site .td-product__image{width:100%;height:236px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.td-site .td-product__image img{height:100%;max-width:100%;object-fit:contain;transition:transform .3s}
.td-site .td-product:hover .td-product__image img{transform:scale(1.045)}
.td-site .td-product h3{font-size:14px;line-height:1.55;font-weight:500;margin:12px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:64px}
.td-site .td-product__price{font-size:16px;line-height:1.5;color:var(--td-blue);margin:auto 0 0}
.td-site .td-product__price strong{font-weight:700;margin-left:7px}
.td-site .td-product-carousel__arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);border:0;border-radius:50%;height:38px;width:38px;color:var(--td-blue);background:#fff;box-shadow:0 3px 10px #0002}
.td-site .td-product-carousel__arrow--prev{left:-20px}.td-site .td-product-carousel__arrow--next{right:-20px}
/* Why partner */
.td-site .td-why{padding:100px 0 109px;min-height:619px;color:#fff}
.td-site .td-why:before{background-image:linear-gradient(#000b,#000b),var(--td-bg,linear-gradient(#00162a,#00162a))}
.td-site .td-why__heading{text-align:center;margin:0 0 35px;color:#fff;font-size:40px;line-height:1.5;font-weight:700}
.td-site .td-why__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.td-site .td-why__card{min-height:314px;padding:36px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:20px;background:#ffffff4d;backdrop-filter:blur(3px)}
.td-site .td-why__icon{width:75px;height:75px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff70;margin-bottom:22px;font-size:35px;color:white}
.td-site .td-why__icon img{width:35px;height:35px;object-fit:contain}
.td-site .td-why__card h3{font-size:30px;line-height:1.5;color:white;font-weight:700;margin:0 0 5px}
.td-site .td-why__card p{font-size:18px;line-height:1.5;color:white;margin:0;max-width:320px}
/* Mosaic partners */
.td-site .td-partners{padding:75px 0 92px}
.td-site .td-partners__mosaic{min-height:560px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:105px;gap:12px;align-content:center}
.td-site .td-partners__item{min-height:110px;background:white;box-shadow:0 3px 14px #0002;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:15px;transition:transform .32s ease,box-shadow .32s ease}
.td-site .td-partners__item:hover{transform:translateY(-9px) scale(1.035);box-shadow:0 9px 24px #0003}
.td-site .td-partners__item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.td-site .td-partners__item img{max-width:100%;width:100%;height:78px;object-fit:contain}
.td-site .td-partners__item:nth-child(6n+1){grid-column:span 1;align-self:start}
.td-site .td-partners__item:nth-child(6n+2){grid-column:span 2;align-self:end}
.td-site .td-partners__item:nth-child(6n+3){grid-column:span 1;transform:translateY(28px)}
.td-site .td-partners__item:nth-child(6n+4){grid-column:span 2;align-self:center}
.td-site .td-partners__item:nth-child(6n+5){grid-column:span 2;transform:translateY(-24px)}
.td-site .td-partners__item:nth-child(6n){grid-column:span 1}
/* Dealer form */
.td-site .td-dealer{padding:52px 0 75px}
.td-site .td-dealer__grid{display:grid;grid-template-columns:660fr 780fr;min-height:712px;overflow:hidden;border-radius:24px;background:var(--td-light)}
.td-site .td-dealer__media{position:relative;min-height:712px;background:#0a304e;display:flex;align-items:center;justify-content:center}
.td-site .td-dealer__media>img,.td-site .td-dealer__media>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.td-site .td-dealer__play{position:relative;z-index:2;width:85px;height:85px;border:0;border-radius:50%;background:var(--td-blue);color:#fff;font-size:35px;box-shadow:0 5px 20px #00162a30}
.td-site .td-dealer__play:hover{transform:scale(1.1)}
.td-site .td-dealer__form-outer{display:flex;align-items:center;justify-content:center;padding:45px}
.td-site .td-dealer__form-card{width:100%;max-width:693px;padding:35px 30px 37px;border-radius:20px;background:#fff;box-shadow:0 3px 17px #00162a24}
.td-site .td-dealer__form-card h2{text-align:center;color:var(--td-blue);font-size:40px;line-height:1.5;margin:0 0 17px;font-weight:700}
.td-site .td-dealer__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:15px}
.td-site .td-dealer__form label{min-width:0;display:flex;flex-direction:column;gap:6px}
.td-site .td-dealer__form label span{font-size:16px;color:var(--td-blue)}
.td-site .td-dealer__wide{grid-column:1/-1}
.td-site .td-dealer__form input,.td-site .td-dealer__form textarea{border:1px solid #dadada;border-radius:6px;outline:none;background:#fff;padding:12px 15px;color:#252525;width:100%;font-size:15px}
.td-site .td-dealer__form input{height:52px}.td-site .td-dealer__form textarea{min-height:142px;resize:vertical}
.td-site .td-dealer__form :is(input,textarea):focus{border-color:var(--td-blue);box-shadow:0 0 0 2px #4587c725}
.td-site .td-dealer__submit{grid-column:1/-1;border-radius:100px;width:100%;height:59px;margin-top:15px;font-size:18px}
/* Certificates */
.td-site .td-certificates{padding:70px 0 80px}.td-site .td-certificates .td-heading{margin-bottom:48px}
.td-site .td-certificates__item{display:block;aspect-ratio:345/493;overflow:hidden;background:#f1f4f8}
.td-site .td-certificates__item img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.td-site .td-certificates__item:hover img{transform:scale(1.03)}
/* News */
.td-site .td-news{padding:70px 0 100px}.td-site .td-news .td-heading{margin-bottom:55px}
.td-site .td-news__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.td-site .td-news-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.td-site .td-news-card__image{display:block;width:100%;aspect-ratio:467/266;background:#f1f5f9;overflow:hidden}
.td-site .td-news-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.td-site .td-news-card__image:hover img{transform:scale(1.045)}
.td-site .td-news-card h3{font-size:22px;line-height:1.4;font-weight:700;margin:20px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.td-site .td-news-card time{font-size:14px;margin-bottom:8px;color:#777}
.td-site .td-news-card p{font-size:15px;line-height:1.6;margin:0 0 25px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.td-site .td-news-card .td-button{margin-top:auto;font-size:18px}
/* Footer */
.td-site .td-footer{background:var(--td-dark);color:white;padding:80px 0 0;min-height:632px}
.td-site .td-footer__grid{display:grid;grid-template-columns:1fr 1fr;gap:140px;max-width:1434px;align-items:start}
.td-site .td-footer__logo{display:block;width:360px;max-width:100%;min-height:150px}
.td-site .td-footer__logo img{width:360px;max-width:100%;height:175px;object-fit:contain;object-position:left center}
.td-site .td-footer h2{color:#fff;font-size:22px;line-height:1.45;margin:10px 0 18px;font-weight:700}
.td-site .td-footer__intro,.td-site .td-footer__intro p{font-size:18px;line-height:1.5;color:#fff;max-width:690px}
.td-site .td-footer__contact h2{font-size:30px;margin:15px 0 27px}
.td-site .td-footer__contact p{display:flex;gap:20px;align-items:start;margin:0 0 19px;font-size:18px;line-height:1.55;color:#fff}
.td-site .td-footer__contact p i{width:25px;flex:0 0 25px;font-size:24px;margin-top:3px}
.td-site .td-footer__contact a{color:#fff}.td-site .td-footer__contact a:hover{color:#85c7ff}
.td-site .td-footer__bottom{text-align:center;color:#fff;padding:100px 24px 26px;font-size:16px;font-weight:600}
.td-site .td-back-top{position:fixed;z-index:80;bottom:30px;right:28px;width:46px;height:46px;border:none;border-radius:50%;background:var(--td-blue);color:white;box-shadow:0 4px 16px #0003}
/* Shared subpages */
.td-site .bvn-page-hero{background:#f4f8fd;padding:20px 0;border-bottom:1px solid #dcecf7}
.td-site .bvn-page-hero__crumbs{font-size:14px;color:#5b6672;display:flex;align-items:center;gap:12px}
.td-site .bvn-subpage-body{width:100%;min-height:40vh;background:#fff;padding-bottom:50px}
.td-site .bvn-subpage-body :is(.bvn-container,.wrap-content){max-width:1440px;margin-left:auto;margin-right:auto}
.td-site .bvn-subpage-body :is(h1,.title-detail){color:var(--td-blue);font-size:clamp(27px,2.15vw,40px);font-weight:700;line-height:1.3}
.td-site .bvn-subpage-body h2{color:var(--td-blue)}
.td-site .bvn-subpage-body :is(.product-list-template,.bvn-listing,.about-template){padding-top:45px}
.td-site .bvn-subpage-body :is(.product-detail-page,.news-detail,.about-template){max-width:1440px;margin-left:auto;margin-right:auto}
.td-site .bvn-subpage-body :is(.product-card,.product-item,.product-list-item,.blog-news-card){border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 15px #4587c715;transition:transform .2s}
.td-site .bvn-subpage-body :is(.product-card,.product-item,.product-list-item,.blog-news-card):hover{transform:translateY(-3px)}
.td-site .bvn-contact{padding:65px 0 80px}.td-site .bvn-contact__head{text-align:center;margin-bottom:45px}
.td-site .bvn-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.td-site .bvn-contact__details,.td-site .bvn-contact__form-card{padding:35px;background:#f5faff;border-radius:15px}
.td-site .bvn-contact__fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.td-site .bvn-contact__fields label{display:flex;flex-direction:column;gap:7px;min-width:0}
.td-site .bvn-contact__fields .bvn-contact__wide{grid-column:1/-1}
.td-site .bvn-contact__fields :is(input,textarea){width:100%;border:1px solid #d0dce5;border-radius:6px;padding:12px;background:white}
.td-site .bvn-contact__form .bvn-button{display:inline-flex;padding:13px 27px;margin-top:15px;background:var(--td-blue);border:none;border-radius:6px;color:white}
.td-site .bvn-contact__honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.td-site .about-template img,.td-site .bvn-subpage-body img{object-fit:cover}
.td-site .swiper{overflow:hidden}

.td-site .td-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* Danh sách/chi tiết trang con: cùng hệ màu, lưới và nhịp khoảng cách Figma */
.td-site .bvn-listing__heading{margin:10px 0 30px;font-size:40px;line-height:1.3;color:var(--td-blue);font-weight:700;text-transform:uppercase}
.td-site .product-list-container{padding-top:44px;padding-bottom:65px}
.td-site .product-list-template :is(.product-list,.product-grid,.grid-products){gap:19px}
.td-site .product-list-template :is(.product-item,.product-card){border:1px solid var(--td-light);border-radius:7px;padding:14px;background:#fff;box-shadow:0 4px 13px #4587c719}
.td-site .product-list-template :is(.product-item img,.product-card img){max-width:100%;object-fit:contain}
.td-site .product-detail-page{padding:35px 0 60px}
.td-site .product-detail-page .wrap-content{max-width:1440px;margin-inline:auto}
.td-site .product-detail-page :is(h1,h2,.title-detail,.product-list-heading){color:var(--td-blue)}
.td-site .news-template-list1-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.td-site .news-template-list1-card{display:flex;flex-direction:column;background:#fff;overflow:hidden;min-width:0}
.td-site .news-template-list1-photo{display:block;aspect-ratio:467/266;overflow:hidden;background:#eef5fa}
.td-site .news-template-list1-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.td-site .news-template-list1-photo:hover img{transform:scale(1.04)}
.td-site .news-template-list1-info{padding:20px 0 12px}
.td-site .news-template-list1-name{font-size:21px;font-weight:700;line-height:1.45;color:#222}
.td-site .news-template-list1-desc{font-size:15px;line-height:1.65;color:#525252}
.td-site .news-template-detail1{padding:15px 0 70px}
.td-site .news-template-detail1 img{max-width:100%;height:auto}
.td-site .about-template{padding:45px 0 70px}
.td-site .about-template-heading h1{font-weight:700;color:var(--td-blue);font-size:40px}
.td-site .about-template-lead,.td-site .about-template-content{font-size:17px;line-height:1.8}
.td-site .about-alternating-item{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:45px 0}
.td-site .about-alternating-item:nth-child(even)>.about-alternating-photo{order:2}
.td-site .about-alternating-photo img{width:100%;height:auto;object-fit:cover}
@media(max-width:1025px){.bvn-site.td-site .news-template-list1-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bvn-site.td-site .about-template-heading h1{font-size:32px}}
@media(max-width:767px){.bvn-site.td-site .news-template-list1-grid{grid-template-columns:1fr}.bvn-site.td-site .news-template-list1-info{padding-top:12px}.bvn-site.td-site .about-alternating-item{grid-template-columns:1fr;gap:18px}.bvn-site.td-site .about-alternating-item:nth-child(even)>.about-alternating-photo{order:0}.bvn-site.td-site .about-template-heading h1{font-size:27px}.bvn-site.td-site .about-template-lead,.bvn-site.td-site .about-template-content{font-size:15px}}


/* THUAN DAT | Trang con — desktop design system from the 1920/1440 Figma homepage.
   Scoped to the subpage wrapper; existing homepage and Dashboard remain unchanged. */
.bvn-site.td-site .bvn-page-hero{
  position:relative;isolation:isolate;padding:29px 0 30px;
  background:linear-gradient(112deg,#f1f8ff 0%,#f7fbff 65%,#e8f3ff 100%);
  border-top:1px solid #e6f1f9;border-bottom:1px solid #d9e9f7;
}
.bvn-site.td-site .bvn-page-hero::before{
  content:"";position:absolute;inset:0 0 0 auto;width:36%;z-index:-1;
  background:linear-gradient(135deg,transparent 30%,#4587c70a 30% 60%,transparent 60%);
}
.bvn-site.td-site .bvn-page-hero__crumbs{display:flex;align-items:center;gap:11px;min-height:30px;flex-wrap:wrap;font-size:14px;line-height:1.7;color:#50657b}
.bvn-site.td-site .bvn-page-hero__crumbs a{color:#357ebd;font-weight:600}
.bvn-site.td-site .bvn-page-hero__crumbs a:hover{color:#174f82}
.bvn-site.td-site .bvn-page-hero__crumbs :is(.breadCrumbs,.breadcrumb,ul,ol){display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;background:transparent}
.bvn-site.td-site .bvn-page-hero__crumbs :is(i,svg){color:#91a8bd}
.bvn-site.td-site .bvn-subpage-body{min-height:45vh;padding-bottom:82px;overflow-wrap:break-word}
.bvn-site.td-site .bvn-subpage-body :is(.wrap-content,.max-width,.dap-about-article__container,.dap-projects-articles__container,.dap-services__container,.dap-detail-container,.tbl-projects-container,.tbl-services-page__container,.bvn-blog-page__container){width:min(1440px,calc(100% - 48px));max-width:1440px;margin-left:auto;margin-right:auto}
.bvn-site.td-site .bvn-subpage-body :is(.wrap-content,.max-width) :is(img,video,iframe){max-width:100%}
.bvn-site.td-site .bvn-subpage-body :is(.content-main,.baonoidung,.article-cke-content,.dap-detail-content,.dap-about-article__content){font-size:17px;line-height:1.9;color:#3d4b58;overflow-wrap:anywhere}
.bvn-site.td-site .bvn-subpage-body :is(.content-main,.baonoidung,.article-cke-content) :is(p,ul,ol){margin-bottom:1.15em}
.bvn-site.td-site .bvn-subpage-body :is(.content-main,.baonoidung,.article-cke-content) img{max-width:100%;height:auto!important;border-radius:9px}
.bvn-site.td-site .bvn-subpage-body :is(.content-main,.baonoidung,.article-cke-content) table{display:block;max-width:100%;overflow-x:auto}
.bvn-site.td-site .bvn-subpage-body :is(.content-main,.baonoidung,.article-cke-content) :is(h2,h3){color:#245d91;line-height:1.4;margin:1.1em 0 .6em}
.bvn-site.td-site .bvn-subpage-body :is(.dap-listing-page-title,.news-template-title,.bvn-listing__heading){margin:0 0 34px;text-align:center}
.bvn-site.td-site .bvn-subpage-body :is(.dap-listing-page-title,.news-template-title,.bvn-listing__heading)>h1,
.bvn-site.td-site .bvn-subpage-body .bvn-contact__head>h1{
  display:flex;align-items:center;justify-content:center;gap:18px;
  color:var(--td-blue);font-size:32px;line-height:1.35;
  font-weight:700;text-align:center;text-transform:none;letter-spacing:0;margin:0;
}
.bvn-site.td-site .bvn-subpage-body :is(.dap-listing-page-title,.news-template-title,.bvn-listing__heading)>h1::before,
.bvn-site.td-site .bvn-subpage-body :is(.dap-listing-page-title,.news-template-title,.bvn-listing__heading)>h1::after,
.bvn-site.td-site .bvn-subpage-body .bvn-contact__head>h1::before,
.bvn-site.td-site .bvn-subpage-body .bvn-contact__head>h1::after{
  content:"";flex:0 1 110px;min-width:0;display:block;height:2px;background:#82b4e1;
}
.bvn-site.td-site .bvn-subpage-body :is(.dap-projects-articles__empty,.dap-services__empty,.bvn-blog-page__empty){padding:35px 20px;background:#f3f9ff;color:#49647f;text-align:center;border-radius:10px}
.bvn-site.td-site .bvn-subpage-body :is(.pagination,.dap-news-page__pagination nav,.dap-projects-articles__pagination){display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:38px auto 0}
.bvn-site.td-site .bvn-subpage-body :is(.pagination,.dap-projects-articles__pagination) :is(a,span){min-width:39px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:5px;border:1px solid #d7e6f4}
.bvn-site.td-site .bvn-subpage-body :is(.pagination,.dap-projects-articles__pagination) :is(.active,.is-active,[aria-current="page"]){background:var(--td-blue);color:#fff;border-color:var(--td-blue)}
/* One spacing system for Thuận Đạt subpages (breadcrumb -> heading -> content).
   Only outer wrappers are reset; each page keeps its existing dynamic data. */
.bvn-site.td-site .bvn-subpage-body > :is(.dap-about-article,.dap-projects-articles,.dap-services-page){padding:0;margin:0}
.bvn-site.td-site .bvn-subpage-body .dap-listing-page-title h1,
.bvn-site.td-site .bvn-subpage-body .news-template-title h1,
.bvn-site.td-site .bvn-subpage-body .bvn-listing__heading h1,
.bvn-site.td-site .bvn-subpage-body .bvn-contact__head h1,
.bvn-site.td-site .bvn-subpage-body .td-static-page .title-detail h1,
.bvn-site.td-site .bvn-subpage-body .bvn-blog-page__header h1{font-size:32px;line-height:1.35;font-weight:700;text-transform:none;letter-spacing:0}
.bvn-site.td-site .bvn-subpage-body .bvn-listing__heading h1{margin:0}
/* About: Dashboard article + gallery. */
.bvn-site.td-site .dap-about-article__container{padding:56px 0 22px}
.bvn-site.td-site .dap-about-article__body{width:min(1100px,100%);margin:0 auto}
.bvn-site.td-site .dap-about-article__content-title{font-size:27px;line-height:1.45;font-weight:700;text-align:center;margin:0 0 28px;color:#2c688f}
.bvn-site.td-site .dap-about-article__content{padding:0 4px;font-size:18px;line-height:1.9}
.bvn-site.td-site .dap-about-article__gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:52px 0 0}
.bvn-site.td-site .dap-about-article__gallery-item{display:block;overflow:hidden;background:#edf5fc;border:1px solid #e4eef6;border-radius:12px;aspect-ratio:4/3;box-shadow:0 7px 25px #0f436d0d}
.bvn-site.td-site .dap-about-article__gallery-item img{display:block;width:100%;height:100%!important;object-fit:cover;transition:transform .4s ease}
.bvn-site.td-site .dap-about-article__gallery-item:hover img{transform:scale(1.045)}
.bvn-site.td-site .td-static-page .td-static-article{max-width:1050px;margin-inline:auto;padding:56px 32px;background:#fff;border-radius:12px}
.bvn-site.td-site .td-static-page .title-detail{text-align:center;margin-bottom:34px}
/* Business-area and service cards use the existing news/portfolio data. */
.bvn-site.td-site .dap-services--subpage{padding:56px 0 48px;background:#fff}
.bvn-site.td-site .dap-services__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:stretch}
.bvn-site.td-site .dap-services--subpage .dap-services__card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;background:#fff;border:1px solid #e3eef7;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #143e5a12;transition:box-shadow .25s,transform .25s}
.bvn-site.td-site .dap-services--subpage .dap-services__card:hover{transform:translateY(-5px);box-shadow:0 15px 36px #143e5a22}
.bvn-site.td-site .dap-services--subpage .dap-services__image{position:relative;display:block;width:100%;height:auto;aspect-ratio:467/285;overflow:hidden;background:#e8f4ff}
.bvn-site.td-site .dap-services--subpage .dap-services__image>img{display:block;width:100%;height:100%!important;object-fit:cover;transition:transform .35s}
.bvn-site.td-site .dap-services--subpage .dap-services__card:hover .dap-services__image>img{transform:scale(1.05)}
.bvn-site.td-site .dap-services--subpage .dap-services__icon{position:absolute;bottom:16px;left:19px;top:auto;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:12px;background:#ffffffee;color:var(--td-blue);font-size:22px;box-shadow:0 4px 13px #001c3420}
.bvn-site.td-site .dap-services--subpage .dap-services__icon img{width:30px;height:30px;object-fit:contain}
.bvn-site.td-site .dap-services--subpage .dap-services__body{flex:1;display:flex;flex-direction:column;gap:13px;padding:24px 25px 26px}
.bvn-site.td-site .dap-services--subpage .dap-services__body h3{margin:0;font-size:23px;line-height:1.4;font-weight:700;color:#243849}
.bvn-site.td-site .dap-services--subpage .dap-services__body p{margin:0;color:#617282;font-size:15px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.bvn-site.td-site .dap-services--subpage .dap-services__line{height:1px;width:100%;background:#e6edf2;margin-top:auto}
.bvn-site.td-site .dap-services--subpage .dap-services__read-more{display:inline-flex;align-items:center;gap:12px;justify-content:space-between;font-size:15px;color:var(--td-blue);font-weight:700}
.bvn-site.td-site .dap-services--subpage .dap-services__read-more span{width:37px;height:37px;display:grid;place-items:center;background:#eaf5ff;border-radius:50%}
/* Project/listing articles and company news. */
.bvn-site.td-site .dap-projects-articles__section{padding:56px 0 42px}
.bvn-site.td-site .dap-projects-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.bvn-site.td-site .dap-project-post{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e5edf3;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #10395310;transition:transform .25s,box-shadow .25s}
.bvn-site.td-site .dap-project-post:hover{transform:translateY(-4px);box-shadow:0 14px 35px #10395323}
.bvn-site.td-site .dap-project-post__media{position:relative;display:block;aspect-ratio:467/280;overflow:hidden;background:#eaf4fa}
.bvn-site.td-site .dap-project-post__media>img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;transition:transform .3s}
.bvn-site.td-site .dap-project-post:hover .dap-project-post__media img{transform:scale(1.045)}
.bvn-site.td-site .dap-project-post__fallback{display:grid;place-items:center;height:100%;color:#a3c4d9;font-size:45px}
.bvn-site.td-site .dap-project-post__body{flex:1;display:flex;flex-direction:column;padding:23px 25px 27px}
.bvn-site.td-site .dap-project-post__body h2{margin:0 0 13px;font-size:22px;font-weight:700;line-height:1.45;color:#213c51}
.bvn-site.td-site .dap-project-post__body p{font-size:15px;line-height:1.75;color:#64788a;margin:0 0 17px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bvn-site.td-site .dap-project-post__read{display:flex;align-items:center;justify-content:space-between;color:var(--td-blue);font-size:15px;font-weight:700;margin-top:auto}
.bvn-site.td-site .dap-project-post__read span{height:36px;width:36px;border-radius:50%;background:#eaf4ff;display:grid;place-items:center}
.bvn-site.td-site .dap-news-page__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 0 30px}
.bvn-site.td-site .dap-news-page__filters a{padding:10px 19px;border:1px solid #dbe9f6;border-radius:100px;color:#496a87;background:#fff;font-weight:500;font-size:15px}
.bvn-site.td-site .dap-news-page__filters a:is(:hover,.is-active,[aria-current]){background:var(--td-blue);border-color:var(--td-blue);color:#fff}
.bvn-site.td-site .dap-news-page__filters--sub{margin-top:-12px;margin-bottom:32px}
.bvn-site.td-site .bvn-news-listing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.bvn-site.td-site .bvn-news-listing__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #e4edf6;border-radius:10px;box-shadow:0 7px 25px #133b5c12}
.bvn-site.td-site .bvn-news-listing__card--lead{grid-column:span 3;display:grid;grid-template-columns:1.12fr 1fr;min-height:345px}
.bvn-site.td-site .bvn-news-listing__media{position:relative;display:block;overflow:hidden;aspect-ratio:467/288;background:#e9f4ff}
.bvn-site.td-site .bvn-news-listing__card--lead .bvn-news-listing__media{aspect-ratio:auto}
.bvn-site.td-site .bvn-news-listing__fallback{height:100%;display:grid;place-items:center;font-size:44px;color:#adcee5}
.bvn-site.td-site .bvn-news-listing__media img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;transition:transform .3s}
.bvn-site.td-site .bvn-news-listing__media:hover img{transform:scale(1.04)}
.bvn-site.td-site .bvn-news-listing__content{flex:1;display:flex;flex-direction:column;gap:13px;padding:23px 25px 27px}
.bvn-site.td-site .bvn-news-listing__card--lead .bvn-news-listing__content{justify-content:center;padding:37px 42px}
.bvn-site.td-site .bvn-news-listing__label{align-self:start;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--td-blue);font-size:12px}
.bvn-site.td-site .bvn-news-listing__content h2{margin:0;font-size:22px;line-height:1.45;font-weight:700;color:#17364e}
.bvn-site.td-site .bvn-news-listing__card--lead h2{font-size:30px}
.bvn-site.td-site .bvn-news-listing__content p{color:#5d7285;font-size:15px;line-height:1.7;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.bvn-site.td-site .bvn-news-listing__more{margin-top:auto;color:var(--td-blue);font-weight:700;font-size:15px}
/* Article detail and related content. */
.bvn-site.td-site .dap-detail-container{padding:58px 0 38px}
.bvn-site.td-site .dap-detail-article{width:min(1050px,100%);margin:0 auto;padding:0}
.bvn-site.td-site .dap-detail-title,.bvn-site.td-site .news-detail-content-only h1,.bvn-site.td-site .news-template-article h1{margin:0 0 32px;color:#246fa7;line-height:1.4;font-weight:700;font-size:clamp(27px,2.2vw,40px);text-align:center}
.bvn-site.td-site .dap-detail-content{padding-bottom:22px}
.bvn-site.td-site .dap-detail-related{padding:32px 0 10px;margin:36px 0 0;border-top:1px solid #dce9f2}
.bvn-site.td-site .dap-detail-related__title{text-align:center;text-transform:uppercase;color:var(--td-blue);font-size:30px;font-weight:700;margin:0 0 28px}
.bvn-site.td-site .dap-detail-related__grid,.bvn-site.td-site .dap-news-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bvn-site.td-site .dap-news-card__media{position:relative;display:block;min-height:265px;aspect-ratio:467/310;border-radius:9px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#144971,#001c34)}
.bvn-site.td-site .dap-news-card__media img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;transition:transform .35s}
.bvn-site.td-site .dap-news-card__media:hover img{transform:scale(1.05)}
.bvn-site.td-site .dap-news-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#001b36dd)}
.bvn-site.td-site .dap-news-card__fallback{height:100%;display:grid;place-items:center;color:#91b6d2;font-size:40px}
.bvn-site.td-site .dap-news-card__label{position:absolute;top:19px;left:19px;font-size:12px;font-weight:600;color:#fff;background:var(--td-blue);padding:6px 12px;border-radius:4px}
.bvn-site.td-site .dap-news-card__content{position:absolute;left:21px;right:21px;bottom:20px;display:flex;flex-direction:column;gap:15px;color:#fff}
.bvn-site.td-site .dap-news-card__content strong{font-size:19px;line-height:1.45;color:#fff;font-weight:700}
.bvn-site.td-site .dap-news-card__more{color:#cae6ff;font-size:14px}
.bvn-site.td-site .tbl-projects-detail__crumb{display:none}
.bvn-site.td-site .tbl-projects-detail__back{margin:32px 0 0}
.bvn-site.td-site .tbl-projects-detail__back a{color:var(--td-blue);font-weight:700}
.bvn-site.td-site .news-detail-content-only,.bvn-site.td-site .news-template-article{max-width:1020px;margin:52px auto 20px}
.bvn-site.td-site .td-news-cover{width:100%;margin:0 0 30px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#eef4f9}
.bvn-site.td-site .td-news-cover img{display:block;width:100%;height:100%!important;object-fit:cover}
.bvn-site.td-site .news-template-title{margin-top:0}
.bvn-site.td-site .news-template-list1-grid{gap:25px}
.bvn-site.td-site .news-template-list1-card{border:1px solid #e0ecf6;border-radius:10px;box-shadow:0 7px 22px #173c5b13}
.bvn-site.td-site .news-template-list1-info{padding:20px 21px 24px}
/* Standalone news templates use the same first-title offset as the other pages. */
.bvn-site.td-site .bvn-subpage-body > .news-list-template > .wrap-content{
  padding-top:56px;margin-top:0!important;
}
/* Product category/listing and detail (all Dashboard-selectable templates). */
.bvn-site.td-site .bvn-product-listing{padding:0 0 20px}
.bvn-site.td-site .bvn-product-listing .product-list-container{padding:56px 0 42px}
.bvn-site.td-site .bvn-product-listing .bvn-listing__heading{display:block;position:relative;margin:0 0 34px}
.bvn-site.td-site .bvn-product-listing .bvn-listing__heading h1{text-align:center;font-size:32px;font-weight:700;color:var(--td-blue);line-height:1.35;text-transform:none}
.bvn-site.td-site .bvn-product-listing .bvn-listing__heading .filter{position:absolute;right:0;top:12px;color:#45769d;font-size:15px;cursor:pointer}
.bvn-site.td-site .bvn-product-listing .sort-select{position:relative;display:flex;justify-content:flex-end;z-index:4;margin:0 0 26px}
.bvn-site.td-site .bvn-product-listing .sort-select .click-sort{border:1px solid #d7e7f3;border-radius:6px;background:#f9fcff;color:#354f64;padding:10px 17px;margin:0;cursor:pointer;font-size:14px}
.bvn-site.td-site .bvn-product-listing .sort-select-main{position:absolute;top:100%;right:0;min-width:215px;background:#fff;border:1px solid #d9e8f5;box-shadow:0 8px 25px #123e5a26;border-radius:7px;padding:8px;z-index:5}
.bvn-site.td-site .bvn-product-listing .sort-select-main p{margin:0;padding:0}
.bvn-site.td-site .bvn-product-listing .sort-select-main a{padding:9px 11px;display:block;font-size:14px;cursor:pointer;border-radius:4px}
.bvn-site.td-site .bvn-product-listing .sort-select-main a:hover{background:#eaf4fe}
.bvn-site.td-site .bvn-product-listing .product-list-main>.product-list-heading{display:none}
.bvn-site.td-site .bvn-product-listing .product-list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.bvn-site.td-site .bvn-product-listing.product-list-template-product2 .product-list-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
.bvn-site.td-site .bvn-product-listing .product-list-card,.bvn-site.td-site .product-related-section .product-list-card{border:1px solid #e7edf3;border-radius:9px;box-shadow:0 6px 20px #1d456011;background:#fff}
.bvn-site.td-site .bvn-product-listing .product-list-photo a{aspect-ratio:1/1;padding:22px}
.bvn-site.td-site .bvn-product-listing .product-list-info{display:flex;flex-direction:column;gap:10px;padding:15px 17px 21px}
.bvn-site.td-site .bvn-product-listing .product-list-name{font-size:16px;line-height:1.55;min-height:3.1em}
.bvn-site.td-site .bvn-product-listing .product-list-price{margin:0;font-size:16px;color:var(--td-blue)}
.bvn-site.td-site .product-detail-page{padding:50px 0 30px}
.bvn-site.td-site .product-detail-page>.wrap-content{width:min(1440px,calc(100% - 48px))}
.bvn-site.td-site .product-detail-page .product-list-heading{font-size:29px;color:var(--td-blue);font-weight:700;text-transform:uppercase;margin:0 0 28px}
.bvn-site.td-site .product-detail-page .product-related-section{margin-top:65px;padding-top:39px;border-top:1px solid #dfeaf3}
.bvn-site.td-site .product-detail-page .product-list-card img{object-fit:contain}
/* Contact: Figma blue/white identity, original action/fields/reCAPTCHA retained. */
.bvn-site.td-site .bvn-contact{padding:56px 0 18px}
.bvn-site.td-site .bvn-contact__head{max-width:860px;margin:0 auto 34px;text-align:center}
.bvn-site.td-site .bvn-eyebrow{display:inline-block;margin:0 0 14px;font-size:13px;letter-spacing:.13em;font-weight:700;color:var(--td-blue)}
.bvn-site.td-site .bvn-contact__head>p{font-size:17px;line-height:1.75;color:#697989;margin:16px 0 0}
.bvn-site.td-site .bvn-contact__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:27px;align-items:stretch}
.bvn-site.td-site .bvn-contact__details,.bvn-site.td-site .bvn-contact__form-card{padding:44px 43px;border-radius:13px;border:1px solid #dfebf6;background:#f6faff;min-width:0}
.bvn-site.td-site .bvn-contact__details{background:linear-gradient(145deg,#edf7ff,#f8fbfe)}
.bvn-site.td-site .bvn-contact__details h2,.bvn-site.td-site .bvn-contact__form-card h2{font-size:27px;line-height:1.35;font-weight:700;color:#216daa;margin:0 0 19px}
.bvn-site.td-site .bvn-contact__details :is(p,li){font-size:16px;line-height:1.8;color:#475b6b}
.bvn-site.td-site .bvn-contact__details p i{display:inline-block;color:var(--td-blue);width:30px}
.bvn-site.td-site .bvn-contact__editor{font-size:16px;line-height:1.85}
.bvn-site.td-site .bvn-contact__office{margin-top:22px;width:100%;max-height:300px;object-fit:cover;border-radius:9px}
.bvn-site.td-site .bvn-contact__form-card>p{font-size:15px;line-height:1.7;color:#62788a;margin:0 0 24px}
.bvn-site.td-site .bvn-contact__fields{gap:19px 15px}
.bvn-site.td-site .bvn-contact__fields label{gap:8px;font-size:14px;color:#2e658e;font-weight:600}
.bvn-site.td-site .bvn-contact__fields :is(input,textarea){min-width:0;font-size:15px;outline:0;padding:13px 14px;border:1px solid #d5e3ee;border-radius:6px;color:#223746;background:white;transition:border-color .2s,box-shadow .2s}
.bvn-site.td-site .bvn-contact__fields input{min-height:48px}
.bvn-site.td-site .bvn-contact__fields textarea{resize:vertical;min-height:142px}
.bvn-site.td-site .bvn-contact__fields :is(input,textarea):focus{border-color:var(--td-blue);box-shadow:0 0 0 3px #4587c727}
.bvn-site.td-site .bvn-contact__form .bvn-button{align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:700;min-height:50px;padding:12px 29px;margin-top:25px;transition:background .2s,transform .2s}
.bvn-site.td-site .bvn-contact__form .bvn-button:hover{background:#236aa5;transform:translateY(-2px)}
.bvn-site.td-site .bvn-contact__form .bvn-button i{line-height:1}
/* Generic brand, media and legacy listings reachable from submenus. */
.bvn-site.td-site .bvn-subpage-body .grid-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.bvn-site.td-site .bvn-subpage-body .grid-news .item-news{border:1px solid #e3eef7;background:#fff;overflow:hidden;border-radius:10px;box-shadow:0 6px 24px #173c5b14}
.bvn-site.td-site .bvn-subpage-body .grid-news .item-news>.img{display:block}
.bvn-site.td-site .bvn-subpage-body .grid-news .item-news .ds-news{padding:17px 20px 24px}
.bvn-site.td-site .bvn-subpage-body .grid-news .item-news :is(h3,p){font-size:17px;line-height:1.55;margin:0 0 9px;color:#31455c}
.bvn-site.td-site .bvn-subpage-body .grid-product{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
.bvn-site.td-site .bvn-subpage-body .grid-product>.product{border:1px solid #e1ecf5;border-radius:9px;overflow:hidden;box-shadow:0 7px 24px #123c5a14;padding:15px}
.bvn-site.td-site .bvn-subpage-body .grid-product .pic-product img{width:100%;height:180px!important;object-fit:contain}
.bvn-site.td-site .bvn-subpage-body .grid-product .name-product{font-size:18px;line-height:1.5;font-weight:600;margin:15px 0 4px;color:#234968;text-align:center}
/* Optional Blog/press listing route: same visual language as company news. */
.bvn-site.td-site .bvn-blog-page{padding:56px 0 24px}
.bvn-site.td-site .bvn-blog-page__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;margin-bottom:34px}
.bvn-site.td-site .bvn-blog-page__header h1{margin:0;font-size:32px;line-height:1.35;color:var(--td-blue);font-weight:700;text-transform:none}
.bvn-site.td-site .bvn-blog-page__tabs{display:flex;align-items:center;gap:12px}
.bvn-site.td-site .bvn-blog-page__tabs a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e8f3;border-radius:6px;padding:10px 18px;color:#476a89;font-size:15px;font-weight:600}
.bvn-site.td-site .bvn-blog-page__tabs a:is(:hover,.is-current){background:var(--td-blue);border-color:var(--td-blue);color:#fff}
.bvn-site.td-site .bvn-blog-page__section{margin:0 0 55px}
.bvn-site.td-site .bvn-blog-page__section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:27px}
.bvn-site.td-site .bvn-blog-page__section-kicker{font-size:12px;letter-spacing:.14em;color:#6a8daf;font-weight:700}
.bvn-site.td-site .bvn-blog-page__section-heading h2{font-size:29px;line-height:1.3;font-weight:700;color:#286fa8;margin:6px 0 0}
.bvn-site.td-site .bvn-blog-page__view-all{font-weight:700;font-size:14px;color:var(--td-blue)}
.bvn-site.td-site .bvn-blog-press,.bvn-site.td-site .bvn-blog-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bvn-site.td-site .bvn-blog-press__card,.bvn-site.td-site .bvn-blog-news__card{display:flex;flex-direction:column;min-width:0;border:1px solid #e0ebf5;border-radius:11px;box-shadow:0 8px 25px #123c5a12;overflow:hidden;background:#fff}
.bvn-site.td-site .bvn-blog-press__image,.bvn-site.td-site .bvn-blog-news__image{display:grid;place-items:center;aspect-ratio:467/270;color:#8cb5d4;font-size:37px;background:#ecf6ff;overflow:hidden}
.bvn-site.td-site .bvn-blog-press__image img,.bvn-site.td-site .bvn-blog-news__image img{height:100%!important;width:100%;object-fit:cover;transition:transform .3s}
.bvn-site.td-site .bvn-blog-press__card:hover img,.bvn-site.td-site .bvn-blog-news__card:hover img{transform:scale(1.045)}
.bvn-site.td-site .bvn-blog-press__body,.bvn-site.td-site .bvn-blog-news__body{flex:1;display:flex;flex-direction:column;gap:12px;padding:23px 24px}
.bvn-site.td-site .bvn-blog-press__body h3,.bvn-site.td-site .bvn-blog-news__body h3{font-size:21px;line-height:1.5;color:#1e3e56;font-weight:700;margin:0}
.bvn-site.td-site .bvn-blog-press__body p,.bvn-site.td-site .bvn-blog-news__body p{font-size:15px;line-height:1.7;color:#677a89;margin:0}
.bvn-site.td-site .bvn-blog-news__meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#7893ab}
.bvn-site.td-site .bvn-blog-press__link,.bvn-site.td-site .bvn-blog-news__more{margin-top:auto;padding-top:10px;color:var(--td-blue);font-size:15px;font-weight:700}
/* Gallery list/detail reuse Bootstrap columns already provided by the PHP views. */
.bvn-site.td-site .bvn-subpage-body .album{overflow:hidden;border:1px solid #e0eaf3;border-radius:9px;background:#fff;box-shadow:0 6px 24px #1b45600d;padding:10px}
.bvn-site.td-site .bvn-subpage-body .album-product .img,.bvn-site.td-site .bvn-subpage-body .album .img{display:block;border-radius:7px;overflow:hidden}
.bvn-site.td-site .bvn-subpage-body .album-product img{width:100%;height:auto;object-fit:cover}
/* Preserve full product photography (the generic subpage img rule uses cover). */
.bvn-site.td-site .bvn-subpage-body .product-list-card img,
.bvn-site.td-site .bvn-subpage-body .product-gallery-template img,
.bvn-site.td-site .bvn-subpage-body .product-detail-template .left-pro-detail img{object-fit:contain}

/* Thuận Đạt — trạng thái menu theo route và micro-interactions.
   Áp dụng cả trang chủ/trang con; giữ nguyên logic menu và dữ liệu Dashboard. */
.bvn-site.td-site .td-menu__list>li>a,
.bvn-site.td-site .td-menu__list>li>.bvn-menu__item>a{
  position:relative;transition:color .22s ease;
}
.bvn-site.td-site .td-menu__list>li>a::after,
.bvn-site.td-site .td-menu__list>li>.bvn-menu__item>a::after{
  content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;
  border-radius:3px;background:var(--td-blue);transform:scaleX(0);
  transform-origin:center;transition:transform .26s cubic-bezier(.2,.8,.2,1);pointer-events:none;
}
.bvn-site.td-site .td-menu__list>li:is(:hover,:focus-within,.is-current-section)>a,
.bvn-site.td-site .td-menu__list>li:is(:hover,:focus-within,.is-current-section)>.bvn-menu__item>a,
.bvn-site.td-site .td-menu__list>li>a.is-active,
.bvn-site.td-site .td-menu__list>li>.bvn-menu__item>a.is-active{color:var(--td-blue);font-weight:600}
.bvn-site.td-site .td-menu__list>li:is(:hover,:focus-within,.is-current-section)>a::after,
.bvn-site.td-site .td-menu__list>li:is(:hover,:focus-within,.is-current-section)>.bvn-menu__item>a::after{transform:scaleX(1)}
.bvn-site.td-site .td-menu .bvn-menu__item>button{border-radius:5px;transition:color .22s ease,background-color .22s ease}
.bvn-site.td-site .td-menu .bvn-menu__item>button i{display:inline-block;transition:transform .24s ease}
.bvn-site.td-site .td-has-submenu:is(:hover,:focus-within,.is-open,.is-current-section)>.bvn-menu__item>button{color:var(--td-blue)}
.bvn-site.td-site .td-has-submenu:is(:hover,.is-open)>.bvn-menu__item>button i{transform:rotate(180deg)}
.bvn-site.td-site .td-submenu{border-radius:0 0 9px 9px;box-shadow:0 17px 34px #092e4f28}
.bvn-site.td-site .td-submenu a{position:relative;transition:background-color .2s ease,color .2s ease,padding-left .2s ease}
.bvn-site.td-site .td-submenu a:is(:hover,:focus-visible,.is-active,[aria-current="page"]){
  padding-left:22px;background:#eaf4fe;color:var(--td-blue);font-weight:600;
}
.bvn-site.td-site .td-submenu a:is(.is-active,[aria-current="page"])::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--td-blue);border-radius:0 3px 3px 0;
}
.bvn-site.td-site .td-navigation{transition:height .28s ease,box-shadow .28s ease,background-color .28s ease}

/* Hover nâng nhẹ card, giữ đúng ảnh sản phẩm (không ép object-fit:cover). */
.bvn-site.td-site .bvn-subpage-body :is(
 .bvn-news-listing__card,.dap-project-post,.news-template-list1-card,
 .bvn-blog-news__card,.bvn-blog-press__card,.product-list-card,
 .grid-news .item-news,.grid-product>.product,.album
){transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease}
@media(hover:hover) and (pointer:fine){
 .bvn-site.td-site .bvn-subpage-body :is(
  .bvn-news-listing__card,.dap-project-post,.news-template-list1-card,
  .bvn-blog-news__card,.bvn-blog-press__card,.product-list-card,
  .grid-news .item-news,.grid-product>.product,.album
 ):hover{transform:translateY(-5px);border-color:#b9d7f0;box-shadow:0 15px 32px #153f6224}
 .bvn-site.td-site .bvn-subpage-body :is(
  .bvn-news-listing__card,.dap-project-post,.product-list-card,.grid-product>.product
 ):hover img{filter:saturate(1.07)}
}
.bvn-site.td-site .bvn-subpage-body :is(.dap-news-page__filters a,.bvn-blog-page__tabs a,.bvn-blog-page__view-all,.bvn-news-listing__more,.dap-project-post__read){transition:background-color .23s ease,color .23s ease,transform .23s ease,border-color .23s ease}
.bvn-site.td-site .bvn-subpage-body :is(.bvn-news-listing__more,.dap-project-post__read,.bvn-blog-page__view-all):hover{transform:translateX(3px)}
.bvn-site.td-site .bvn-subpage-body :is(.bvn-contact__form .bvn-button,.dap-services__more,.td-button):active{transform:translateY(1px)}

/* Chỉ làm hiệu ứng cuộn nếu JS có IntersectionObserver; không che nội dung khi JS tắt. */
.bvn-site.td-site .bvn-subpage-body .td-reveal{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.25,1)}
.bvn-site.td-site .bvn-subpage-body .td-reveal.is-pending{
  opacity:0;transform:translateY(18px);transition-delay:var(--td-reveal-delay,0ms);
}
@media(max-width:1025px){
  .bvn-site.td-site .td-menu__list>li>a::after,
  .bvn-site.td-site .td-menu__list>li>.bvn-menu__item>a::after{bottom:4px;left:0;right:auto;width:38px;height:2px;transform-origin:left}
  .bvn-site.td-site .td-menu__list>li:is(.is-current-section)>a,
  .bvn-site.td-site .td-menu__list>li:is(.is-current-section)>.bvn-menu__item>a{color:var(--td-blue);font-weight:700}
  .bvn-site.td-site .td-menu .bvn-menu__item>button{min-width:40px;min-height:40px}
}
@media(hover:none){
  .bvn-site.td-site .bvn-subpage-body .td-reveal{transition-duration:.35s}
}
@media(prefers-reduced-motion:reduce){
  .bvn-site.td-site .bvn-subpage-body .td-reveal.is-pending{opacity:1;transform:none}
}