/* Thành Phát Auto Core — legacy UX Blocks compatibility */
.tpa-legacy-ux-block{display:block;max-width:100%}
.tpa-legacy-ux-block,.tpa-legacy-ux-block *{box-sizing:border-box}
.tpa-legacy-ux-block img{max-width:100%;height:auto}

.tpa-ux-section{position:relative;width:100%;padding:var(--tpa-section-padding,30px) 0;background-repeat:no-repeat;background-position:center;background-size:cover}
.tpa-ux-section-inner{position:relative;width:min(100% - 32px,1220px);margin-inline:auto}

.tpa-ux-row,.tpa-ux-row-inner{display:flex;flex-wrap:wrap;align-items:stretch;margin-left:-12px;margin-right:-12px;min-width:0}
.tpa-ux-row-inner{margin-left:-10px;margin-right:-10px}
.tpa-ux-v-top{align-items:flex-start}.tpa-ux-v-middle{align-items:center}.tpa-ux-v-bottom{align-items:flex-end}
.tpa-ux-h-center{justify-content:center}.tpa-ux-h-right{justify-content:flex-end}.tpa-ux-h-between{justify-content:space-between}
.tpa-ux-align-center{justify-content:center}.tpa-ux-align-right{justify-content:flex-end}

.tpa-ux-col,.tpa-ux-col-inner{position:relative;min-width:0;flex:0 0 var(--tpa-col,100%);max-width:var(--tpa-col,100%);padding:0 var(--tpa-col-padding,12px)}
.tpa-ux-col-inner{padding-left:var(--tpa-col-padding,10px);padding-right:var(--tpa-col-padding,10px)}
.tpa-ux-col-inner-content{min-width:0;width:100%}
.tpa-ux-text-center{text-align:center}.tpa-ux-text-right{text-align:right}.tpa-ux-text-left{text-align:left}

.tpa-ux-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 18px;border:1px solid transparent;border-radius:6px;background:#111827;color:#fff!important;text-decoration:none!important;font:600 14px/1.2 Arial,Helvetica,sans-serif;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
.tpa-ux-button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.12)}
.tpa-ux-button-primary{background:#c5161d}.tpa-ux-button-secondary{background:#111827}.tpa-ux-button-alert{background:#b91c1c}.tpa-ux-button-success{background:#15803d}.tpa-ux-button-white{background:#fff;color:#111!important;border-color:#d8dde5}
.tpa-ux-button-style-outline{background:transparent;color:#1f2937!important;border-color:currentColor}.tpa-ux-button-style-link{padding-inline:0;background:transparent;color:#b31319!important;box-shadow:none;border-color:transparent}
.tpa-ux-button-size-small{min-height:34px;padding:7px 13px;font-size:13px}.tpa-ux-button-size-larger,.tpa-ux-button-size-large{min-height:46px;padding:12px 22px;font-size:15px}
.tpa-ux-button-icon{font-size:1.25em;line-height:1;transition:transform .18s ease}.tpa-ux-button:hover .tpa-ux-button-icon{transform:translateX(3px)}

.tpa-ux-gap{height:var(--tpa-gap,30px)}
.tpa-ux-divider-wrap{display:flex;width:100%;margin:18px 0}.tpa-ux-divider-align-left{justify-content:flex-start}.tpa-ux-divider-align-center{justify-content:center}.tpa-ux-divider-align-right{justify-content:flex-end}.tpa-ux-divider{display:block;background:#e5e7eb}

.tpa-ux-title{margin:0 0 18px;color:#111827;font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1.25}.tpa-ux-title span{position:relative;display:inline-block}.tpa-ux-title-center{text-align:center}.tpa-ux-title-bold span:after{content:"";display:block;width:44px;height:3px;margin-top:8px;background:#c5161d;border-radius:999px}

.tpa-ux-image{width:var(--tpa-image-width,100%);max-width:100%;margin-inline:auto}.tpa-ux-image-img{display:block;width:100%;height:auto}.tpa-ux-image-link{display:block;text-decoration:none}

.tpa-ux-banner{position:relative;display:flex;align-items:center;min-height:var(--tpa-banner-height,350px);overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center}.tpa-ux-banner-inner{position:relative;z-index:1;width:100%;padding:30px}.tpa-ux-banner-link{display:block;color:inherit;text-decoration:none}

.tpa-ux-accordion{border-top:1px solid #e5e7eb}.tpa-ux-accordion-item{border-bottom:1px solid #e5e7eb}.tpa-ux-accordion-trigger{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px;border:0;background:transparent;color:#111827;text-align:left;font:600 15px/1.35 Arial,Helvetica,sans-serif;cursor:pointer}.tpa-ux-accordion-icon{position:relative;flex:0 0 16px;width:16px;height:16px}.tpa-ux-accordion-icon:before,.tpa-ux-accordion-icon:after{content:"";position:absolute;left:2px;right:2px;top:7px;height:2px;background:currentColor;border-radius:9px}.tpa-ux-accordion-icon:after{transform:rotate(90deg);transition:transform .18s ease}.tpa-ux-accordion-trigger[aria-expanded="true"] .tpa-ux-accordion-icon:after{transform:rotate(0)}.tpa-ux-accordion-panel{padding:0 4px 18px}.tpa-ux-accordion-panel[hidden]{display:none!important}

.tpa-ux-tabs{width:100%}.tpa-ux-tab-list{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #e5e7eb;margin-bottom:18px;scrollbar-width:none}.tpa-ux-tab-list::-webkit-scrollbar{display:none}.tpa-ux-tab-button{appearance:none;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:transparent;color:#626b79;padding:10px 13px;font:600 14px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}.tpa-ux-tab-button[aria-selected="true"]{color:#b31319;border-bottom-color:#b31319}.tpa-ux-tab[hidden]{display:none!important}

.tpa-ux-content{max-width:100%}

/* Common legacy visibility helpers. */
.tpa-ux-visibility-hidden{display:none!important}
@media (min-width:850px){.tpa-ux-visibility-hide-for-large{display:none!important}}
@media (max-width:849px){
  .tpa-ux-col,.tpa-ux-col-inner{flex-basis:var(--tpa-col-md,100%);max-width:var(--tpa-col-md,100%)}
  .tpa-ux-banner{min-height:var(--tpa-banner-height-md,var(--tpa-banner-height,350px))}
  .tpa-ux-visibility-hide-for-medium{display:none!important}
}
@media (max-width:549px){
  .tpa-ux-section{padding:var(--tpa-section-padding-sm,var(--tpa-section-padding,24px)) 0}
  .tpa-ux-section-inner{width:min(100% - 24px,1220px)}
  .tpa-ux-col,.tpa-ux-col-inner{flex-basis:var(--tpa-col-sm,100%);max-width:var(--tpa-col-sm,100%);padding-left:var(--tpa-col-padding-sm,var(--tpa-col-padding,8px));padding-right:var(--tpa-col-padding-sm,var(--tpa-col-padding,8px))}
  .tpa-ux-gap{height:var(--tpa-gap-sm,var(--tpa-gap,24px))}
  .tpa-ux-image{width:var(--tpa-image-width-sm,var(--tpa-image-width,100%))}
  .tpa-ux-banner{min-height:var(--tpa-banner-height-sm,var(--tpa-banner-height,300px))}.tpa-ux-banner-inner{padding:22px}
  .tpa-ux-visibility-hide-for-small{display:none!important}
}
@media (prefers-reduced-motion:reduce){.tpa-ux-button,.tpa-ux-button-icon,.tpa-ux-accordion-icon:after{transition:none!important}}