/* THÀNH PHÁT EV v0.0.13 — header & mobile drawer audit. Load LAST. */
/* Top utility bar and brand are separate rows. Admin toolbar is not part of the shop header. */
body .tpa-ev-header-v013{position:relative;z-index:80;isolation:isolate;overflow:visible}
body .tpa-ev-header-v013 .tpa-v012-topbar{position:relative;z-index:1;height:auto;min-height:32px;overflow:visible}
body .tpa-ev-header-v013 .tpa-v012-topbar-inner{box-sizing:border-box;height:auto;min-height:32px}
body .tpa-ev-header-v013 .dxh-header-main{position:relative;z-index:2;overflow:visible;height:auto}
body .tpa-ev-header-v013 .dxh-header-main-inner{position:relative;align-content:center;height:auto}
body .tpa-ev-header-v013 .dxh-header-main-inner>.dxh-brand{position:relative;display:inline-flex;align-items:center;align-self:center;overflow:visible;min-width:0;white-space:normal}
body .tpa-ev-header-v013 .dxh-header-main-inner .tpa-ev-wordmark-symbol{display:flex;flex:0 0 auto;padding:0;margin:0;overflow:visible}
body .tpa-ev-header-v013 .dxh-header-main-inner .tpa-ev-wordmark-symbol img{display:block;object-fit:contain;object-position:center;width:100%;height:100%;max-width:none}
body .tpa-ev-header-v013 .dxh-header-main-inner .tpa-ev-wordmark-name{min-width:0;display:flex;flex-direction:column;gap:2px;overflow:visible}
body .tpa-ev-header-v013 .dxh-header-main-inner .tpa-ev-wordmark-name :is(strong,small){position:relative;display:block;line-height:1.35;white-space:nowrap;overflow:visible}
/* Drawer should always show complete logo + readable wordmark. Legacy full-width img rules were collapsing the icon. */
body .tpa-mobile-drawer{z-index:99999}
body .tpa-mobile-drawer-panel{box-sizing:border-box;width:min(390px,100vw);max-width:100vw;overflow-x:hidden;padding-left:16px;padding-right:16px;background:#fff!important}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top{box-sizing:border-box;margin:0 -16px;padding:12px 16px;min-height:74px;background:#fff!important;border-bottom:1px solid #d9eaf3!important;gap:8px;display:flex;align-items:center}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top>a.tpa-ev-wordmark{box-sizing:border-box;display:flex;align-items:center;flex:1 1 auto;gap:9px!important;min-width:0;width:auto!important;max-width:calc(100% - 58px)!important;height:auto!important;min-height:48px;text-decoration:none;white-space:normal;color:#0e3658}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-symbol{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;width:47px!important;height:47px!important;min-width:47px!important;max-width:47px!important;flex:0 0 47px!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-symbol img{box-sizing:content-box!important;display:block!important;width:47px!important;height:47px!important;max-width:47px!important;max-height:47px!important;min-width:47px!important;min-height:47px!important;object-fit:contain!important;object-position:center!important;opacity:1!important;filter:none!important}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-name{display:flex!important;flex-direction:column;justify-content:center;flex:1 1 auto;min-width:0;gap:2px;color:#0c3153}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-name strong{font-family:inherit;color:#0c3153!important;-webkit-text-fill-color:#0c3153!important;display:block;font-size:clamp(13px,3.75vw,16px)!important;line-height:1.25!important;white-space:nowrap;letter-spacing:0!important}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-name strong span{color:#009fad!important;-webkit-text-fill-color:#009fad!important}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-name small{color:#52738d!important;-webkit-text-fill-color:#52738d!important;font-size:clamp(9px,2.5vw,11px)!important;font-weight:600!important;line-height:1.35!important;white-space:nowrap!important;letter-spacing:0!important}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top>button{flex:none;background:#0d3558;color:#fff;width:42px;min-width:42px;height:42px;border-radius:11px}
body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top>button:hover{background:#075e89}
/* Vehicle menu: 2 real columns, no wrapping/truncation of model names. Scroll only the 2-column subgrid. */
body .tpa-mobile-drawer-panel .tpa-mobile-nav{box-sizing:border-box;display:block;width:100%!important;min-width:0!important;padding:8px 0}
body .tpa-mobile-drawer-panel .tpa-mobile-nav-group{display:block;width:100%;min-width:0}
body .tpa-mobile-drawer-panel .tpa-mobile-nav-head{width:100%;min-width:0}
body .tpa-mobile-drawer-panel .tpa-mobile-submenu:has(.tpa-ev-mobile-brand){box-sizing:border-box;display:block;width:100%!important;min-width:0!important;max-width:100%!important;max-height:none!important;margin:0 0 10px!important;padding:0!important;border-left:0!important;overflow:visible!important}
body .tpa-mobile-drawer-panel .tpa-mobile-submenu[hidden]{display:none!important}
body .tpa-mobile-drawer-panel details.tpa-ev-mobile-brand{display:block!important;box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:none!important}
body .tpa-mobile-drawer-panel details.tpa-ev-mobile-brand>summary{display:flex;align-items:center;box-sizing:border-box;min-height:40px;width:100%;padding:7px 9px;background:#f0f8fc;border-radius:9px;font-size:13px!important;color:#0f4b6c}
body .tpa-mobile-drawer-panel .tpa-ev-mobile-models{box-sizing:border-box;display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important;padding:9px 0 5px!important;max-height:260px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;align-items:stretch;background:transparent!important}
body .tpa-mobile-drawer-panel .tpa-ev-mobile-models>a{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;min-width:0!important;max-width:100%!important;width:100%!important;min-height:40px!important;margin:0!important;padding:7px 4px!important;border:1px solid #d2e8f4;border-radius:8px;background:#f7fbfe!important;color:#174b70!important;-webkit-text-fill-color:#174b70!important;text-decoration:none!important;text-align:center;font-size:clamp(10px,2.7vw,12px)!important;font-weight:600!important;line-height:1.3!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;overflow:visible!important;text-overflow:clip!important}
body .tpa-mobile-drawer-panel .tpa-ev-mobile-models>a:first-child{grid-column:1/-1!important;background:#e5f6fc!important;color:#076b97!important;-webkit-text-fill-color:#076b97!important}
body .tpa-mobile-drawer-panel .tpa-ev-mobile-models>a:hover{background:#e5f8f7!important;border-color:#09b7c1}
@media(max-width:600px){
  body .tpa-ev-header-v013 .dxh-header-main-inner{grid-template-rows:minmax(57px,auto) auto!important;padding-top:3px}
  body .tpa-ev-header-v013 .dxh-header-main-inner>.dxh-brand{min-height:54px;align-self:center}
  body .tpa-ev-header-v013 .dxh-header-main-inner .tpa-ev-wordmark-name strong{font-size:clamp(12px,3.7vw,15px)!important}
  body .tpa-ev-header-v013 .dxh-header-main-inner .tpa-ev-wordmark-name small{font-size:clamp(9px,2.45vw,10px)!important;line-height:1.4!important}
  body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-name strong{font-size:clamp(12px,3.7vw,15px)!important}
}
@media(max-width:345px){
 body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-symbol,body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-symbol img{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;max-width:39px!important;max-height:39px!important;flex-basis:39px!important}
 body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-name strong{font-size:12px!important}
 body .tpa-mobile-drawer-panel .tpa-mobile-drawer-top .tpa-ev-wordmark-name small{font-size:9px!important}
}