@font-face{font-family:"Xexin Sans";src:url("noto-sans-vietnamese-regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Xexin Sans";src:url("noto-sans-vietnamese-bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Xexin Editorial";src:url("noto-serif-vietnamese-regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Xexin Editorial";src:url("noto-serif-vietnamese-bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}

/* Xế Xịn Web 1.0.29 — Canonical Responsive Typography System Authority */
:root{
  --font-ui:"Xexin Sans","Segoe UI",Arial,sans-serif;
  --font-editorial:"Xexin Editorial","Times New Roman",serif;
  --weight-regular:400;
  --weight-medium:400;
  --weight-semibold:700;
  --weight-bold:700;
  --type-xs:12px;
  --type-sm:13px;
  --type-ui:14px;
  --type-control:15px;
  --type-body:16px;
  --type-lead:17px;
  --type-card-title:17px;
  --type-card-price:20px;
  --type-section:32px;
  --type-page:40px;
  --type-hero:56px;
  --type-article-title:48px;
  --type-article-lead:19px;
  --type-reading:18px;
  --leading-tight:1.05;
  --leading-title:1.15;
  --leading-ui:1.35;
  --leading-card:1.4;
  --leading-body:1.6;
  --leading-reading:1.85;
  --tracking-eyebrow:.12em;
  --tracking-micro:.08em;
}

html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,button,input,select,textarea,summary{font-family:var(--font-ui)}
body{font-size:var(--type-body);font-weight:var(--weight-regular);line-height:var(--leading-body)}
button,input,select,textarea{font-size:var(--type-control);line-height:var(--leading-ui)}
strong,b{font-weight:var(--weight-bold)}
.price,.detail-price,.spec-row,.card-foot,.quick-spec,.pagination,.brand-card span,.price-directory a{font-variant-numeric:tabular-nums}

/* Header and primary navigation */
.site-header nav{font-family:var(--font-ui);font-size:15px;font-weight:var(--weight-semibold);line-height:1.3;letter-spacing:-.01em}
.sell-button,.primary-cta,.context-cta,.hero-search button,.filter-panel button{font-size:15px;font-weight:var(--weight-bold);line-height:1}
.nav-toggle{font-family:var(--font-ui)}

/* Shared hierarchy */
.eyebrow{font-family:var(--font-ui);font-size:12px;font-weight:var(--weight-bold);line-height:1.3;letter-spacing:var(--tracking-eyebrow)}
.card-kicker,.content-card-link>span,.salon-directory span{font-size:11px;font-weight:var(--weight-bold);line-height:1.3;letter-spacing:var(--tracking-micro)}
.section-head h2,.hub-heading h2{font-family:var(--font-ui);font-size:var(--type-section);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:-.018em}
.section-head p,.hub-heading>span{font-size:15px;line-height:1.55}
.text-link{font-size:14px;font-weight:var(--weight-semibold);line-height:1.4}

/* Hero and search */
.hero h1,.seller-entry-copy h1,.hub-hero h1{font-family:var(--font-ui);font-weight:var(--weight-bold);letter-spacing:-.028em;text-wrap:balance}
.hero h1{font-size:var(--type-hero);line-height:var(--leading-tight)}
.hero-copy>p,.seller-entry-copy>p{font-size:var(--type-lead);line-height:1.65}
.search-title{font-size:20px;font-weight:var(--weight-bold);line-height:1.3}
.discovery-group-title,.hero-search label span,.filter-panel label span,.discovery-label{font-size:13px;font-weight:var(--weight-semibold);line-height:1.35}
.hero-search input,.hero-search select,.filter-panel input,.filter-panel select,.discovery-combobox-input,.discovery-picker summary{font-size:15px;line-height:1.3}
.discovery-options button,.discovery-checks label,.discovery-combobox-option{font-size:14px;font-weight:var(--weight-semibold);line-height:1.35}
.discovery-options small,.discovery-checks small{font-size:12px;font-weight:var(--weight-regular)}
.discovery-nav strong{font-size:15px;font-weight:var(--weight-bold);line-height:1.3}
.discovery-nav small{font-size:13px;font-weight:var(--weight-regular);line-height:1.4}

/* Homepage discovery */
.intent-grid b{font-family:var(--font-ui);font-size:18px;font-weight:var(--weight-bold);line-height:1.3}
.intent-grid span{font-size:13px;line-height:1.45}
.brand-card strong{font-size:15px;font-weight:var(--weight-bold);line-height:1.3}
.brand-card span{font-size:12px;font-weight:var(--weight-regular);line-height:1.4}
.brand-rail-controls button{font-family:var(--font-ui);font-weight:var(--weight-bold)}
.price-directory a{font-size:14px;font-weight:var(--weight-bold);line-height:1.35}
.location-grid strong{font-family:var(--font-ui);font-size:24px;font-weight:var(--weight-bold);line-height:1.2}
.location-grid span{font-size:12px;line-height:1.4}
.salon-directory strong{font-family:var(--font-ui);font-size:18px;font-weight:var(--weight-bold);line-height:1.3}
.salon-directory b{font-size:12px;font-weight:var(--weight-bold);line-height:1.4}

/* Vehicle cards */
.verified{font-size:11px;font-weight:var(--weight-bold);line-height:1.3}
.image-empty b{font-family:var(--font-ui);font-size:24px;font-weight:var(--weight-bold);line-height:1.25}
.price{font-size:20px;font-weight:var(--weight-bold);line-height:1.25}
.spec-row{font-size:13px;line-height:1.4}
.card-foot{font-size:12px;line-height:1.45}

/* Listing and filters */
.listing-title h1,.profile-identity h1{font-family:var(--font-ui);font-size:40px;font-weight:var(--weight-bold);line-height:1.12;letter-spacing:-.02em}
.listing-title p,.profile-identity p{font-size:15px;line-height:1.55}
.filter-head h2{font-size:18px;font-weight:var(--weight-bold);line-height:1.3}
.filter-head a{font-size:13px;font-weight:var(--weight-semibold)}
.breadcrumbs{font-size:12px;line-height:1.45}
.pagination{font-size:14px;line-height:1.4}
.empty b{font-size:20px;font-weight:var(--weight-bold);line-height:1.35}
.empty span{font-size:14px;line-height:1.5}

/* Vehicle detail and interaction UI */
.content-card h2{font-family:var(--font-ui);font-size:24px;font-weight:var(--weight-bold);line-height:1.25}
.purchase-card h1{font-family:var(--font-ui);font-size:28px;font-weight:var(--weight-bold);line-height:1.25;letter-spacing:-.012em}
.detail-price{font-size:28px;font-weight:var(--weight-bold);line-height:1.2}
.quick-spec{font-size:14px;line-height:1.4}
.quick-spec small,.spec-grid span,.seller-summary small{font-size:12px;line-height:1.4}
.description p{font-size:16px;line-height:1.65}
.seller-summary a{font-size:12px;font-weight:var(--weight-semibold)}
.safety-note,.share-row{font-size:12px;line-height:1.45}
.purchase-actions button,.purchase-actions a,.interaction-panel summary{font-size:13px;font-weight:var(--weight-bold);line-height:1.3}
.interaction-panel label>span{font-size:12px;font-weight:var(--weight-semibold);line-height:1.35}
.interaction-panel input,.interaction-panel textarea{font-size:15px;line-height:1.45}

/* Seller and utility pages */
.sell-cta h2{font-family:var(--font-ui);font-size:32px;font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.018em}
.sell-cta p{font-size:15px;line-height:1.55}
.seller-step-grid h3{font-size:18px;font-weight:var(--weight-bold);line-height:1.3}
.seller-step-grid p,.seller-entry-action p{font-size:15px;line-height:1.55}
.seller-mini-steps span,.seller-entry-copy>div>span{font-size:12px;line-height:1.4}
.not-found span{font-family:var(--font-ui);font-size:72px;font-weight:var(--weight-bold);line-height:1}
.not-found h1,.interaction-error-card h1{font-family:var(--font-ui);font-size:32px;font-weight:var(--weight-bold);line-height:1.15}
.not-found p,.interaction-error-card p{font-size:15px;line-height:1.55}

/* Content hub cards use UI typography; long-form reading uses Editorial only. */
.hub-hero h1{font-size:48px;line-height:1.08}
.hub-hero p{font-size:16px;line-height:1.65}
.article-card h3,.content-card-link h3{font-family:var(--font-ui);font-size:18px;font-weight:var(--weight-bold);line-height:1.35;letter-spacing:-.012em}
.content-card-link p{font-size:14px;line-height:1.55}
.article-tags,.vehicle-discovery a,.content-to-catalog a{font-size:12px;line-height:1.4}
.content-to-catalog h2{font-family:var(--font-ui);font-size:28px;font-weight:var(--weight-bold);line-height:1.2}
.editorial-article header h1,.article-lead,.prose,.prose h2,.prose h3{font-family:var(--font-editorial)}
.editorial-article header h1{font-size:48px;font-weight:var(--weight-bold);line-height:1.12;letter-spacing:-.018em}
.article-lead{font-size:19px;font-weight:var(--weight-regular);line-height:1.7}
.prose{font-size:18px;font-weight:var(--weight-regular);line-height:var(--leading-reading)}
.prose h2{font-size:28px;font-weight:var(--weight-bold);line-height:1.3;letter-spacing:-.01em}
.prose h3{font-size:22px;font-weight:var(--weight-bold);line-height:1.35;letter-spacing:-.01em}

/* Footer */
.site-footer{font-size:14px;line-height:1.6}
.footer-grid p{font-size:14px;line-height:1.65}
.footer-grid h3{font-size:14px;font-weight:var(--weight-bold);line-height:1.35}
.footer-grid a{font-size:14px;font-weight:var(--weight-regular);line-height:1.5}
.copyright{font-size:12px;line-height:1.5}

@media(max-width:1020px) and (min-width:761px){
  :root{--type-section:30px;--type-page:36px;--type-hero:48px;--type-article-title:42px;--type-article-lead:18px;--type-reading:17px}
  .site-header nav{font-size:14px}
  .hero h1{font-size:48px}
  .hero-copy>p,.seller-entry-copy>p{font-size:16px}
  .search-title{font-size:19px}
  .section-head h2,.hub-heading h2{font-size:30px}
  .listing-title h1,.profile-identity h1{font-size:36px}
  .hub-hero h1{font-size:42px}
  .editorial-article header h1{font-size:42px}
  .article-lead{font-size:18px}
  .prose{font-size:17px}
  .prose h2{font-size:26px}
  .prose h3{font-size:21px}
}

@media(max-width:760px){
  :root{--type-section:28px;--type-page:32px;--type-hero:40px;--type-article-title:34px;--type-article-lead:17px;--type-reading:16px}
  body{font-size:16px;line-height:1.6}
  .site-header nav{font-size:16px;line-height:1.35}
  .sell-button,.primary-cta,.context-cta,.hero-search button,.filter-panel button{font-size:15px}
  .eyebrow{font-size:11px;letter-spacing:.11em}
  .hero h1{font-size:40px;line-height:1.08;letter-spacing:-.02em}
  .hero-copy>p,.seller-entry-copy>p{font-size:15px;line-height:1.6}
  .search-title{font-size:18px}
  .discovery-group-title,.hero-search label span,.filter-panel label span,.discovery-label{font-size:12px}
  .hero-search input,.hero-search select,.filter-panel input,.filter-panel select,.interaction-panel input,.interaction-panel textarea,.discovery-combobox-input,.discovery-picker summary{font-size:16px!important;line-height:1.35}
  .discovery-combobox-option,.hero-search .discovery-combobox-option{font-size:15px}
  .discovery-nav strong{font-size:14px}
  .discovery-nav small{font-size:12px}
  .section-head h2,.hub-heading h2{font-size:28px;line-height:1.15}
  .section-head p{font-size:14px;line-height:1.55}
  .text-link{font-size:14px}
  .price,.detail-price{font-size:20px}
  .spec-row,.card-foot{font-size:12px}
  .brand-card strong{font-size:14px}
  .brand-card span{font-size:12px}
  .price-directory a{font-size:13px}
  .location-grid strong{font-size:22px}
  .listing-title h1,.profile-identity h1{font-size:32px}
  .listing-title p,.profile-identity p{font-size:14px}
  .content-card h2{font-size:22px}
  .purchase-card h1{font-size:24px}
  .description p{font-size:16px}
  .sell-cta h2{font-size:28px}
  .sell-cta p,.seller-step-grid p,.seller-entry-action p{font-size:14px}
  .hub-hero h1{font-size:34px;line-height:1.12}
  .hub-hero p{font-size:15px}
  .article-card h3,.content-card-link h3{font-size:18px}
  .editorial-article header h1{font-size:34px;line-height:1.14}
  .article-lead{font-size:17px;line-height:1.7}
  .prose{font-size:16px;line-height:1.8}
  .prose h2{font-size:24px}
  .prose h3{font-size:20px}
  .content-to-catalog h2{font-size:24px}
  .site-footer,.footer-grid p,.footer-grid h3,.footer-grid a{font-size:14px}
  .copyright{font-size:12px}
}

@media(max-width:390px){
  /* Compact screens reduce spacing, not readable content/control text. */
  .hero-search input,.hero-search select,.filter-panel input,.filter-panel select,.interaction-panel input,.interaction-panel textarea,.discovery-combobox-input{font-size:16px!important}
}

/* Xế Xịn Web 1.0.35 — compact search hierarchy typography authority */
.hero-search .discovery-label,
.hero-search .split label>span{font-size:13px;font-weight:var(--weight-bold);line-height:1.35;letter-spacing:0;text-transform:none}
.hero-search .discovery-combobox-input,
.hero-search select{font-size:15px;line-height:1.3}
@media(max-width:760px){
  .hero-search .discovery-label,
  .hero-search .split label>span{font-size:12px}
  .hero-search .discovery-combobox-input,
  .hero-search select{font-size:16px!important}
}