:root{
  --bg-0:#110e07;
  --bg-1:#16130b;
  --bg-2:#1f1b13;
  --card:#231f17;
  --card-hi:#2d2a21;
  --text:#eae1d4;
  --muted:#d0c5af;
  --gold:#d4af37;
  --gold-2:#f2ca50;
  --line:#4d4635;
  --container:1320px;
  --radius:6px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px;margin:0;padding:0;background:#090704}
body{
  margin:0;
  padding:0;
  font-family:"Be Vietnam Pro",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 80% 8%,rgba(242,202,80,.18),transparent 35%),
    radial-gradient(circle at 6% 35%,rgba(93,97,98,.12),transparent 34%),
    linear-gradient(145deg,#090704 0%,var(--bg-1) 48%,#070503 100%);
  line-height:1.55;
  overflow-x:hidden;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(118deg,transparent 0 26%,rgba(242,202,80,.14) 27%,transparent 35%);
  opacity:.55;
  mix-blend-mode:screen;
}
a{color:inherit;text-decoration:none}
img,video,iframe{display:block;max-width:100%}
.container{width:min(calc(100% - 48px),var(--container));margin:0 auto}
.section{
  position:relative;
  padding:70px 0;
  border-top:0;
  border-bottom:0;
  box-shadow:none;
}
.section::before,.section::after{
  content:"";
  position:absolute;
  left:120px;
  right:120px;
  height:1px;
  background:linear-gradient(90deg,rgba(232,193,70,0) 0%,rgba(232,193,70,.28) 18%,rgba(246,214,98,.95) 50%,rgba(232,193,70,.28) 82%,rgba(232,193,70,0) 100%);
}
.section::before{top:0}
.section::after{bottom:0}
.section-title{text-align:center;max-width:860px;margin:0 auto 28px}
.section-title h2{margin:6px 0 0;font-size:clamp(32px,2.8vw,46px);line-height:1.08;font-weight:800}
.section-title p{margin:10px 0 0;color:var(--muted);font-size:14px}
.eyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:4px;border:1px solid transparent;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:.2s ease}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#241a00;box-shadow:0 0 18px rgba(212,175,55,.26)}
.btn-outline{background:rgba(19,16,10,.5);border-color:rgba(242,202,80,.55);color:var(--gold-2)}
.btn:hover{transform:translateY(-1px)}
.btn-gold:hover{filter:brightness(1.03)}
.btn-outline:hover{background:rgba(19,16,10,.72);border-color:rgba(242,202,80,.75)}
.btn-small{min-height:34px;padding:0 12px;font-size:10px}
.glass-card{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(212,175,55,.22);
  border-top-color:rgba(242,202,80,.54);
  border-radius:var(--radius);
  backdrop-filter:blur(16px);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.24);
}
.site-header{position:fixed;top:0;left:0;right:0;z-index:60;margin:0;background:rgba(10,8,5,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(212,175,55,.12)}
.header-inner{height:78px;width:min(calc(100% - 40px),var(--container));margin:0 auto;display:flex;align-items:center;gap:18px;flex-wrap:nowrap}
main{padding-top:0}
.brand{display:flex;align-items:center;min-width:240px}
.brand img{height:48px;width:auto;object-fit:contain;display:block}
.brand-wordmark{font-size:30px;line-height:1;font-weight:800;letter-spacing:-.01em;color:#f4f0e8;text-transform:uppercase}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:14px;white-space:nowrap;flex-wrap:nowrap}
.main-nav a{font-size:14px;font-weight:600;color:rgba(234,225,212,.8);letter-spacing:.01em;position:relative;padding-bottom:10px;white-space:nowrap;word-break:keep-all}
.main-nav a.is-active,.main-nav a:hover{color:var(--gold-2)}
.main-nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold-2)}
.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;white-space:nowrap}
.btn-small{min-height:42px;padding:0 24px;font-size:13px;border-radius:2px;text-transform:none;letter-spacing:.01em;white-space:nowrap}
.header-actions .btn-small{display:inline-flex;align-items:center;justify-content:center;line-height:1;min-height:42px;height:42px}
.header-hotline-btn{
  min-width:172px;
  height:auto;
  padding:10px 20px 9px;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  line-height:1.05;
}
.header-hotline-btn span{
  font-size:11px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#2f2300;
}
.header-hotline-btn strong{
  font-size:13px;
  font-weight:800;
  color:#2f2300;
}
.btn-gold{background:#edc84d;box-shadow:none}
.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:4px}
.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:var(--text)}

.home-hero,.product-hero{position:relative;min-height:750px;display:grid;align-items:end;overflow:hidden;border-bottom:0;isolation:isolate}
.home-hero::after,.product-hero::after{
  content:"";
  position:absolute;
  left:120px;
  right:120px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(232,193,70,0) 0%,rgba(232,193,70,.28) 18%,rgba(246,214,98,.95) 50%,rgba(232,193,70,.28) 82%,rgba(232,193,70,0) 100%);
  pointer-events:none;
}
.home-hero-bg,.hero-media{position:absolute;inset:0}
.home-hero-bg{z-index:0}
.hero-media{z-index:0}
.home-hero-bg{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  background-image:var(--home-hero-desktop,url("../images/cars/banner-trang-chu-desktop.webp"));
}
.home-hero-bg{transition:background-image .2s ease}
.home-hero-bg::after,.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,5,.04),rgba(8,7,5,.18) 58%,rgba(8,7,5,.4))}
.home-hero-bg::after{display:none}
.home-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,680px);gap:0;align-items:end;padding:66px 0 62px}
.home-hero-copy h1{margin:12px 0 0;font-size:clamp(40px,4.3vw,55px);line-height:.98;font-weight:800;max-width:750px;letter-spacing:-.02em}
.home-hero-copy h1 strong{color:var(--gold-2)}
.home-hero-copy p{max-width:760px;font-size:17px;line-height:1.42;color:#ffffff;margin:18px 0 0}
.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(242,202,80,.18);color:#b9b2a3;font-size:11px;font-weight:700;letter-spacing:.1em}
.hero-pill i{width:7px;height:7px;border-radius:50%;background:var(--gold-2);display:inline-block}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-actions .btn{min-height:48px;padding:0 36px;font-size:13px;letter-spacing:.11em}
.hero-actions .btn-gold{color:#211500;background:#ebc74d}
.hero-actions .btn-outline{border-color:rgba(230,199,88,.45);color:#d7d0bf;background:rgba(4,4,4,.28)}
.hero-feature-row{display:flex;gap:34px;align-items:center;margin-top:30px;padding-top:22px;border-top:1px solid rgba(212,175,55,.22)}
.hero-feature-row span{display:inline-flex;align-items:center;gap:11px;color:#c6bda9;font-size:14px;font-weight:700;letter-spacing:.04em}
.hero-feature-row .icon{
  width:24px;
  height:24px;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.hero-feature-row .icon-calc{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='2.8' width='18' height='18.4' rx='1.8'/%3E%3Cline x1='7.2' y1='7.8' x2='12.8' y2='7.8'/%3E%3Cline x1='15.4' y1='6.3' x2='18.3' y2='9.2'/%3E%3Cline x1='18.3' y1='6.3' x2='15.4' y2='9.2'/%3E%3Cline x1='7' y1='12.3' x2='9.8' y2='12.3'/%3E%3Cline x1='7' y1='16.1' x2='9.8' y2='16.1'/%3E%3Cline x1='11.9' y1='12.3' x2='14.7' y2='12.3'/%3E%3Cline x1='11.9' y1='16.1' x2='14.7' y2='16.1'/%3E%3Cline x1='16.8' y1='12.3' x2='19.6' y2='12.3'/%3E%3Cline x1='16.8' y1='16.1' x2='19.6' y2='16.1'/%3E%3C/svg%3E");
}
.hero-feature-row .icon-bank{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 9.2 12 3.4l9.2 5.8Z'/%3E%3Cline x1='4.8' y1='20.2' x2='19.2' y2='20.2'/%3E%3Cline x1='7.1' y1='10.8' x2='7.1' y2='17.4'/%3E%3Cline x1='12' y1='10.8' x2='12' y2='17.4'/%3E%3Cline x1='16.9' y1='10.8' x2='16.9' y2='17.4'/%3E%3Cline x1='3.8' y1='17.4' x2='20.2' y2='17.4'/%3E%3C/svg%3E");
}
.hero-feature-row .icon-car{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.1 15.8V11l2-4.2h13.8l2 4.2v4.8'/%3E%3Cline x1='6.1' y1='10.8' x2='17.9' y2='10.8'/%3E%3Ccircle cx='7' cy='15.8' r='1.8'/%3E%3Ccircle cx='17' cy='15.8' r='1.8'/%3E%3C/svg%3E");
}

.home-car-grid,.lifestyle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-car-card,.lifestyle-card{overflow:hidden;border:1px solid rgba(212,175,55,.22);border-radius:6px;background:linear-gradient(170deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 8px 28px rgba(0,0,0,.24)}
.home-car-card img{height:208px;width:100%;object-fit:cover}
.home-car-card img,
.companion-card-image img,
.yaris-gallery-card img,
.cc-ref-design-card img,
.veloz-design-card img{
  transition:transform .5s ease,filter .5s ease;
  transform-origin:center;
}
.home-car-card:hover img,
.companion-card:hover .companion-card-image img,
.yaris-gallery-card:hover img,
.cc-ref-design-card:hover img,
.veloz-design-card:hover img{
  transform:scale(1.04);
  filter:brightness(1.04) contrast(1.03);
}
.home-car-body{padding:0 16px 18px}
.home-car-body h3{font-size:28px;line-height:1.05;margin:10px 0 6px}
.home-car-body p,.home-car-body li{font-size:13px;color:var(--muted)}
.home-car-body ul{margin:10px 0;padding-left:16px;display:grid;gap:3px}
.home-car-price{display:flex;align-items:end;justify-content:space-between;margin:12px 0 14px}
.home-car-price span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.home-car-price strong{font-size:30px;color:var(--gold-2)}
.card-actions{display:flex;gap:8px;flex-wrap:wrap}
.card-actions .btn{flex:1;min-width:120px}

.compare-table-wrap,.price-table-wrap{overflow:auto;border:1px solid rgba(212,175,55,.24);border-radius:6px;background:rgba(20,17,11,.7)}
.spec-table{width:100%;border-collapse:collapse;background:transparent}
.spec-table th,.spec-table td{border:1px solid rgba(77,70,53,.76);padding:11px 12px;text-align:left;font-size:12px}
.spec-table th{color:var(--gold-2);text-transform:uppercase;letter-spacing:.07em;background:rgba(212,175,55,.07)}
.compare-mobile,.price-mobile{display:none}
.table-actions{display:grid;gap:6px}
.table-actions a{display:inline-flex;justify-content:center;padding:7px 10px;border:1px solid rgba(242,202,80,.45);font-size:11px;font-weight:800;color:var(--gold-2)}

.finance-section{background:linear-gradient(180deg,rgba(18,15,10,.5),rgba(40,34,22,.56))}
.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.finance-card{padding:20px}
.finance-card h3{font-size:22px;margin:4px 0 12px}
label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:600}
input,select,textarea{width:100%;border:1px solid rgba(153,144,124,.28);border-bottom-color:rgba(242,202,80,.56);background:rgba(14,12,8,.65);color:var(--text);border-radius:4px;padding:10px 12px;font:inherit;outline:0;min-height:42px}
input:focus,select:focus,textarea:focus{border-color:var(--gold-2);box-shadow:0 0 0 2px rgba(212,175,55,.18)}
.cost-list{display:grid;gap:8px;margin-top:14px}
.cost-list p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-bottom:1px solid rgba(77,70,53,.64);font-size:13px;color:var(--muted)}
.cost-list strong{color:var(--text);text-align:right}
.cost-list .total{padding:12px;border:1px solid rgba(242,202,80,.44);background:rgba(212,175,55,.08)}
.cost-list .total strong{font-size:18px;color:var(--gold-2)}
.finance-lead-form{display:grid;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(242,202,80,.2)}
.checkbox-label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);line-height:1.35}
.checkbox-label input{width:16px;min-width:16px;height:16px;min-height:16px;margin:0;flex:0 0 16px}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.term-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.term-picker button{min-height:40px;border:1px solid rgba(212,175,55,.28);background:rgba(255,255,255,.04);color:var(--muted);font-weight:800;border-radius:4px;cursor:pointer}
.term-picker button.is-active{background:var(--gold-2);color:#241a00;border-color:var(--gold-2)}
.finance-error{min-height:18px;color:#ffb4ab;font-size:12px;font-weight:600}

.timeline{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.timeline::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:62px;
  height:2px;
  background:rgba(232,193,70,.62);
}
.timeline-step{
  position:relative;
  padding:8px 8px 0;
  text-align:center;
  border:none !important;
  background:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.timeline-step span{
  position:relative;
  z-index:1;
  display:inline-grid;
  place-items:center;
  width:108px;
  height:108px;
  border-radius:28px;
  border:2px solid rgba(232,193,70,.52);
  background:#0d0b07;
  color:var(--gold-2);
  font-size:44px;
  font-weight:900;
  margin-bottom:16px;
}
.timeline-step h3{margin:0;font-size:13px;font-weight:700}
.timeline-step:first-child span{
  border-color:var(--gold-2);
  box-shadow:0 0 0 1px rgba(242,202,80,.4),0 0 18px rgba(242,202,80,.25);
}
.timeline-step:last-child span{
  border-color:var(--gold-2);
  background:var(--gold-2);
  box-shadow:0 0 18px rgba(242,202,80,.32);
}
.timeline-icon-key{
  display:inline-block;
  width:44px;
  height:44px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23241a00' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='12' r='3.2'/%3E%3Cpath d='M10.7 12H20l-1.8 1.8L20 15.6l-2.2 2.2-1.6-1.6-1.6 1.6-1.6-1.6'/%3E%3C/svg%3E");
}

.lead-zone{padding:54px 0;background:linear-gradient(180deg,rgba(14,11,7,.95),rgba(9,7,5,.99))}
.contact-section .lead-panel{
  display:grid;
  grid-template-columns:.96fr 1.04fr;
  gap:34px;
  padding:0;
  width:100%;
  max-width:1280px;
  margin:0 auto;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.contact-copy h2{font-size:clamp(36px,3.2vw,52px);line-height:1.04;margin:0 0 26px}
.contact-bullet-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:14px}
.contact-bullet-list li{display:flex;gap:12px;align-items:flex-start;color:#c2b9a7;font-size:17px;line-height:1.35}
.contact-bullet-icon{width:18px;height:18px;display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center;flex:0 0 18px;margin-top:2px}
.contact-bullet-pin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s6-5.4 6-11a6 6 0 1 0-12 0c0 5.6 6 11 6 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E")}
.contact-bullet-mail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6.5' width='17' height='11' rx='1.4'/%3E%3Cpath d='m4.5 8 7.5 5 7.5-5'/%3E%3C/svg%3E")}
.contact-bullet-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.8 3.8c.7-.6 2-.6 2.7.1l1.6 1.6c.7.7.8 1.9.2 2.7l-1 1.3a2 2 0 0 0 .2 2.7l1.9 1.9a2 2 0 0 0 2.7.2l1.3-1c.8-.6 2-.5 2.7.2l1.6 1.6c.7.7.7 2 .1 2.7-1.1 1.2-2.6 2-4.4 1.7-2.2-.4-4.8-2-7.5-4.7-2.7-2.7-4.3-5.3-4.7-7.5-.3-1.8.5-3.3 1.7-4.4Z'/%3E%3C/svg%3E")}
.contact-map-card{
  position:relative;
  height:230px;
  border:1px solid rgba(232,193,70,.18);
  border-radius:8px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 26%,rgba(255,255,255,.08),transparent 34%),
    radial-gradient(circle at 68% 70%,rgba(255,255,255,.06),transparent 30%),
    linear-gradient(180deg,#1a1a1a,#101010 62%,#0c0c0c);
}
.contact-map-card iframe{width:100%;height:100%;border:0;display:block}
.contact-info-card{
  margin-top:22px;
  padding:18px 20px;
  border:1px solid rgba(232,193,70,.18);
  background:linear-gradient(180deg,rgba(24,20,13,.76),rgba(18,15,10,.9));
  display:grid;
  gap:10px;
}
.contact-info-card p{
  margin:0;
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#cfc5b2;
  font-size:13px;
  line-height:1.4;
  padding-bottom:10px;
  border-bottom:1px solid rgba(232,193,70,.1);
}
.contact-info-card p:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.contact-info-card span{
  color:#9f947f;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
}
.contact-info-card strong{
  color:var(--gold-2);
  white-space:nowrap;
}
.lead-form{
  display:grid;
  gap:12px;
  align-content:start;
  padding:26px;
  border:1px solid rgba(232,193,70,.22);
  background:linear-gradient(180deg,rgba(24,20,13,.76),rgba(18,15,10,.9));
  max-width:720px;
  justify-self:end;
  width:100%;
}
.lead-form label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9f947f}
.lead-form input,.lead-form select,.lead-form textarea{
  margin-top:7px;
  border-radius:0;
  border:1px solid rgba(232,193,70,.16);
  background:rgba(58,52,42,.55);
  min-height:38px;
  padding:8px 12px;
  color:#d8d0c1;
}
.lead-form select{
  color:#f2ca50;
  border-color:rgba(242,202,80,.34);
  background:rgba(44,38,29,.9);
}
.lead-form textarea{min-height:92px;resize:vertical}
.lead-form .checkbox-label{font-size:12px;letter-spacing:0;text-transform:none;color:#9f9687}
.lead-form .btn{min-height:50px;border-radius:0;text-transform:none;letter-spacing:.02em;font-size:15px;font-weight:700}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.site-footer{background:#0b0905;border-top:1px solid rgba(212,175,55,.14);padding:52px 0 18px}

body[data-page="cam-on"] .site-footer{
  margin-top:0;
}

.thanks-page{
  position:relative;
  padding:104px 0 72px;
  overflow:hidden;
}
.thanks-page::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 10%,rgba(242,202,80,.16),transparent 28%),
    radial-gradient(circle at 84% 26%,rgba(255,255,255,.06),transparent 22%),
    linear-gradient(180deg,rgba(8,6,3,.32),rgba(8,6,3,0));
  pointer-events:none;
}
.thanks-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,420px);
  gap:30px;
  align-items:start;
}
.thanks-copy{
  padding-top:10px;
}
.thanks-copy h1{
  margin:12px 0 0;
  font-size:clamp(44px,4.2vw,72px);
  line-height:.96;
  letter-spacing:-.03em;
  max-width:720px;
}
.thanks-copy p{
  margin:18px 0 0;
  max-width:720px;
  font-size:18px;
  line-height:1.55;
  color:#e8dfcf;
}
.thanks-actions{
  margin-top:28px;
  gap:14px;
}
.thanks-actions .btn{
  min-width:170px;
}
.thanks-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:30px;
}
.thanks-step{
  padding:18px 18px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
}
.thanks-step span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  margin-bottom:14px;
  background:#edc84d;
  color:#241a00;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.thanks-step strong{
  display:block;
  font-size:16px;
  line-height:1.35;
  color:#f5efe2;
}
.thanks-step p{
  margin:8px 0 0;
  font-size:13px;
  line-height:1.5;
  color:var(--muted);
}
.thanks-panel{
  position:sticky;
  top:102px;
  padding:26px;
}
.thanks-panel h2{
  margin:10px 0 0;
  font-size:28px;
  line-height:1.08;
}
.thanks-panel > p{
  margin:14px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}
.thanks-contact-list{
  display:grid;
  gap:14px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(212,175,55,.14);
}
.thanks-contact-list small{
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--gold-2);
}
.thanks-contact-list strong{
  display:block;
  margin-top:5px;
  font-size:15px;
  line-height:1.45;
  color:#f4ede0;
  overflow-wrap:anywhere;
}
.thanks-contact-list a{
  color:#f4ede0;
}
.thanks-panel-cta{
  width:100%;
  margin-top:14px;
}
.footer-grid{display:grid;grid-template-columns:1.35fr .9fr .9fr .9fr;gap:20px}
.footer-grid h3,.footer-brand{color:var(--gold-2);font-size:15px;text-transform:uppercase;letter-spacing:.12em}
.footer-grid a,.footer-grid p{display:block;color:var(--muted);font-size:13px}
.footer-hotline{font-size:30px;color:var(--gold-2);margin-top:10px;display:block}
.footer-bottom{display:flex;justify-content:space-between;gap:14px;color:#8d836f;font-size:11px;margin-top:26px}

.product-hero-premium .hero-media picture{position:absolute;inset:0}
.hero-media img,.hero-media video,.hero-media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.hero-media picture{z-index:1;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease}
.hero-media video,.hero-media iframe{z-index:0}
.hero-media.is-media-ready picture{opacity:0;visibility:hidden}
.hero-media::after{z-index:2}
.hero-media iframe{transform:scale(1.15);opacity:.9}
@media (max-width:640px){
  .home-hero-bg{
    background-image:var(--home-hero-mobile,var(--home-hero-desktop,url("../images/cars/banner-trang-chu-desktop.webp")));
  }
}
.product-hero-yaris .hero-media iframe{
  top:50%;
  left:50%;
  width:177.78vh;
  min-width:100%;
  height:56.25vw;
  min-height:100%;
  transform:translate(-50%,-50%) scale(1.18);
  opacity:1;
  pointer-events:none;
}
.product-hero-yaris .hero-media video{
  top:50%;
  left:50%;
  width:177.78vh;
  min-width:100%;
  height:56.25vw;
  min-height:100%;
  transform:translate(-50%,-50%) scale(1.18);
  pointer-events:none;
}
.product-hero-yaris .hero-media video::-webkit-media-controls{display:none !important}
.product-hero-yaris .hero-media video::-webkit-media-controls-enclosure{display:none !important}
.product-hero-yaris .hero-media video::-webkit-media-controls-panel{display:none !important}
.product-hero-inner{display:grid;grid-template-columns:minmax(0,640px) 300px;gap:20px;align-items:end;padding-top:56px}
.product-hero-copy{padding-bottom:24px}
.product-hero-copy h1{font-size:clamp(52px,5.8vw,86px);line-height:.96;margin:10px 0 8px;font-weight:800}
.product-hero-copy h2{font-size:clamp(21px,2.2vw,32px);line-height:1.12;margin:0 0 10px;color:var(--gold-2)}
.product-hero-copy p{font-size:14px;max-width:560px;color:var(--muted)}
.product-hero-yaris .product-hero-inner{grid-template-columns:minmax(0,760px);padding-top:74px;padding-bottom:76px}
.product-hero-yaris .product-hero-copy{padding-bottom:44px}
.product-hero-yaris .eyebrow{font-size:12px;letter-spacing:.24em;margin-bottom:16px;color:#e3bd45}
.product-hero-yaris .yaris-hero-title{margin:0 0 22px;max-width:700px}
.product-hero-yaris .yaris-hero-title span,
.product-hero-yaris .yaris-hero-title strong{display:block;font-size:clamp(46px,4.3vw,62px);line-height:.98;letter-spacing:-.02em}
.product-hero-yaris .yaris-hero-title span{color:#ece6dc;font-weight:800}
.product-hero-yaris .yaris-hero-title strong{color:#ebc74d;font-weight:800}
.product-hero-yaris .product-hero-copy p{font-size:17px;line-height:1.42;max-width:760px;color:#ffffff;margin:0 0 36px}
.product-hero-yaris .hero-actions{margin-top:0}
.product-hero-yaris .hero-actions .btn{min-width:unset;min-height:48px;font-size:13px;letter-spacing:.11em}
.product-hero-yaris .hero-actions .btn-outline{border-color:rgba(242,202,80,.28);color:#d5ccbc;background:rgba(0,0,0,.24)}

.product-hero-veloz .product-hero-inner{grid-template-columns:minmax(0,760px);padding-top:74px;padding-bottom:76px}
.product-hero-veloz .product-hero-copy{padding-bottom:44px}
.product-hero-veloz .eyebrow{font-size:12px;letter-spacing:.24em;margin-bottom:16px;color:#e3bd45}
.product-hero-veloz .yaris-hero-title{margin:0 0 22px;max-width:780px}
.product-hero-veloz .yaris-hero-title span,
.product-hero-veloz .yaris-hero-title strong{display:block;font-size:clamp(46px,4.3vw,62px);line-height:.98;letter-spacing:-.02em}
.product-hero-veloz .yaris-hero-title span{color:#ece6dc;font-weight:800}
.product-hero-veloz .yaris-hero-title strong{color:#ebc74d;font-weight:800}
.product-hero-veloz .product-hero-copy p{font-size:17px;line-height:1.42;max-width:760px;color:#ffffff;margin:0 0 36px}
.product-hero-veloz .hero-actions{margin-top:0}
.product-hero-veloz .hero-actions .btn{min-width:180px;min-height:52px;font-size:13px;letter-spacing:.08em}
.product-hero-veloz .hero-actions .btn-outline{border-color:rgba(242,202,80,.45);color:#f2ca50;background:rgba(0,0,0,.24)}
.product-hero-veloz .hero-media::after{background:transparent !important}
.product-hero-veloz .hero-media iframe,
.product-hero-veloz .hero-media video{
  inset:auto;
  top:50%;
  left:50%;
  width:177.78vh;
  min-width:100%;
  height:56.25vw;
  min-height:100%;
  transform:translate(-50%,-50%) scale(1.18);
  opacity:1;
  pointer-events:none;
}
.product-hero-veloz .product-hero-inner{position:relative;z-index:5}
.product-hero-veloz .product-hero-copy{opacity:1 !important;transform:none !important;max-width:760px}
.product-hero-veloz .product-hero-copy .eyebrow,
.product-hero-veloz .product-hero-copy p,
.product-hero-veloz .product-hero-copy .yaris-hero-title span,
.product-hero-veloz .product-hero-copy .yaris-hero-title strong{
  opacity:1 !important;
  visibility:visible !important;
}
.product-hero-veloz .product-hero-copy .yaris-hero-title span,
.product-hero-veloz .product-hero-copy .yaris-hero-title strong,
.product-hero-veloz .product-hero-copy p{
  text-shadow:0 2px 14px rgba(0,0,0,.58);
}
.product-hero-corolla .product-hero-inner{grid-template-columns:minmax(0,760px);padding-top:74px;padding-bottom:76px;position:relative;z-index:5}
.product-hero-corolla .product-hero-copy{padding-bottom:44px;opacity:1 !important;transform:none !important;max-width:760px;margin:0 auto;text-align:center}
.product-hero-corolla{min-height:750px;height:750px}
.product-hero-corolla .eyebrow{font-size:12px;letter-spacing:.24em;margin-bottom:16px;color:#e3bd45}
.product-hero-corolla .yaris-hero-title{margin:0 0 22px;max-width:none}
.product-hero-corolla .yaris-hero-title strong{display:block;font-size:clamp(58px,6.2vw,84px);line-height:.96;letter-spacing:-.02em;color:#ece6dc;font-weight:800}
.product-hero-corolla .product-hero-copy p{font-size:clamp(26px,2.35vw,42px);line-height:1.28;max-width:760px;color:#ffffff;margin:0 auto 36px}
.product-hero-corolla .hero-actions{margin-top:0;justify-content:center}
.product-hero-corolla .hero-actions .btn{min-width:180px;min-height:52px;font-size:13px;letter-spacing:.08em}
.product-hero-corolla .hero-actions .btn-outline{border-color:rgba(242,202,80,.45);color:#f2ca50;background:rgba(0,0,0,.24)}
.product-hero-corolla .hero-media::after{background:transparent !important}
.product-hero-corolla .hero-media iframe,
.product-hero-corolla .hero-media video{
  top:50%;
  left:50%;
  width:177.78vh;
  min-width:100%;
  height:56.25vw;
  min-height:100%;
  transform:translate(-50%,-50%) scale(1.18);
  opacity:1;
  pointer-events:none;
}
.product-hero-corolla .product-hero-copy .eyebrow,
.product-hero-corolla .product-hero-copy .yaris-hero-title strong,
.product-hero-corolla .product-hero-copy p{
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 2px 14px rgba(0,0,0,.58);
}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:12px}
.breadcrumb a{color:var(--gold-2)}
.quick-specs{display:grid;gap:10px;padding:16px;margin-bottom:18px}
.quick-specs div{padding:8px 0;border-bottom:1px solid rgba(77,70,53,.7)}
.quick-specs span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.quick-specs strong{font-size:13px;display:block;margin-top:2px}
.product-subnav{position:sticky;top:56px;z-index:40;background:rgba(14,12,8,.84);border-block:1px solid rgba(212,175,55,.15);backdrop-filter:blur(12px)}
.product-subnav .container{display:flex;gap:12px;overflow:auto;white-space:nowrap}
.product-subnav a{padding:10px 0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.product-subnav a:hover{color:var(--gold-2)}

.product-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.product-two-col h2{font-size:clamp(30px,2.8vw,44px);line-height:1.04;margin:8px 0}
.product-two-col p{font-size:14px;color:var(--muted)}
.overview-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.overview-points span{padding:7px 10px;border:1px solid rgba(242,202,80,.28);background:rgba(255,255,255,.03);font-size:11px;color:var(--gold-2)}
.overview-media{padding:10px;overflow:hidden}
.overview-media img{width:100%;aspect-ratio:16/10;object-fit:cover}

.product-reasons,.product-pricing,.product-feature-band,.color-section,.specs-section,.product-gallery-preview,.compare-section,.faq-section{padding:60px 0}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.feature-card{padding:18px}
.feature-card .icon{width:34px;height:34px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-2);margin-bottom:12px}
.feature-card h3{margin:0 0 6px;font-size:18px}
.feature-card p{margin:0;color:var(--muted);font-size:13px}
.corolla-reasons-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.corolla-reasons-grid .corolla-reason-card:nth-child(1),
.corolla-reasons-grid .corolla-reason-card:nth-child(2){grid-column:span 3}
.corolla-reasons-grid .corolla-reason-card:nth-child(n+3){grid-column:span 2}
.corolla-reason-card{padding:34px 36px 32px;border-color:rgba(212,175,55,.18)}
.corolla-reason-icon{width:56px;height:56px;display:block;margin-bottom:20px;background-repeat:no-repeat;background-position:center;background-size:52px 52px}
.corolla-reason-icon-car{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13.5v4a1.5 1.5 0 0 0 1.5 1.5h15a1.5 1.5 0 0 0 1.5-1.5v-4l-2-6a2 2 0 0 0-1.9-1.4H6.9A2 2 0 0 0 5 7.5l-2 6Z'/%3E%3Ccircle cx='7.5' cy='14.5' r='1.3'/%3E%3Ccircle cx='16.5' cy='14.5' r='1.3'/%3E%3Cpath d='M10 20.5 8.8 23h6.4L14 20.5'/%3E%3C/svg%3E")}
.corolla-reason-icon-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 19 5.9v5.4c0 4.7-2.9 7.7-7 8.9-4.1-1.2-7-4.2-7-8.9V5.9L12 3.2Z'/%3E%3Cpath d='m9.4 12.2 1.9 1.9 3.6-3.7'/%3E%3C/svg%3E")}
.corolla-reason-icon-grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='M12 4v16M4 12h16'/%3E%3C/svg%3E")}
.corolla-reason-icon-palette{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18h1.4a2.1 2.1 0 0 0 0-4.2h-1a2.8 2.8 0 0 1 0-5.6h5.1A3.5 3.5 0 0 0 21 7.7 9 9 0 0 0 12 3Z'/%3E%3Ccircle cx='7.7' cy='10' r='1'/%3E%3Ccircle cx='9.8' cy='7.6' r='1'/%3E%3Ccircle cx='6.6' cy='13' r='1'/%3E%3C/svg%3E")}
.corolla-reason-icon-screen{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='14' height='10' rx='1.8'/%3E%3Cpath d='M8 19h5'/%3E%3Crect x='16.5' y='8' width='4' height='11' rx='1.2'/%3E%3C/svg%3E")}
.corolla-reason-card h3{margin:0 0 12px;font-size:42px;line-height:1.2;font-size:clamp(34px,2.2vw,44px)}
.corolla-reason-card p{margin:0;color:#cfc6b5;font-size:31px;line-height:1.45;font-size:clamp(22px,1.2vw,31px)}
.section-title-companion{margin-bottom:34px}
.section-title-companion h2{margin:0}
.section-title-companion::after{
  content:"";
  display:block;
  width:92px;
  height:2px;
  margin:14px auto 0;
  background:linear-gradient(90deg,rgba(236,199,78,0),rgba(236,199,78,.95),rgba(236,199,78,0));
}
.yaris-companion-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:390px 280px;
  gap:18px;
  margin-top:10px;
}
.companion-card{
  position:relative;
  min-height:250px;
  border:1px solid rgba(220,178,65,.26);
  border-radius:0;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(19,16,11,.92),rgba(14,12,8,.99));
}
.companion-card-main{
  min-height:390px;
  grid-column:1 / span 7;
  grid-row:1;
}
.yaris-companion-grid .companion-card:nth-child(2){
  grid-column:8 / span 5;
  grid-row:1;
}
.yaris-companion-grid .companion-card:nth-child(3){
  grid-column:1 / span 4;
  grid-row:2;
  min-height:280px;
}
.yaris-companion-grid .companion-card:nth-child(4){
  grid-column:5 / span 8;
  grid-row:2;
  min-height:280px;
}
.companion-card-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
body[data-page="yaris"] .yaris-companion-grid .companion-card-image img{
  object-fit:contain;
  background:#060503;
  filter:brightness(.75);
}
.companion-overlay{position:absolute;left:48px;right:42px;bottom:42px;z-index:2}
.companion-overlay h3{margin:0 0 10px;font-size:44px;color:var(--gold-2);line-height:1.12}
.companion-overlay p{margin:0;max-width:760px;color:#e4dac9;font-size:19px;line-height:1.45}
.companion-card-text{padding:42px 40px;display:flex;flex-direction:column;justify-content:center}
.companion-card-text h3{margin:0 0 14px;font-size:46px;line-height:1.16}
.companion-card-text p{margin:0;font-size:18px;line-height:1.45;color:#d5cab7;max-width:560px}
.companion-icon{
  width:48px;
  height:48px;
  margin-bottom:24px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:44px 44px;
}
.companion-icon-gauge{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a8 8 0 1 1 16 0'/%3E%3Cpath d='M12 14 17 9'/%3E%3Ccircle cx='12' cy='14' r='1.4' fill='%23f2ca50' stroke='none'/%3E%3C/svg%3E")}
.companion-icon-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 18.5 5.7v5c0 4.3-2.7 7-6.5 8-3.8-1-6.5-3.7-6.5-8v-5L12 3.5Z'/%3E%3Cpath d='m9.4 12.2 1.8 1.8 3.4-3.5'/%3E%3C/svg%3E")}
body[data-page="yaris"] .product-reasons{padding-top:50px}
body[data-page="yaris"] .product-hero-inner,
body[data-page="yaris"] .product-hero-copy{
  position:relative;
  z-index:4;
}
body[data-page="yaris"] .section-title-companion{
  margin-bottom:50px;
}
body[data-page="yaris"] .section-title-companion h2{
  margin-bottom:36px;
}
body[data-page="yaris"] .section-title-companion::after{
  display:none;
}
body[data-page="yaris"] .yaris-companion-grid{
  grid-template-rows:335px 320px;
}
body[data-page="yaris"] .companion-card-main,
body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(2){
  min-height:335px;
}
body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(3),
body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(4){
  min-height:320px;
}
body[data-page="yaris"] .companion-card-text h3{
  font-size:clamp(30px,2.5vw,40px);
}
body[data-page="yaris"] .companion-overlay h3{
  font-size:clamp(32px,2.6vw,42px);
}
body[data-page="yaris"] .companion-overlay p,
body[data-page="yaris"] .companion-card-text p{
  font-size:17px;
  line-height:1.42;
}
body[data-page="yaris"] .yaris-companion-grid .companion-card-image img{
  object-fit:cover;
  background:transparent;
  filter:brightness(.62);
}
body[data-page="yaris"] .section,
body[data-page="yaris"] .lead-zone{
  position:relative;
  padding-top:50px;
  padding-bottom:50px;
}
body[data-page="yaris"] .section::before,
body[data-page="yaris"] .section::after,
body[data-page="yaris"] .lead-zone::before,
body[data-page="yaris"] .lead-zone::after{
  content:"";
  display:block;
  position:absolute;
  left:120px;
  right:120px;
  height:1px;
  background:linear-gradient(90deg,rgba(232,193,70,0) 0%,rgba(232,193,70,.28) 18%,rgba(246,214,98,.95) 50%,rgba(232,193,70,.28) 82%,rgba(232,193,70,0) 100%);
  pointer-events:none;
}
body[data-page="yaris"] .section::before,
body[data-page="yaris"] .lead-zone::before{top:0}
body[data-page="yaris"] .section::after,
body[data-page="yaris"] .lead-zone::after{bottom:0}
@media (max-width:980px){
  body[data-page="yaris"] .section::before,
  body[data-page="yaris"] .section::after,
  body[data-page="yaris"] .lead-zone::before,
  body[data-page="yaris"] .lead-zone::after{
    left:28px;
    right:28px;
  }
}
.trim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.trim-card{padding:22px}
.trim-card h3{margin:8px 0;font-size:24px}
.trim-card>strong{display:block;font-size:34px;color:var(--gold-2);line-height:1.06}
.trim-card p,.trim-card li{font-size:13px;color:var(--muted)}
.trim-card ul{display:grid;gap:6px;margin:14px 0;padding-left:16px}
body[data-page="yaris"] .product-pricing{
  padding-top:50px;
}
body[data-page="yaris"] .yaris-pricing-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 520px;
  gap:44px;
  align-items:stretch;
}
body[data-page="yaris"] .yaris-pricing-copy{
  padding:0 0 26px;
}
body[data-page="yaris"] .yaris-pricing-copy h2{
  margin:0;
  font-size:clamp(40px,4.8vw,54px);
  line-height:1.02;
  font-weight:800;
  max-width:440px;
}
body[data-page="yaris"] .yaris-pricing-copy h2 strong{
  display:inline;
  color:var(--gold-2);
}
body[data-page="yaris"] .yaris-pricing-copy p{
  margin:24px 0 0;
  max-width:620px;
  color:#d0c6b2;
  font-size:17px;
  line-height:1.42;
}
body[data-page="yaris"] .yaris-price-inline{
  margin-top:32px;
  padding-top:14px;
  border-top:1px solid rgba(212,175,55,.2);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
body[data-page="yaris"] .yaris-price-inline span{
  display:block;
  font-size:13px;
  color:#d8cdb8;
}
body[data-page="yaris"] .yaris-price-inline small{
  display:block;
  font-size:13px;
  color:#b6ab97;
}
body[data-page="yaris"] .yaris-price-inline strong{
  color:var(--gold-2);
  font-size:50px;
  line-height:1;
  letter-spacing:-.01em;
  white-space:nowrap;
}
body[data-page="yaris"] .yaris-pricing-panel{
  padding:36px 38px 30px;
  border:2px solid rgba(232,193,70,.58);
  border-radius:10px;
  background:linear-gradient(100deg,rgba(24,20,13,.9),rgba(38,33,24,.7));
}
body[data-page="yaris"] .yaris-pricing-panel h3{
  margin:0 0 20px;
  font-size:22px;
}
body[data-page="yaris"] .yaris-pricing-fee-list{
  display:grid;
  gap:6px;
}
body[data-page="yaris"] .yaris-pricing-fee-list p{
  margin:0;
  padding:6px 0;
  border-bottom:1px solid rgba(212,175,55,.1);
  display:flex;
  justify-content:space-between;
  gap:16px;
  font-size:15px;
  color:#d3c9b7;
}
body[data-page="yaris"] .yaris-pricing-fee-list strong{
  color:#c9bfac;
  font-size:15px;
  white-space:nowrap;
}
body[data-page="yaris"] .yaris-pricing-total{
  margin-top:18px;
  padding-top:16px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  font-size:16px;
}
body[data-page="yaris"] .yaris-pricing-total span{
  white-space:nowrap;
}
body[data-page="yaris"] .yaris-pricing-total strong{
  color:var(--gold-2);
  font-size:30px;
  line-height:1;
  white-space:nowrap;
}
body[data-page="yaris"] .yaris-pricing-panel .btn{
  width:100%;
  min-height:52px;
  margin-top:22px;
  font-size:13px;
  letter-spacing:.08em;
}
.product-feature-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:center}
.noi_that .product-feature-layout,.an_toan .product-feature-layout{grid-template-columns:.8fr 1.2fr}
.noi_that .feature-visual,.an_toan .feature-visual{order:2}
.feature-visual{padding:8px;overflow:hidden}
.feature-visual img{width:100%;aspect-ratio:16/10;object-fit:cover}
.yaris-gallery-duo{padding-top:26px}
.yaris-gallery-duo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.yaris-gallery-card{
  position:relative;
  border:1px solid rgba(212,175,55,.18);
  border-radius:10px;
  overflow:hidden;
  background:#0d0b07;
  min-height:360px;
  cursor:pointer;
}
.yaris-gallery-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.72);
}
.yaris-gallery-overlay{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  z-index:2;
}
.yaris-gallery-overlay h3,
.yaris-gallery-overlay p{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.yaris-gallery-overlay h3{
  margin:0 0 4px;
  color:var(--gold-2);
  font-size:20px;
  line-height:1.28;
  font-weight:900;
}
.yaris-gallery-overlay p{
  margin:0;
  color:#f0e6d2;
  font-size:13px;
  line-height:1.38;
  max-width:95%;
}
.feature-copy h2{font-size:clamp(28px,2.6vw,42px);line-height:1.05;margin:8px 0}
.feature-copy p{font-size:14px;color:var(--muted)}
.mini-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.mini-feature-grid span{padding:9px;border:1px solid rgba(212,175,55,.2);background:rgba(255,255,255,.03);font-size:12px;color:var(--muted)}
.product-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.product-color-grid span{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid rgba(212,175,55,.2);background:rgba(255,255,255,.03);font-size:13px}
.product-color-grid i{width:22px;height:22px;border:2px solid rgba(255,255,255,.6)}
.yaris-smart-strip{
  background:linear-gradient(180deg,rgba(64,58,48,.9),rgba(58,52,44,.92));
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  padding:26px 0 24px;
}
.yaris-smart-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.yaris-smart-item{
  text-align:center;
}
.yaris-smart-icon{
  width:46px;
  height:34px;
  margin:0 auto 12px;
  border-radius:8px;
  background:rgba(242,202,80,.12);
  border:1px solid rgba(242,202,80,.22);
  display:grid;
  place-items:center;
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
}
.yaris-smart-icon-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.8' width='10' height='18.4' rx='2.1'/%3E%3Cline x1='11' y1='6.2' x2='13' y2='6.2'/%3E%3Cline x1='11.2' y1='17.8' x2='12.8' y2='17.8'/%3E%3C/svg%3E")}
.yaris-smart-icon-ac{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2v17.6M4.4 7.6l15.2 8.8M19.6 7.6 4.4 16.4'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/svg%3E")}
.yaris-smart-icon-cruise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.2 14a7.8 7.8 0 1 1 15.6 0'/%3E%3Cpath d='M12 14 17 9'/%3E%3Ccircle cx='12' cy='14' r='1.5' fill='%23f2ca50' stroke='none'/%3E%3C/svg%3E")}
.yaris-smart-item h3{
  margin:0 0 8px;
  font-size:20px;
  font-weight:700;
  color:#e4ded1;
}
.yaris-smart-item p{
  margin:0 auto;
  max-width:380px;
  font-size:12px;
  line-height:1.45;
  color:#d2cab8;
}
.product-spec-table{max-width:980px;margin:auto}
.spec-group-row th{background:rgba(212,175,55,.14)!important;color:var(--gold-2)!important}
.spec-mobile-cards{display:none}
.yaris-tech-layout{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:18px;
  align-items:start;
}
.yaris-tech-left,.yaris-tech-right{
  display:block;
}
.yaris-tech-left h3,.yaris-tech-right h3{
  margin:0 0 12px;
  font-size:22px;
  font-weight:700;
  color:#ddd4c3;
}
.yaris-tech-colors{
  display:flex;
  gap:10px;
  flex-wrap:nowrap;
  margin-bottom:12px;
  overflow:visible;
}
.yaris-color-btn{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  display:grid;
  justify-items:center;
  gap:5px;
  font-size:8px;
  color:#a89f8c;
  font-weight:700;
  letter-spacing:.02em;
  transition:transform .2s ease,color .2s ease;
  min-width:62px;
}
.yaris-color-btn:hover{transform:translateY(-1px);color:#d6cdb9}
.yaris-color-btn.is-active{color:#f0e8d8}
.yaris-color-btn.is-active i{
  box-shadow:0 0 0 2px rgba(242,202,80,.45),0 0 0 2px rgba(0,0,0,.28) inset;
}
.yaris-tech-colors i{
  width:32px;
  height:32px;
  border-radius:8px;
  border:1px solid rgba(212,175,55,.34);
  box-shadow:0 0 0 2px rgba(0,0,0,.28) inset;
}
.yaris-tech-image{
  padding:0;
  border:1px solid rgba(232,193,70,.36);
  border-radius:12px;
  background:transparent;
  box-shadow:0 0 0 1px rgba(255,230,132,.2),0 0 20px rgba(242,202,80,.34),0 0 42px rgba(242,202,80,.22),0 0 68px rgba(212,175,55,.16);
  overflow:hidden;
}
.yaris-tech-stage{
  position:relative;
  width:100%;
  aspect-ratio:16/13;
  border-radius:6px;
  overflow:hidden;
}
.yaris-tech-stage::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:23%;
  width:58%;
  height:34%;
  transform:translateX(-50%);
  background:radial-gradient(circle,rgba(242,202,80,.38) 0%,rgba(242,202,80,.18) 35%,rgba(242,202,80,0) 72%);
  filter:blur(18px);
  pointer-events:none;
  z-index:1;
}
.yaris-tech-stage img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:none;
  border-radius:6px;
}
.yaris-tech-image > img{
  width:100%;
  aspect-ratio:16/14;
  object-fit:cover;
  border-radius:6px;
}
.yaris-tech-table{
  width:100%;
  border:1px solid rgba(232,193,70,.42);
  border-radius:12px;
  overflow:hidden;
  border-collapse:separate;
  border-spacing:0;
  box-shadow:0 0 0 1px rgba(242,202,80,.08),0 0 22px rgba(212,175,55,.14);
}
.yaris-tech-table th{
  width:41%;
  color:#b8b09f;
  background:rgba(255,255,255,.04);
  white-space:nowrap;
  padding:13px 12px;
  line-height:1.35;
}
.yaris-tech-table td{
  color:#e7dece;
  font-weight:700;
  white-space:nowrap;
  padding:13px 12px;
  line-height:1.35;
}
.yaris-tech-brochure{
  width:100%;
  min-width:0;
  margin-top:14px;
  min-height:42px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="veloz-cross"] .specs-section{padding-top:48px}
.veloz-color-caption{
  margin:4px 0 0;
  font-size:14px;
  font-weight:700;
  color:#d8cfbe;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body[data-page="veloz-cross"] .yaris-tech-left .yaris-tech-colors{
  margin-top:18px;
  justify-content:center;
}
body[data-page="veloz-cross"] .yaris-tech-left .veloz-color-caption{
  text-align:center;
}
.gallery-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gallery-preview-card{display:block;text-align:left;border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.03);padding:0;cursor:pointer}
.gallery-preview-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery-preview-card span,.gallery-preview-card strong{display:block;margin-inline:12px}
.gallery-preview-card span{margin-top:10px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-2)}
.gallery-preview-card strong{margin:4px 12px 12px}

/* Neon glow for image blocks on product detail pages (exclude popup gallery) */
body[data-page="yaris"] .overview-media,
body[data-page="corolla-cross"] .overview-media,
body[data-page="veloz-cross"] .overview-media,
body[data-page="yaris"] .feature-visual,
body[data-page="corolla-cross"] .feature-visual,
body[data-page="veloz-cross"] .feature-visual,
body[data-page="yaris"] .companion-card-image,
body[data-page="yaris"] .yaris-gallery-card,
body[data-page="yaris"] .gallery-preview-card,
body[data-page="corolla-cross"] .gallery-preview-card,
body[data-page="veloz-cross"] .gallery-preview-card{
  border-color:rgba(232,193,70,.36);
  box-shadow:0 0 0 1px rgba(255,230,132,.18),0 0 16px rgba(242,202,80,.3),0 0 34px rgba(242,202,80,.2),0 0 54px rgba(212,175,55,.14);
}
.product-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-compare-grid article{padding:18px}
.product-compare-grid p{color:var(--muted);font-size:13px}
.product-compare-grid strong{display:block;color:var(--gold-2);font-size:20px;margin:10px 0}
.yaris-benchmark-wrap,
.corolla-benchmark-wrap{
  margin-top:12px;
  width:min(100%,1120px);
  margin-inline:auto;
}
.yaris-benchmark-table,
.corolla-benchmark-table{
  border:1px solid rgba(212,175,55,.22);
  border-radius:6px;
  overflow:visible;
  border-collapse:separate;
  border-spacing:0;
}
.yaris-benchmark-table thead th,
.corolla-benchmark-table thead th{
  font-size:16px;
  font-weight:800;
  text-transform:none;
  letter-spacing:.02em;
  color:#e0d6c4;
  background:rgba(255,255,255,.06);
  padding:18px 16px;
  text-align:center;
}
.yaris-benchmark-table thead th small,
.corolla-benchmark-table thead th small{
  display:block;
  margin-top:5px;
  font-size:12px;
  font-weight:700;
  color:#897e68;
  text-transform:uppercase;
  text-align:center;
}
.yaris-benchmark-table thead th.is-focus,
.corolla-benchmark-table thead th.is-focus{
  color:var(--gold-2);
  border-top:2px solid var(--gold-2);
}
.yaris-benchmark-table thead th:nth-child(2),
.yaris-benchmark-table tbody td:nth-child(2),
.corolla-benchmark-table thead th:nth-child(2),
.corolla-benchmark-table tbody td:nth-child(2){
  position:relative;
  z-index:2;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:
    inset 1px 0 0 rgba(232,193,70,.42),
    inset -1px 0 0 rgba(232,193,70,.42),
    0 0 22px rgba(212,175,55,.12);
}
.yaris-benchmark-table thead th:nth-child(2),
.corolla-benchmark-table thead th:nth-child(2){
  padding-top:20px;
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-top:none;
}
.yaris-benchmark-table thead th:nth-child(2)::before,
.corolla-benchmark-table thead th:nth-child(2)::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-2px;
  height:2px;
  background:var(--gold-2);
  z-index:3;
}
.yaris-benchmark-table tbody th,
.corolla-benchmark-table tbody th{
  color:#d1c6b2;
  background:rgba(255,255,255,.02);
  font-size:14px;
  font-weight:700;
  text-transform:none;
  letter-spacing:.01em;
  padding:14px 16px;
  text-align:left;
}
.yaris-benchmark-table tbody td,
.corolla-benchmark-table tbody td{
  color:#d8cfbe;
  font-size:14px;
  font-weight:600;
  padding:14px 16px;
  text-align:center;
}
.yaris-benchmark-table tbody td em,
.corolla-benchmark-table tbody td em{color:var(--gold-2);font-style:italic;font-weight:700}
.yaris-benchmark-table tbody td strong,
.corolla-benchmark-table tbody td strong{color:var(--gold-2)}
.yaris-benchmark-note,
.corolla-benchmark-note{
  margin:18px 0 0;
  text-align:center;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8f846f;
}
body[data-page="yaris"] .compare-section .section-title,
body[data-page="corolla-cross"] .compare-section .section-title{
  margin-bottom:16px;
}
body[data-page="yaris"] .compare-section .section-title .eyebrow,
body[data-page="corolla-cross"] .compare-section .section-title .eyebrow{
  font-size:12px;
  letter-spacing:.2em;
}
body[data-page="yaris"] .compare-section .section-title h2,
body[data-page="corolla-cross"] .compare-section .section-title h2{
  font-size:clamp(40px,4.8vw,50px);
  line-height:1.04;
  margin-top:10px;
}
.faq-list details{background:rgba(255,255,255,.03);border:1px solid rgba(212,175,55,.2);padding:13px}
.faq-list summary{cursor:pointer;font-weight:800}
.faq-list p{margin:8px 0 0;color:var(--muted);font-size:13px}
body[data-page="veloz-cross"] .faq-section{padding:56px 0 62px}
body[data-page="veloz-cross"] .faq-section .section-title{
  text-align:center;
  margin:0 0 18px;
}
body[data-page="veloz-cross"] .faq-section .section-title h2{
  margin:0;
  font-size:58px;
  color:#ece6da;
  letter-spacing:-.01em;
}
body[data-page="veloz-cross"] .faq-list-veloz{
  width:min(100%,980px);
  margin:0 auto;
  display:grid;
  gap:14px;
}
body[data-page="veloz-cross"] .faq-list-veloz details{
  border:1px solid rgba(212,175,55,.2);
  border-radius:4px;
  background:linear-gradient(90deg,rgba(46,40,31,.74),rgba(24,20,15,.74));
  padding:0;
}
body[data-page="veloz-cross"] .faq-list-veloz summary{
  list-style:none;
  position:relative;
  cursor:pointer;
  padding:20px 54px 20px 24px;
  font-size:18px;
  font-weight:600;
  color:#ddd4c4;
}
body[data-page="veloz-cross"] .faq-list-veloz summary::-webkit-details-marker{display:none}
body[data-page="veloz-cross"] .faq-list-veloz summary::after{
  content:"⌄";
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  color:#ddd4c4;
}
body[data-page="veloz-cross"] .faq-list-veloz details[open] summary::after{transform:translateY(-50%) rotate(180deg)}
body[data-page="veloz-cross"] .faq-list-veloz p{
  margin:0;
  padding:0 24px 16px;
  font-size:15px;
  color:#cfc5b2;
}
.yaris-finance-faq{
  padding-top:24px;
  padding-bottom:26px;
  background:rgba(32,28,22,.65);
  border-top:1px solid rgba(212,175,55,.22);
  border-bottom:1px solid rgba(212,175,55,.22);
}
.yaris-finance-faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}
.yaris-finance-card{
  padding:22px;
  border:2px solid rgba(232,193,70,.6);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(28,24,18,.95),rgba(34,29,21,.85));
}
.yaris-finance-card h3,.yaris-faq-card h3{
  margin:0 0 12px;
  font-size:20px;
  color:#e6dfd2;
}
.yaris-finance-card p{
  margin:0 0 14px;
  font-size:13px;
  color:#d8cdb8;
  line-height:1.45;
}
.yaris-finance-card p strong{color:var(--gold-2)}
.yaris-finance-group label{
  display:block;
  font-size:12px;
  color:#d8ceb9;
  margin-bottom:8px;
  font-weight:700;
}
.yaris-finance-group + .yaris-finance-group{margin-top:14px}
.yaris-finance-group input[type="range"]{width:100%}
.yaris-finance-range{display:flex;justify-content:space-between;color:#c6bca8;font-size:14px;margin-top:6px}
.yaris-term-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.yaris-term-picker button{
  min-height:36px;
  border:1px solid rgba(212,175,55,.26);
  background:rgba(255,255,255,.02);
  color:#d8cdb8;
  font-weight:800;
  font-size:12px;
  border-radius:4px;
}
.yaris-term-picker .is-active{border-color:rgba(232,193,70,.7);color:var(--gold-2)}
.yaris-faq-card h3{margin-top:2px}
.yaris-faq-list{display:grid;gap:14px}
.yaris-faq-list details{
  border:1px solid rgba(212,175,55,.16);
  border-radius:4px;
  background:rgba(45,39,30,.78);
  padding:0;
}
.yaris-faq-list summary{
  list-style:none;
  cursor:pointer;
  padding:16px 46px 16px 16px;
  font-size:13px;
  font-weight:800;
  color:#e4dccf;
  position:relative;
}
.yaris-faq-list summary::-webkit-details-marker{display:none}
.yaris-faq-list summary::after{
  content:"⌄";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#d6ccb7;
  font-size:18px;
}
.yaris-faq-list details[open] summary::after{transform:translateY(-50%) rotate(180deg)}
.yaris-faq-list p{
  margin:0;
  padding:0 16px 14px;
  color:#cfc5b2;
  font-size:12px;
  line-height:1.45;
}
.product-lead-section .lead-panel{align-items:start}
body[data-page="yaris"] .lead-zone{
  padding:48px 0;
}
body[data-page="corolla-cross"] .product-lead-section{
  padding:56px 0 70px;
  background:linear-gradient(180deg,#090705 0%,#0f0c08 100%);
}
.corolla-lead-wrap{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  min-height:700px;
  padding:56px 24px;
  border-radius:12px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:transparent;
  box-shadow:none;
}
.corolla-lead-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(9,7,5,.12) 0%,rgba(11,8,5,.28) 46%,rgba(9,7,5,.52) 100%);
  z-index:0;
}
.corolla-lead-backdrop{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(11,9,6,.08) 0%,rgba(11,9,6,.18) 56%,rgba(11,9,6,.34) 100%),
    url("/assets/images/cars/corolla cross trang chu.webp") center 28%/cover no-repeat;
  filter:saturate(.98) brightness(.88);
  transform:scale(1.03);
  z-index:0;
}
.corolla-lead-form{
  position:relative;
  z-index:1;
  width:min(100%,560px);
  margin:0 auto;
  padding:32px 34px 34px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:18px;
  background:rgba(38,34,28,.74);
  box-shadow:0 14px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
  display:grid;
  gap:16px;
}
.corolla-lead-head{
  text-align:center;
  display:grid;
  gap:8px;
  margin-bottom:2px;
}
.corolla-lead-head .eyebrow{
  margin:0;
  color:#e2bd45;
  font-size:12px;
  line-height:1.2;
  letter-spacing:.14em;
}
.corolla-lead-head h2{
  margin:0;
  color:#efe9de;
  font-size:clamp(30px,3.2vw,44px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.corolla-lead-head p{
  margin:0 auto;
  max-width:460px;
  color:#b7ab94;
  font-size:15px;
  line-height:1.45;
}
.corolla-lead-form label{
  position:relative;
  display:block;
}
.corolla-lead-form label > span{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.corolla-lead-form input,
.corolla-lead-form select{
  margin-top:0;
  min-height:48px;
  border:1px solid rgba(212,175,55,.22);
  border-bottom-color:rgba(212,175,55,.34);
  background:rgba(255,255,255,.02);
  color:#eadfcb;
  border-radius:2px;
  padding:10px 14px;
  font-size:14px;
  font-weight:600;
}
.corolla-lead-form input::placeholder{
  color:#9d927f;
}
.corolla-lead-form select{
  padding-right:40px;
  background-position:right 14px center;
}
.corolla-lead-form .form-row{
  gap:18px;
}
.corolla-lead-form .btn{
  margin-top:6px;
  min-height:60px;
  font-size:15px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  border-radius:2px;
}
.yaris-lead-wrap{
  width:100%;
}
.yaris-lead-form{
  width:min(100%,700px);
  max-width:700px;
  justify-self:center;
  margin:0 auto;
  padding:34px 40px 34px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:6px;
  background:rgba(22,18,13,.82);
  display:grid;
  gap:12px;
}
.yaris-lead-form h3{
  margin:0;
  text-align:center;
  font-size:22px;
  color:#ddd4c6;
}
.yaris-lead-form > p{
  margin:0;
  text-align:center;
  color:#b9ae98;
  font-size:16px;
}
.yaris-lead-form label{
  font-size:12px;
  color:#bdb29e;
  letter-spacing:.06em;
}
.yaris-lead-form input,
.yaris-lead-form textarea{
  margin-top:8px;
  min-height:40px;
  border:1px solid rgba(212,175,55,.24);
  border-bottom-color:rgba(212,175,55,.38);
  background:transparent;
  padding:8px 12px;
  border-radius:4px;
}
.yaris-lead-form textarea{
  min-height:86px;
  resize:vertical;
}
.yaris-lead-form .btn{
  margin-top:4px;
  min-height:56px;
  font-size:15px;
  letter-spacing:.12em;
  border-radius:4px;
}
.yaris-lead-note{
  margin:4px 0 0;
  text-align:center;
  color:#857a66 !important;
  font-size:9px !important;
  letter-spacing:.11em;
  font-weight:700;
}
body[data-page="veloz-cross"] .product-lead-section{
  padding:56px 0 70px;
}
.veloz-lead-wrap{
  width:min(calc(100% - 48px),var(--container));
  margin:0 auto;
  padding:52px 68px;
  border:1px solid rgba(212,175,55,.2);
  border-radius:22px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  background:linear-gradient(90deg,rgba(38,32,23,.78),rgba(24,20,15,.74));
}
.veloz-lead-copy h2{
  margin:0;
  font-size:56px;
  line-height:.98;
  letter-spacing:-.02em;
  color:#ece6da;
}
.veloz-lead-copy p{
  margin:24px 0 30px;
  max-width:470px;
  color:#bcb29f;
  font-size:16px;
  line-height:1.42;
}
.veloz-lead-benefits{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.veloz-lead-benefits li{
  position:relative;
  padding-left:42px;
  color:#e0bc44;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
}
.veloz-lead-benefits li::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:28px;
  height:28px;
  border-radius:50%;
  border:2px solid #e0bc44;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0bc44' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 12.4 3.5 3.5 7.5-7.6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:16px 16px;
}
.veloz-lead-form{
  display:grid;
  gap:16px;
  align-content:start;
  border:1px solid rgba(212,175,55,.2);
  background:rgba(15,12,9,.22);
  padding:28px 30px 26px;
}
.veloz-lead-form label{
  font-size:12px;
  font-weight:700;
  color:#8f8572;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.veloz-lead-form input,
.veloz-lead-form select,
.veloz-lead-form textarea{
  margin-top:8px;
  border:0;
  border-bottom:1px solid rgba(194,177,132,.58);
  border-radius:0;
  background:transparent;
  color:#d9d0c0;
  font-size:14px;
  font-weight:600;
  padding:6px 4px 10px;
  min-height:0;
}
.veloz-lead-form select{
  padding-right:30px;
  background-position:right 2px center;
}
.veloz-lead-form select option{
  background:#17130d;
  color:#e8decf;
}
.veloz-lead-form select option:checked{
  background:#e5c44f;
  color:#211704;
}
.veloz-lead-form textarea{
  min-height:66px;
  resize:none;
}
.veloz-lead-form input::placeholder,
.veloz-lead-form textarea::placeholder{color:#5f645f}
.veloz-lead-form .btn{
  margin-top:8px;
  min-height:58px;
  border-radius:6px;
  font-size:15px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.veloz-lead-note{
  margin:6px 0 0;
  color:#817966;
  font-size:10px;
  line-height:1.35;
}

/* detail page visual lock by model */
body[data-page="corolla-cross"] .product-hero .hero-media::after{background:transparent}
body[data-page="corolla-cross"] .product-hero-copy{text-align:center;max-width:820px;margin:0 auto}
body[data-page="corolla-cross"] .product-hero-inner{grid-template-columns:1fr}
body[data-page="corolla-cross"] .quick-specs{display:none}
body[data-page="corolla-cross"] .product-reasons{padding-top:38px;padding-bottom:30px}
body[data-page="corolla-cross"] .product-reasons .section-title{max-width:1180px}
body[data-page="corolla-cross"] .product-reasons .section-title h2{font-size:65px;line-height:1.05;letter-spacing:-.01em;margin-bottom:32px}
body[data-page="corolla-cross"]{
  background:
    radial-gradient(circle at 50% 0%,rgba(76,62,24,.34),transparent 30%),
    linear-gradient(180deg,#16120b 0%,#0f0c08 100%);
}
body[data-page="corolla-cross"]::before{display:none}
body[data-page="corolla-cross"] .product-pricing{
  padding-top:50px;
  padding-bottom:74px;
}
body[data-page="corolla-cross"] .product-pricing::before,
body[data-page="corolla-cross"] .product-pricing::after{display:none}
body[data-page="corolla-cross"] .corolla-pricing-shell{
  width:min(100%,1200px);
  margin:0 auto;
}
body[data-page="corolla-cross"] .corolla-pricing-title{
  display:grid;
  justify-items:center;
  max-width:none;
  margin:0 0 34px;
}
body[data-page="corolla-cross"] .corolla-pricing-title h2{
  margin:0;
  font-size:clamp(44px,4.2vw,64px);
  line-height:1.05;
  font-weight:800;
  color:#efe8dc;
  letter-spacing:-.02em;
}
body[data-page="corolla-cross"] .corolla-pricing-title::after{
  content:"";
  width:84px;
  height:4px;
  margin-top:16px;
  background:var(--gold-2);
}
body[data-page="corolla-cross"] .corolla-pricing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
body[data-page="corolla-cross"] .corolla-pricing-card{
  position:relative;
  min-height:495px;
  padding:30px 30px 28px;
  border:1px solid rgba(212,175,55,.22);
  border-radius:6px;
  background:linear-gradient(180deg,#242013 0%,#1f1a11 100%);
  box-shadow:none;
  display:flex;
  flex-direction:column;
}
body[data-page="corolla-cross"] .corolla-pricing-card.is-featured{
  border-top:4px solid var(--gold-2);
  padding-top:26px;
}
body[data-page="corolla-cross"] .corolla-pricing-badge{
  position:absolute;
  top:16px;
  right:18px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  color:#cdbf9b;
  text-transform:uppercase;
}
body[data-page="corolla-cross"] .corolla-pricing-card.is-featured .corolla-pricing-badge{
  top:0;
  right:0;
  padding:9px 14px 8px;
  background:var(--gold-2);
  color:#3a2b00;
}
body[data-page="corolla-cross"] .corolla-pricing-card h3{
  margin:0 0 10px;
  color:#f3ede2;
  font-size:clamp(30px,2.55vw,56px);
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.02em;
}
body[data-page="corolla-cross"] .corolla-pricing-model,
body[data-page="corolla-cross"] .corolla-pricing-variant{
  display:block;
}
body[data-page="corolla-cross"] .corolla-pricing-variant{
  text-transform:none;
}
body[data-page="corolla-cross"] .corolla-pricing-subtitle{
  margin:0 0 24px;
  color:#aea38f;
  font-size:15px;
  line-height:1.35;
}
body[data-page="corolla-cross"] .corolla-pricing-price{
  display:block;
  margin:0 0 24px;
  color:var(--gold-2);
  font-size:clamp(38px,3vw,58px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.02em;
}
body[data-page="corolla-cross"] .corolla-pricing-features{
  display:grid;
  gap:12px;
  margin:0 0 24px;
  padding:0;
  list-style:none;
}
body[data-page="corolla-cross"] .corolla-pricing-features li{
  position:relative;
  padding-left:28px;
  color:#ddd3c0;
  font-size:17px;
  line-height:1.35;
}
body[data-page="corolla-cross"] .corolla-pricing-features li::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:20px;
  height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.8 12.3 2.2 2.2 4.4-4.8'/%3E%3C/svg%3E") center/contain no-repeat;
}
body[data-page="corolla-cross"] .corolla-pricing-button{
  margin-top:auto;
  width:100%;
  min-height:54px;
  font-size:14px;
  letter-spacing:.09em;
}
body[data-page="corolla-cross"] .corolla-pricing-button.btn-outline{
  background:transparent;
  border-color:rgba(242,202,80,.52);
  color:var(--gold-2);
}
body[data-page="corolla-cross"] .corolla-pricing-button.btn-gold{
  background:var(--gold-2);
  color:#352500;
}
body[data-page="corolla-cross"] .color-section{display:none}
body[data-page="corolla-cross"] .corolla-showcase{
  padding-top:54px;
  padding-bottom:74px;
  background:#120f09;
}
body[data-page="corolla-cross"] .corolla-showcase::before,
body[data-page="corolla-cross"] .corolla-showcase::after{display:none}
body[data-page="corolla-cross"] .corolla-showcase-inner{
  width:min(100%,1120px);
  margin:0 auto;
}
body[data-page="corolla-cross"] .corolla-showcase .reveal{
  opacity:1;
  transform:none;
}
body[data-page="corolla-cross"] .corolla-showcase-head{
  max-width:none;
  margin:0 0 46px;
}
body[data-page="corolla-cross"] .corolla-showcase-head h2{
  margin:0;
  color:#efe8dc;
  font-size:clamp(36px,3.8vw,54px);
  line-height:1.04;
  font-weight:800;
  letter-spacing:-.01em;
}
body[data-page="corolla-cross"] .corolla-showcase-head p{
  margin:8px 0 0;
  color:#9f9585;
  font-size:16px;
  font-weight:700;
}
body[data-page="corolla-cross"] .corolla-showcase-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(300px,1fr);
  grid-template-rows:270px 270px;
  gap:18px;
  background:transparent;
}
body[data-page="corolla-cross"] .corolla-showcase-main,
body[data-page="corolla-cross"] .corolla-showcase-side{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:1px solid rgba(232,193,70,.34);
  border-radius:10px;
  overflow:hidden;
  background:#090806;
  color:inherit;
  text-align:left;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,235,155,.2),
    0 0 0 1px rgba(242,202,80,.05),
    0 18px 44px rgba(0,0,0,.34);
}
body[data-page="corolla-cross"] .corolla-showcase-main::before,
body[data-page="corolla-cross"] .corolla-showcase-side::before{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(242,202,80,0),rgba(242,202,80,.95),rgba(242,202,80,0));
  opacity:.72;
  z-index:3;
  pointer-events:none;
}
body[data-page="corolla-cross"] .corolla-showcase-main{
  box-shadow:
    inset 0 1px 0 rgba(255,235,155,.22),
    0 0 0 1px rgba(242,202,80,.05),
    0 18px 44px rgba(0,0,0,.34),
    0 0 34px rgba(212,175,55,.11);
}
body[data-page="corolla-cross"] .corolla-showcase-main{grid-row:1 / span 2}
body[data-page="corolla-cross"] .corolla-showcase-main img,
body[data-page="corolla-cross"] .corolla-showcase-side img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease,filter .45s ease;
}
body[data-page="corolla-cross"] .corolla-showcase-main:hover img,
body[data-page="corolla-cross"] .corolla-showcase-side:hover img{
  transform:scale(1.035);
  filter:saturate(1.04) brightness(.9);
}
body[data-page="corolla-cross"] .corolla-showcase-main::after,
body[data-page="corolla-cross"] .corolla-showcase-side::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,5,4,0) 40%,rgba(5,5,4,.78) 100%);
  pointer-events:none;
}
body[data-page="corolla-cross"] .corolla-showcase-overlay{
  position:absolute;
  left:28px;
  right:28px;
  bottom:24px;
  z-index:2;
  max-width:420px;
  padding:18px 20px;
  background:rgba(27,36,34,.72);
  backdrop-filter:blur(10px);
  border:1px solid rgba(232,193,70,.2);
  box-shadow:0 0 0 1px rgba(242,202,80,.04),0 10px 24px rgba(0,0,0,.22);
}
body[data-page="corolla-cross"] .corolla-showcase-side .corolla-showcase-overlay{
  left:18px;
  right:18px;
  bottom:16px;
  padding:14px 15px;
  max-width:none;
}
body[data-page="corolla-cross"] .corolla-showcase-main .corolla-showcase-overlay{
  margin-left:10px;
}
body[data-page="corolla-cross"] .corolla-showcase-overlay span{
  display:block;
  margin:0 0 6px;
  color:#f2ca50;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
body[data-page="corolla-cross"] .corolla-showcase-overlay h3{
  margin:0 0 7px;
  color:#f4efe4;
  font-size:22px;
  line-height:1.12;
  font-weight:800;
}
body[data-page="corolla-cross"] .corolla-showcase-side .corolla-showcase-overlay h3{font-size:18px}
body[data-page="corolla-cross"] .corolla-showcase-overlay p{
  margin:0;
  color:#d8d0c3;
  font-size:13px;
  line-height:1.42;
}
body[data-page="corolla-cross"] .specs-section{
  padding-top:52px;
  padding-bottom:72px;
  background:#2a2418;
}
body[data-page="corolla-cross"] .specs-section::before,
body[data-page="corolla-cross"] .specs-section::after{display:none}
body[data-page="corolla-cross"] .specs-section .container{
  width:min(calc(100% - 56px),1120px);
}
body[data-page="corolla-cross"] .corolla-color-layout{
  display:grid;
  grid-template-columns:minmax(0,1.24fr) minmax(320px,.82fr);
  gap:52px;
  align-items:center;
}
body[data-page="corolla-cross"] .corolla-color-layout .reveal{
  opacity:1;
  transform:none;
}
body[data-page="corolla-cross"] .corolla-color-visual{
  position:relative;
  padding:0;
  border:1px solid rgba(232,193,70,.36);
  border-radius:12px;
  background:transparent;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,235,155,.18),
    0 0 0 1px rgba(255,230,132,.16),
    0 0 18px rgba(242,202,80,.34),
    0 0 42px rgba(242,202,80,.18),
    0 0 68px rgba(212,175,55,.12);
}
body[data-page="corolla-cross"] .corolla-color-stage{
  position:relative;
  aspect-ratio:1 / 1;
  background:transparent;
  border-radius:inherit;
  overflow:hidden;
}
body[data-page="corolla-cross"] .corolla-color-stage::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:12%;
  height:10%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,0,0,.6) 0%,rgba(0,0,0,.45) 42%,rgba(0,0,0,0) 76%);
  filter:blur(10px);
}
body[data-page="corolla-cross"] .corolla-color-stage img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:0;
  border-radius:inherit;
}
body[data-page="corolla-cross"] .corolla-color-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
body[data-page="corolla-cross"] .corolla-color-copy .eyebrow{
  margin-bottom:14px;
}
body[data-page="corolla-cross"] .corolla-color-copy h2{
  margin:0;
  color:#ece5d8;
  font-size:clamp(30px,3vw,54px);
  line-height:.98;
  font-weight:800;
  letter-spacing:-.03em;
  white-space:nowrap;
}
body[data-page="corolla-cross"] .corolla-color-copy p{
  margin:24px 0 0;
  max-width:280px;
  color:#b7ad98;
  font-size:15px;
  line-height:1.45;
}
body[data-page="corolla-cross"] .corolla-color-swatches{
  display:flex;
  gap:18px;
  margin-top:28px;
}
body[data-page="corolla-cross"] .corolla-color-btn{
  width:40px;
  height:40px;
  padding:0;
  border:1px solid rgba(232,193,70,.32);
  border-radius:10px;
  background:rgba(0,0,0,.14);
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset;
  cursor:pointer;
  display:grid;
  place-items:center;
}
body[data-page="corolla-cross"] .corolla-color-btn i{
  width:26px;
  height:26px;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 0 0 1px rgba(0,0,0,.5) inset;
}
body[data-page="corolla-cross"] .corolla-color-btn.is-active{
  border-color:#f2ca50;
  box-shadow:0 0 0 2px rgba(242,202,80,.24),0 0 14px rgba(242,202,80,.16);
}
body[data-page="corolla-cross"] .corolla-color-btn.is-active i{
  box-shadow:0 0 0 2px rgba(242,202,80,.34),0 0 0 1px rgba(0,0,0,.5) inset;
}
body[data-page="corolla-cross"] .corolla-color-caption-box{
  width:100%;
  margin-top:28px;
  padding:16px 18px 14px;
  border:1px solid rgba(212,175,55,.14);
  background:rgba(255,255,255,.03);
}
body[data-page="corolla-cross"] .corolla-color-caption-box span{
  display:block;
  margin-bottom:6px;
  color:#8f8161;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body[data-page="corolla-cross"] .corolla-color-caption-box strong{
  display:block;
  color:#ddd5c7;
  font-size:20px;
  line-height:1.24;
  font-weight:700;
}
body[data-page="corolla-cross"] .corolla-color-quote{
  width:100%;
  min-height:54px;
  margin-top:18px;
  font-size:14px;
  letter-spacing:.09em;
}

.veloz-tss-head{text-align:center;max-width:860px;margin:0 auto 30px}
.veloz-tss-head span{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:#f2ca50;margin-bottom:8px}
.veloz-tss-head h2{margin:0;color:#f0ebe2;font-size:48px}
.veloz-tss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.veloz-tss-card{
  min-height:218px;
  padding:16px 16px;
  border:1px solid rgba(232,193,70,.24);
  background:linear-gradient(180deg,rgba(33,27,18,.7),rgba(24,20,14,.82));
}
.veloz-tss-card h3{margin:14px 0 8px;font-size:20px;color:#efe8db;line-height:1.35}
.veloz-tss-card p{margin:0;font-size:12px;line-height:1.42;color:#d8cfbe}
.veloz-tss-icon{display:inline-block;width:40px;height:40px;margin-top:-2px;background-repeat:no-repeat;background-size:contain;background-position:center}
.veloz-tss-icon-pcs{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 16H3L12 3Z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Ccircle cx='12' cy='16.5' r='1' fill='%23f2ca50' stroke='none'/%3E%3C/svg%3E")}
.veloz-tss-icon-lda{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 4 3 3-3 3'/%3E%3Cpath d='m18 4-3 3 3 3'/%3E%3Cpath d='M12 20V7'/%3E%3Cpath d='m9 17 3 3 3-3'/%3E%3C/svg%3E")}
.veloz-tss-icon-ahb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E")}
.veloz-tss-icon-360{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6.5' width='12' height='11' rx='1.3'/%3E%3Cpath d='m15.5 10 4-2v8l-4-2'/%3E%3C/svg%3E")}

.veloz-design-showcase .container{max-width:var(--container)}
.veloz-design-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:24px;
}
.veloz-design-head h2{margin:0 0 10px;font-size:54px;color:#f2eee5}
.veloz-design-head p{margin:0;max-width:none;color:#d3cab9;font-size:14px;line-height:1.45}
.veloz-design-tabs{display:flex;gap:26px}
.veloz-design-tabs button{
  border:0;
  border-bottom:2px solid transparent;
  background:none;
  color:#bdb29c;
  padding:6px 0 10px;
  font-size:16px;
  font-weight:700;
  letter-spacing:.04em;
  cursor:pointer;
}
.veloz-design-tabs button.is-active{color:#f2ca50;border-bottom-color:#f2ca50}
.veloz-design-grid{
  display:none;
}
.veloz-design-grid.is-active{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  gap:18px 20px;
}
.veloz-design-main{
  grid-row:1 / span 2;
  position:relative;
  border:1px solid rgba(232,193,70,.24);
  border-radius:10px;
  overflow:hidden;
  height:468px;
}
.veloz-design-main img,
.veloz-design-side img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.veloz-design-main img{height:100%}
.veloz-design-side{
  position:relative;
  border:1px solid rgba(232,193,70,.24);
  border-radius:10px;
  overflow:hidden;
  height:224px;
  cursor:pointer;
}
.veloz-design-main{cursor:pointer}
.veloz-design-main::after,
.veloz-design-side::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,7,5,.06),rgba(8,7,5,.42) 72%,rgba(8,7,5,.82));
  pointer-events:none;
}
.veloz-design-overlay{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  z-index:2;
}
.veloz-design-overlay span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(242,202,80,.5);
  border-radius:14px;
  color:#f2ca50;
  background:rgba(10,9,7,.62);
  font-size:12px;
  font-weight:700;
}
.veloz-design-overlay h3{margin:0 0 4px;font-size:24px;color:#f2ca50}
.veloz-design-overlay p{margin:0;color:#e8dfce;font-size:13px}

.section-title.section-title-veloz{
  max-width:none;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.section-title-veloz h2{
  width:100%;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:clamp(24px,2.8vw,56px);
  color:#f1ede5;
}
.section-title-veloz::after{
  content:"";
  display:block;
  width:220px;
  height:2px;
  margin:16px auto 0;
  background:rgba(242,202,80,.35);
}
.veloz-reasons-grid{
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(0,.85fr);
  grid-template-rows:1fr 1fr;
  grid-template-areas:
    "main top"
    "main bottom";
  gap:22px;
  align-items:stretch;
}
.veloz-reason-main{
  grid-area:main;
  position:relative;
  overflow:hidden;
  min-height:560px;
  border:1px solid rgba(232,193,70,.28);
}
.veloz-reason-side-top{grid-area:top}
.veloz-reason-side-bottom{grid-area:bottom}
.veloz-reason-main img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.86) brightness(.72);
}
.veloz-reason-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,7,5,.02),rgba(8,7,5,.72) 70%,rgba(8,7,5,.9));
}
.veloz-reason-copy{
  position:absolute;
  left:28px;
  right:28px;
  bottom:26px;
  z-index:2;
}
.veloz-reason-copy h3{
  margin:0 0 10px;
  font-size:42px;
  color:#ffffff;
}
.veloz-reason-copy p{
  margin:0;
  font-size:14px;
  line-height:1.45;
  color:#ffffff;
}
.veloz-reasons-grid .veloz-reason-card:not(.veloz-reason-main){
  padding:34px 30px;
  border:1px solid rgba(232,193,70,.28);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:269px;
}
.veloz-reason-icon{
  display:inline-block;
  width:44px;
  height:44px;
  margin-bottom:20px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.veloz-reason-icon-shield{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 18.5 5.7v5c0 4.3-2.7 7-6.5 8-3.8-1-6.5-3.7-6.5-8v-5L12 3.5Z'/%3E%3C/svg%3E");
}
.veloz-reason-icon-diamond{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.2 7.2 4.8h9.6l4.2 5.4L12 20.2 3 10.2Z'/%3E%3Cpath d='M7.2 4.8 12 10.2l4.8-5.4M3 10.2h18'/%3E%3C/svg%3E");
}
.veloz-reasons-grid .veloz-reason-card:not(.veloz-reason-main) h3{
  margin:0 0 12px;
  font-size:38px;
  color:#ffffff;
}
.veloz-reasons-grid .veloz-reason-card:not(.veloz-reason-main) p{
  margin:0;
  font-size:14px;
  line-height:1.45;
  color:#ffffff;
}

.veloz-finance-layout{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:34px;
  align-items:stretch;
}
.veloz-finance-left{display:flex;flex-direction:column}
.veloz-finance-left h2{
  margin:0 0 24px;
  font-size:50px;
  color:#ffffff;
}
.veloz-trim-option{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:22px 24px;
  border:1px solid rgba(232,193,70,.24);
  background:linear-gradient(180deg,rgba(33,27,18,.72),rgba(24,20,14,.8));
  border-radius:6px;
  margin-bottom:16px;
  min-height:138px;
}
.veloz-trim-option.is-active{
  border-color:rgba(242,202,80,.68);
  box-shadow:0 0 0 1px rgba(242,202,80,.22);
}
.veloz-trim-option h3{margin:0 0 8px;font-size:22px;color:#ffffff}
.veloz-trim-option strong{font-size:34px;color:#f2ca50}
.veloz-trim-option .btn{
  min-width:110px;
  min-height:46px;
  font-size:20px;
  font-weight:900;
  text-transform:none;
  letter-spacing:0;
  line-height:1.1;
  font-family:"Be Vietnam Pro",Inter,Roboto,Arial,sans-serif;
}
.veloz-trim-option.is-active .btn{
  background:#edc84d;
  color:#1e1503 !important;
  border-color:#edc84d;
}
.veloz-finance-note{
  margin:14px 0 0;
  color:#d2c8b6;
  font-size:14px;
  font-style:italic;
}
.veloz-finance-card{
  padding:30px 34px;
  border:1px solid rgba(232,193,70,.34);
  height:100%;
  min-height:520px;
  display:flex;
  flex-direction:column;
}
.veloz-finance-card h3{margin:0 0 20px;font-size:34px;color:#ffffff}
.veloz-finance-group{margin-bottom:24px}
.veloz-finance-group label{
  display:block;
  color:#bfb39b;
  font-size:14px;
  letter-spacing:.05em;
  margin-bottom:10px;
  font-weight:700;
}
.veloz-finance-group input[type="range"]{width:100%}
.veloz-finance-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:10px;
}
.veloz-finance-meta strong{font-size:15px;color:#ffffff}
.veloz-finance-meta span{font-size:16px;color:#f2ca50}
.veloz-term-picker{grid-template-columns:repeat(4,1fr)}
.veloz-finance-result{
  margin:8px 0 8px;
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
}
.veloz-finance-result p{margin:0;color:#d5ccbb;font-size:17px}
.veloz-finance-result strong{font-size:30px;color:#f2ca50;line-height:1.25}
.veloz-finance-sub{margin:0 0 16px;color:#b4a98f;font-size:13px}
.veloz-finance-card .btn{width:100%;min-height:56px;font-size:16px;margin-top:auto}

body[data-page="yaris"] .product-hero{
  min-height:750px;
  height:750px;
}
body[data-page="yaris"] .product-hero .hero-media{
  height:750px;
}
body[data-page="yaris"] .product-hero-copy{
  text-shadow:0 2px 16px rgba(0,0,0,.55);
}
body[data-page="yaris"] .product-hero-copy p,
body[data-page="yaris"] .product-hero-copy .eyebrow{
  text-shadow:0 1px 10px rgba(0,0,0,.5);
}
body[data-page="veloz-cross"] .product-hero{
  min-height:750px;
  height:750px;
}
body[data-page="veloz-cross"] .product-hero .hero-media{
  height:750px;
}
body[data-page="yaris"] .site-header{
  margin:0;
  padding:0;
}
body[data-page="yaris"] .header-inner{
  height:72px;
}
body[data-page="yaris"] main{
  padding-top:0;
}
body[data-page="yaris"] .brand img{
  height:42px;
}
body[data-page="yaris"] .product-reasons .feature-grid{grid-template-columns:1.2fr .8fr}
body[data-page="yaris"] .product-reasons .feature-card:first-child{grid-row:1 / span 2}
body[data-page="yaris"] .yaris-gallery-duo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body[data-page="yaris"] .yaris-gallery-card{min-height:420px}
body[data-page="yaris"] .yaris-gallery-card img{
  object-fit:cover;
  object-position:center center;
  transform:scale(1.08);
}
body[data-page="yaris"] .yaris-gallery-card:first-child img{transform:scale(1.12)}
body[data-page="yaris"] .yaris-gallery-card:last-child img{transform:scale(1.1)}
body[data-page="yaris"] .yaris-tech-layout{grid-template-columns:minmax(0,1fr) 1.05fr;gap:24px}
body[data-page="yaris"] .yaris-finance-faq-grid{grid-template-columns:minmax(0,1fr) 1fr;gap:24px}
.gallery-open{overflow:hidden}
.gallery-modal[hidden]{display:none}
.gallery-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}
.gallery-backdrop{position:absolute;inset:0;background:rgba(4,3,2,.76);backdrop-filter:blur(12px)}
.gallery-dialog{position:relative;width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 40px);padding:14px;display:grid;gap:12px;border:1px solid rgba(212,175,55,.26)}
.gallery-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border:1px solid rgba(242,202,80,.5);background:rgba(20,17,10,.78);color:var(--gold-2);font-size:22px;cursor:pointer}
.gallery-modal-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-right:42px}
.gallery-modal-tabs button{border:1px solid rgba(212,175,55,.25);background:rgba(255,255,255,.03);color:var(--muted);padding:8px 11px;font-size:12px;font-weight:700;line-height:1.2;text-transform:none;letter-spacing:.02em;cursor:pointer;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.gallery-modal-tabs button.is-active{background:var(--gold-2);border-color:var(--gold-2);color:#241a00}
.gallery-main{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:start}
.gallery-stage{position:relative;overflow:hidden;border:1px solid rgba(212,175,55,.22);background:#080705}
.gallery-stage img{width:100%;height:58vh;object-fit:cover;object-position:center}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:48px;border:1px solid rgba(242,202,80,.45);background:rgba(8,7,5,.74);color:var(--gold-2);font-size:30px;cursor:pointer}
.gallery-prev{left:10px}.gallery-next{right:10px}
.gallery-thumbs{display:grid;gap:10px;max-height:58vh;overflow:auto;padding-right:2px}
.gallery-thumb{padding:0;border:1px solid rgba(212,175,55,.24);background:rgba(255,255,255,.02);cursor:pointer;border-radius:10px;overflow:hidden;opacity:.68}
.gallery-thumb.is-active{opacity:1;border-color:var(--gold-2);box-shadow:0 0 0 1px rgba(242,202,80,.3)}
.gallery-thumb img{display:block;width:100%;height:84px;object-fit:cover}
.gallery-caption h3{margin:0;font-size:18px}.gallery-caption p{margin:3px 0 0;font-size:13px;color:var(--muted)}

.flash-alert,.form-error{margin:14px auto 0;padding:12px 14px;border:1px solid rgba(255,180,171,.36);background:rgba(255,180,171,.08);color:#ffdad6;width:min(calc(100% - 64px),var(--container))}
.form-error{width:100%;margin:0 0 8px;display:none}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-visible{opacity:1;transform:none}
.floating-actions{position:fixed;right:18px;bottom:112px;z-index:60;display:grid;gap:16px}
.floating-actions a,.floating-actions button{
  min-height:80px;
  width:80px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  border:0;
  cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;
  animation:floatingPulse 2.6s ease-in-out infinite;
  border-radius:14px;
  box-shadow:0 12px 24px rgba(0,0,0,.24);
}
.floating-actions a:hover,.floating-actions button:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.35)}
.floating-pill{
  --pill-radius:14px;
  --orbit-gap:4px;
  --orbit-size:7px;
  --floating-phone-color:#1e1503;
  padding:9px 8px 8px;
  width:60px;
  min-height:60px;
  background:#f2ca50 !important;
  color:#1e1503 !important;
  position:relative;
  border:0 !important;
  outline:3px solid #fff !important;
  outline-offset:2px !important;
  border-radius:var(--pill-radius);
  box-shadow:0 12px 24px rgba(0,0,0,.24) !important;
}
.floating-call{
  padding:9px 8px 8px;
}
.floating-call-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:transparent;
  border:2px solid #fff;
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
}
.floating-call-icon::before{
  content:"";
  display:block;
  width:18px;
  height:18px;
  background-color:var(--floating-phone-color);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.8 3.8c.7-.6 2-.6 2.7.1l1.6 1.6c.7.7.8 1.9.2 2.7l-1 1.3a2 2 0 0 0 .2 2.7l1.9 1.9a2 2 0 0 0 2.7.2l1.3-1c.8-.6 2-.5 2.7.2l1.6 1.6c.7.7.7 2 .1 2.7-1.1 1.2-2.6 2-4.4 1.7-2.2-.4-4.8-2-7.5-4.7-2.7-2.7-4.3-5.3-4.7-7.5-.3-1.8.5-3.3 1.7-4.4Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.8 3.8c.7-.6 2-.6 2.7.1l1.6 1.6c.7.7.8 1.9.2 2.7l-1 1.3a2 2 0 0 0 .2 2.7l1.9 1.9a2 2 0 0 0 2.7.2l1.3-1c.8-.6 2-.5 2.7.2l1.6 1.6c.7.7.7 2 .1 2.7-1.1 1.2-2.6 2-4.4 1.7-2.2-.4-4.8-2-7.5-4.7-2.7-2.7-4.3-5.3-4.7-7.5-.3-1.8.5-3.3 1.7-4.4Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:18px 18px;
  mask-size:18px 18px;
}
.floating-text{white-space:nowrap;font-size:14px;line-height:1}
.floating-call-icon,.floating-icon-bubble{order:1}
.floating-call .floating-text,.floating-zalo .floating-text{order:2}
.floating-zalo{
  padding:9px 8px 8px;
  width:60px;
  min-height:60px;
}
.floating-pill{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    outline-color .22s ease,
    filter .22s ease;
}
.floating-pill:hover{
  transform:translateY(-4px) scale(1.04);
  outline-color:#fff7cf !important;
  box-shadow:0 18px 34px rgba(0,0,0,.36),0 0 18px rgba(255,255,255,.28) !important;
  filter:saturate(1.08) brightness(1.02);
}
.floating-pill:hover .floating-call-icon,
.floating-pill:hover .floating-icon-bubble{
  transform:scale(1.08);
  box-shadow:0 0 0 1px rgba(255,255,255,.55);
}
.floating-pill:hover .floating-text{
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}
  .floating-top{
  min-height:auto;
  width:auto;
  padding:0;
  background:transparent;
  color:#f2ca50;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  box-shadow:none;
  animation:none;
  border:0;
}
.floating-icon-bubble{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:transparent;
  border:2px solid #fff;
  font-size:19px;
  font-weight:900;
  color:#1e1503;
  font-family:"Be Vietnam Pro",Inter,Roboto,Arial,sans-serif;
}
.floating-pill::before,.floating-pill::after{
  content:"";
  position:absolute;
  width:var(--orbit-size);
  height:var(--orbit-size);
  border-radius:50%;
  background:#fff;
  z-index:2;
  top:0;
  left:0;
  offset-position:0 0;
  offset-anchor:center;
  offset-path:inset(calc(-1 * var(--orbit-gap)) round calc(var(--pill-radius) + var(--orbit-gap)));
  offset-rotate:0deg;
  animation:orbitBorder 3s linear infinite;
}
.floating-pill::after{
  animation-delay:-1.5s;
}
.floating-arrow{font-size:36px;line-height:1;color:#f2ca50}
.floating-top:hover{transform:translateY(-2px)}
.floating-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
@keyframes floatingPulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
@keyframes orbitBorder{
  from{offset-distance:0%}
  to{offset-distance:100%}
}

@media (max-width: 980px){
  .container,.header-inner{width:min(calc(100% - 28px),var(--container))}
  .site-header{background:rgba(10,8,5,.96)}
  .header-inner{height:64px;gap:12px}
  main{padding-top:0}
  .brand{min-width:auto}
  .brand img{height:36px}
  .brand-wordmark{font-size:24px}
  .main-nav{position:fixed;top:64px;left:0;right:0;display:none;grid-template-columns:1fr;background:rgba(10,8,6,.95);padding:18px 14px;border-bottom:1px solid var(--line);gap:12px}
  .main-nav a{font-size:16px;padding-bottom:0}
  .main-nav a.is-active::after{bottom:-6px;height:2px}
  .main-nav.is-open{display:grid}
  .menu-toggle{display:block}
  .header-actions .btn{display:none}
  .header-hotline-btn{display:none}
  .section{padding:58px 0}
  .home-hero{min-height:750px;align-items:end;padding-top:0}
  .home-hero-inner,.product-hero-inner,.product-two-col,.feature-grid,.home-car-grid,.lifestyle-grid,.finance-grid,.lead-panel,.trim-grid,.product-feature-layout,.noi_that .product-feature-layout,.an_toan .product-feature-layout,.gallery-preview-grid,.product-compare-grid,.form-row{grid-template-columns:1fr}
  .yaris-tech-layout{grid-template-columns:1fr;gap:24px}
  .veloz-color-caption{font-size:13px}
  .yaris-finance-faq-grid{grid-template-columns:1fr;gap:24px}
  .yaris-finance-card{padding:22px}
  .yaris-finance-card h3,.yaris-faq-card h3{font-size:28px;margin-bottom:14px}
  .yaris-finance-card p,.yaris-finance-group label,.yaris-finance-range,.yaris-term-picker button,.yaris-faq-list summary{font-size:16px}
  .yaris-faq-list summary{padding:14px 42px 14px 16px}
  .yaris-faq-list summary::after{right:16px}
  body[data-page="veloz-cross"] .faq-section .section-title h2{font-size:44px}
  body[data-page="veloz-cross"] .faq-list-veloz{gap:10px}
  body[data-page="veloz-cross"] .faq-list-veloz summary{font-size:16px;padding:16px 44px 16px 16px}
  body[data-page="veloz-cross"] .faq-list-veloz summary::after{right:14px}
  body[data-page="veloz-cross"] .faq-list-veloz p{padding:0 16px 14px;font-size:14px}
  .veloz-lead-wrap{grid-template-columns:1fr;gap:28px;padding:28px 20px;border-radius:12px}
  .veloz-lead-copy h2{font-size:52px}
  .veloz-lead-copy p{font-size:16px;margin:16px 0 20px}
  .veloz-lead-benefits li{font-size:24px;padding-left:34px}
  .veloz-lead-benefits li::before{width:22px;height:22px;background-size:13px 13px}
  .veloz-lead-form{gap:12px}
  .veloz-lead-form label{font-size:11px}
  .veloz-lead-form input,.veloz-lead-form select,.veloz-lead-form textarea{font-size:22px}
  .veloz-lead-form .btn{font-size:28px;min-height:58px}
  .veloz-lead-note{font-size:12px}
  .yaris-tech-left h3,.yaris-tech-right h3{font-size:26px}
  .yaris-tech-colors{gap:12px}
  .yaris-tech-colors i{width:40px;height:40px;border-radius:10px}
  .yaris-smart-grid{grid-template-columns:1fr;gap:28px}
  .yaris-smart-item h3{font-size:17px}
  .yaris-smart-item p{font-size:14px;max-width:600px}
  .gallery-main{grid-template-columns:1fr}
  .gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow:visible}
  .gallery-thumb img{height:64px}
  .yaris-gallery-duo-grid{grid-template-columns:1fr}
  .yaris-gallery-card{min-height:340px}
  .yaris-gallery-overlay{left:18px;right:18px;bottom:18px}
  .yaris-gallery-overlay h3{font-size:24px}
  .yaris-gallery-overlay p{font-size:14px;max-width:none}
  .yaris-companion-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .yaris-companion-grid .companion-card,
  .yaris-companion-grid .companion-card:nth-child(2),
  .yaris-companion-grid .companion-card:nth-child(3),
  .yaris-companion-grid .companion-card:nth-child(4),
  .companion-card-main{grid-column:auto}
  .companion-card-main,.companion-card{grid-row:auto;min-height:280px}
  .companion-overlay{left:20px;right:20px;bottom:18px}
  .companion-overlay h3{margin:0 0 10px;font-size:44px;color:var(--gold-2);line-height:1.12}
  .companion-overlay p,.companion-card-text p{margin:0;font-size:18px;line-height:1.45;color:#d5cab7;max-width:560px}
  .companion-card-text h3{margin:0 0 14px;font-size:50px;line-height:1.16}
  .companion-card-text{padding:42px 40px;display:flex;flex-direction:column;justify-content:center}
  body[data-page="yaris"] .companion-overlay h3{font-size:clamp(28px,8.4vw,40px)}
  body[data-page="yaris"] .companion-card-text h3{font-size:clamp(28px,8.2vw,38px)}
  body[data-page="yaris"] .yaris-companion-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:220px 180px;
    gap:12px;
  }
  body[data-page="yaris"] .yaris-companion-grid .companion-card-main{grid-column:1;grid-row:1}
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(2){grid-column:2;grid-row:1}
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(3){grid-column:1;grid-row:2}
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(4){grid-column:2;grid-row:2}
  body[data-page="yaris"] .companion-card-main,
  body[data-page="yaris"] .yaris-companion-grid .companion-card{min-height:0}
  body[data-page="yaris"] .companion-overlay{left:14px;right:14px;bottom:14px}
  body[data-page="yaris"] .companion-overlay h3{font-size:clamp(16px,5.2vw,22px)}
  body[data-page="yaris"] .companion-overlay p,
  body[data-page="yaris"] .companion-card-text p{font-size:11px;line-height:1.35}
  body[data-page="yaris"] .companion-card-text{padding:16px}
  body[data-page="yaris"] .companion-card-text h3{font-size:clamp(16px,5vw,22px)}
  body[data-page="yaris"] .yaris-pricing-layout{grid-template-columns:minmax(0,1fr) 152px;gap:12px}
  body[data-page="yaris"] .yaris-pricing-copy{padding:0}
  body[data-page="yaris"] .yaris-pricing-copy h2{font-size:clamp(24px,7vw,34px);max-width:none}
  body[data-page="yaris"] .yaris-pricing-copy p{font-size:11px;margin-top:10px}
  body[data-page="yaris"] .yaris-price-inline{margin-top:16px;flex-direction:column;align-items:flex-start;gap:8px}
  body[data-page="yaris"] .yaris-price-inline strong{font-size:clamp(20px,6vw,30px);white-space:normal}
  body[data-page="yaris"] .yaris-pricing-panel{min-width:0;padding:14px;overflow:hidden}
  body[data-page="yaris"] .yaris-pricing-panel h3{font-size:12px;margin-bottom:10px}
  body[data-page="yaris"] .yaris-pricing-fee-list p,
  body[data-page="yaris"] .yaris-pricing-total{font-size:11px}
  body[data-page="yaris"] .yaris-pricing-fee-list p{display:grid;grid-template-columns:1fr;gap:2px}
  body[data-page="yaris"] .yaris-pricing-fee-list strong,
  body[data-page="yaris"] .yaris-pricing-total strong{white-space:normal;overflow-wrap:anywhere;font-size:10px}
  body[data-page="yaris"] .yaris-pricing-total{display:grid;grid-template-columns:1fr;gap:3px;align-items:start}
  body[data-page="yaris"] .yaris-pricing-total strong{font-size:clamp(16px,4.5vw,20px)}
  body[data-page="yaris"] .yaris-pricing-panel .btn{min-height:40px;font-size:10px;line-height:1.15;white-space:normal}
  body[data-page="yaris"] .yaris-gallery-duo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body[data-page="yaris"] .yaris-gallery-card{min-height:180px}
  body[data-page="yaris"] .yaris-gallery-overlay{left:14px;right:14px;bottom:14px}
  body[data-page="yaris"] .yaris-gallery-overlay h3{font-size:16px}
  body[data-page="yaris"] .yaris-gallery-overlay p{font-size:11px}
  body[data-page="yaris"] .yaris-tech-layout{grid-template-columns:.95fr 1.05fr;gap:12px}
  body[data-page="yaris"] .yaris-tech-left h3,
  body[data-page="yaris"] .yaris-tech-right h3{font-size:18px;margin-bottom:10px}
  body[data-page="yaris"] .yaris-tech-colors{gap:8px;flex-wrap:wrap}
  body[data-page="yaris"] .yaris-color-btn{min-width:48px;font-size:8px}
  body[data-page="yaris"] .yaris-tech-colors i{width:28px;height:28px;border-radius:8px}
  body[data-page="yaris"] .yaris-tech-table th,
  body[data-page="yaris"] .yaris-tech-table td{padding:9px 8px;font-size:10px;white-space:normal}
  body[data-page="yaris"] .yaris-tech-brochure{min-height:42px;font-size:11px}
  body[data-page="yaris"] .yaris-finance-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body[data-page="yaris"] .yaris-finance-card{padding:14px}
  body[data-page="yaris"] .yaris-finance-card h3,
  body[data-page="yaris"] .yaris-faq-card h3{font-size:18px;margin-bottom:10px}
  body[data-page="yaris"] .yaris-finance-card p,
  body[data-page="yaris"] .yaris-finance-group label,
  body[data-page="yaris"] .yaris-finance-range,
  body[data-page="yaris"] .yaris-term-picker button,
  body[data-page="yaris"] .yaris-faq-list summary{font-size:11px}
  body[data-page="yaris"] .yaris-term-picker{gap:6px}
  body[data-page="yaris"] .yaris-term-picker button{min-height:34px}
  body[data-page="yaris"] .yaris-faq-list{gap:8px}
  body[data-page="yaris"] .yaris-faq-list summary{padding:10px 28px 10px 12px}
  body[data-page="yaris"] .yaris-faq-list summary::after{right:10px;font-size:14px}
  body[data-page="yaris"] .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
  body[data-page="yaris"] .site-footer .footer-grid h3,
  body[data-page="yaris"] .site-footer .footer-grid a,
  body[data-page="yaris"] .site-footer .footer-grid p{font-size:11px !important;line-height:1.35 !important}
  body[data-page="yaris"] .site-footer .footer-hotline{font-size:18px !important;line-height:1.1 !important;white-space:normal;overflow-wrap:anywhere}
  body[data-page="corolla-cross"] .product-lead-section{padding:42px 0 54px}
  .corolla-lead-wrap{
    width:100vw;
    margin-left:calc(50% - 50vw);
    min-height:560px;
    padding:20px 14px;
    border-radius:0;
  }
  .corolla-lead-form{
    width:min(100%,520px);
    padding:24px 20px 24px;
    gap:12px;
    border-radius:14px;
  }
  .corolla-lead-head h2{font-size:clamp(24px,7vw,34px)}
  .corolla-lead-head p{font-size:13px;max-width:none}
  .corolla-lead-form input,.corolla-lead-form select{min-height:44px;font-size:13px}
  .corolla-lead-form .btn{min-height:52px;font-size:13px}
  .product-hero-yaris .product-hero-inner{padding-top:42px;padding-bottom:48px}
  .product-hero-yaris .eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:10px}
  .product-hero-yaris .yaris-hero-title span,
  .product-hero-yaris .yaris-hero-title strong{font-size:clamp(40px,12vw,62px)}
  .product-hero-yaris .product-hero-copy p{font-size:17px;max-width:none;margin-bottom:24px}
  .product-hero-yaris .hero-actions .btn{min-width:unset;min-height:44px;font-size:11px}
  body[data-page="yaris"] .product-hero,
  body[data-page="yaris"] .product-hero .hero-media{
    height:470px;
    min-height:470px;
  }
  .product-hero-veloz .product-hero-inner{padding-top:42px;padding-bottom:48px}
  .product-hero-veloz .eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:10px}
  .product-hero-veloz .yaris-hero-title span,
  .product-hero-veloz .yaris-hero-title strong{font-size:clamp(40px,12vw,62px)}
  .product-hero-veloz .product-hero-copy p{font-size:17px;max-width:none;margin-bottom:24px}
  .product-hero-veloz .hero-actions .btn{min-width:unset;min-height:44px;font-size:11px}
  .product-hero-corolla .product-hero-inner{padding-top:42px;padding-bottom:48px}
  .product-hero-corolla .eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:10px}
  .product-hero-corolla .yaris-hero-title strong{font-size:clamp(40px,12vw,62px)}
  .product-hero-corolla .product-hero-copy p{font-size:17px;max-width:none;margin-bottom:24px}
  .product-hero-corolla .hero-actions .btn{min-width:unset;min-height:44px;font-size:11px}
  .corolla-reasons-grid{grid-template-columns:1fr}
  .corolla-reasons-grid .corolla-reason-card:nth-child(1),
  .corolla-reasons-grid .corolla-reason-card:nth-child(2),
  .corolla-reasons-grid .corolla-reason-card:nth-child(n+3){grid-column:span 1}
  .corolla-reason-card{padding:24px}
  .corolla-reason-card h3{font-size:34px}
  .corolla-reason-card p{font-size:20px}
  body[data-page="corolla-cross"] .product-reasons .section-title h2{font-size:44px}
  body[data-page="corolla-cross"] .product-pricing{padding-top:42px;padding-bottom:56px}
  body[data-page="corolla-cross"] .corolla-pricing-title h2{font-size:38px}
  body[data-page="corolla-cross"] .corolla-pricing-grid{grid-template-columns:1fr;gap:18px}
  body[data-page="corolla-cross"] .corolla-pricing-card{min-height:auto;padding:26px 22px 24px}
  body[data-page="corolla-cross"] .corolla-pricing-card.is-featured{padding-top:28px}
  body[data-page="corolla-cross"] .corolla-pricing-card h3{font-size:34px}
  body[data-page="corolla-cross"] .corolla-pricing-price{font-size:38px}
  body[data-page="corolla-cross"] .corolla-pricing-subtitle,
  body[data-page="corolla-cross"] .corolla-pricing-features li{font-size:15px}
  body[data-page="corolla-cross"] .corolla-showcase{padding-top:42px;padding-bottom:56px}
  body[data-page="corolla-cross"] .corolla-showcase-head{margin-bottom:22px}
  body[data-page="corolla-cross"] .corolla-showcase-head h2{font-size:30px}
  body[data-page="corolla-cross"] .corolla-showcase-head p{font-size:13px}
  body[data-page="corolla-cross"] .corolla-showcase-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}
  body[data-page="corolla-cross"] .corolla-showcase-main{grid-row:auto;min-height:300px}
  body[data-page="corolla-cross"] .corolla-showcase-side{min-height:210px}
  body[data-page="corolla-cross"] .corolla-showcase-overlay{left:16px;right:16px;bottom:14px;padding:14px}
  body[data-page="corolla-cross"] .corolla-showcase-overlay h3{font-size:18px}
  body[data-page="corolla-cross"] .corolla-showcase-overlay p{font-size:12px}
  body[data-page="corolla-cross"] .specs-section{padding-top:34px;padding-bottom:50px}
  body[data-page="corolla-cross"] .specs-section .container{width:min(calc(100% - 28px),1120px)}
  body[data-page="corolla-cross"] .corolla-color-layout{grid-template-columns:1fr;gap:24px}
  body[data-page="corolla-cross"] .corolla-color-visual{padding:0}
  body[data-page="corolla-cross"] .corolla-color-stage{aspect-ratio:1/1}
  body[data-page="corolla-cross"] .corolla-color-stage img{padding:0}
  body[data-page="corolla-cross"] .corolla-color-copy h2{font-size:30px;white-space:normal}
  body[data-page="corolla-cross"] .corolla-color-copy p{max-width:none;font-size:14px}
  body[data-page="corolla-cross"] .corolla-color-swatches{gap:12px;flex-wrap:wrap}
  body[data-page="corolla-cross"] .corolla-color-btn{width:38px;height:38px}
  body[data-page="corolla-cross"] .corolla-color-caption-box{margin-top:20px}
  body[data-page="corolla-cross"] .corolla-color-caption-box strong{font-size:17px}
  .product-hero-corolla{height:auto;min-height:640px}
  .veloz-reasons-grid{grid-template-columns:1fr}
  .veloz-reasons-grid{grid-template-rows:auto;grid-template-areas:"main" "top" "bottom"}
  .veloz-reason-main{min-height:360px}
  .veloz-reason-copy h3{font-size:30px}
  .veloz-reason-copy p{font-size:18px}
  .veloz-reasons-grid .veloz-reason-card:not(.veloz-reason-main){min-height:auto}
  .veloz-reasons-grid .veloz-reason-card:not(.veloz-reason-main) h3{font-size:26px}
  .veloz-reasons-grid .veloz-reason-card:not(.veloz-reason-main) p{font-size:15px}
  .veloz-finance-layout{grid-template-columns:1fr}
  .veloz-finance-left h2{font-size:38px}
  .veloz-finance-card h3{font-size:30px}
  .veloz-finance-result{flex-direction:column;align-items:flex-start}
  .veloz-finance-result strong{font-size:32px}
  .veloz-tss-grid{grid-template-columns:1fr 1fr}
  .veloz-tss-head h2{font-size:38px}
  .home-hero-inner{padding:30px 0 28px}
  .home-hero-copy h1{font-size:clamp(40px,12vw,62px);max-width:none}
  .home-hero-copy p{font-size:17px;max-width:none}
  .hero-actions{gap:10px}
  .hero-actions .btn{min-height:44px;padding:0 20px;font-size:11px}
  .hero-feature-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px;padding-top:16px}
  .product-subnav{top:64px}
  .product-spec-table{display:none}
  .spec-mobile-cards{display:grid;gap:10px}
  .spec-mobile-cards article{padding:12px}
  .spec-mobile-cards span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-2)}
  .spec-mobile-cards strong{display:block;margin-top:4px}
  .compare-table-wrap,.price-table-wrap{display:none}
  .compare-mobile,.price-mobile{display:grid;gap:12px}
  .timeline{grid-template-columns:1fr}
  .timeline::before{display:none}
  .timeline-step{text-align:left}
  .floating-actions{
    display:grid;
    right:10px;
    bottom:144px;
    gap:16px;
  }
  .floating-actions a,
  .floating-actions button{
    width:68px;
    min-width:68px;
    height:68px;
    min-height:68px;
    padding:8px 6px;
    font-size:11px;
  }
  .footer-bottom{display:grid}
  body[data-page="corolla-cross"] .product-overview{display:none}
  body[data-page="veloz-cross"] .product-overview,body[data-page="yaris"] .product-overview{display:block}
}

/* Home reference-specific additions */
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.benefit-card{
  padding:42px 46px;
  min-height:312px;
  border:1px solid rgba(232,193,70,.35);
  border-radius:2px;
  background:linear-gradient(180deg,rgba(12,10,7,.82),rgba(9,8,6,.86));
  box-shadow:none;
}
.benefit-icon{
  display:inline-block;
  width:34px;
  height:34px;
  margin-bottom:24px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}
.benefit-icon-badge{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.8 2.2 2 3-.5 1.3 2.8 3 .8-.3 3 2 2.2-2 2.2.3 3-3 .8-1.3 2.8-3-.5-2.2 2-2.2-2-3 .5-1.3-2.8-3-.8.3-3-2-2.2 2-2.2-.3-3 3-.8 1.3-2.8 3 .5z'/%3E%3Cpath d='m8.9 12.1 2 2 4.2-4.3'/%3E%3C/svg%3E")}
.benefit-icon-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f2ca50'%3E%3Cpath d='M12 2.4 20.2 5v6.4c0 5.5-3.5 8.9-8.2 10.2C7.3 20.3 3.8 16.9 3.8 11.4V5L12 2.4Zm0 3-4.9 1.6v4.4c0 3.8 2 6.3 4.9 7.5V5.4Z'/%3E%3C/svg%3E")}
.benefit-icon-diamond{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.2 7.2 4.8h9.6l4.2 5.4L12 20.2 3 10.2Z'/%3E%3Cpath d='M7.2 4.8 12 10.2l4.8-5.4M3 10.2h18'/%3E%3C/svg%3E")}
.benefit-card h3{
  margin:0 0 18px;
  font-size:24px;
  line-height:1.2;
  white-space:nowrap;
}
.benefit-card p{margin:0;color:#d0c8b7;font-size:15px;line-height:1.45;max-width:370px}
.pricing-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  padding-bottom:14px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(232,193,70,.16);
}
.pricing-head h2{margin:0;font-size:clamp(32px,2.8vw,46px);line-height:1.08;font-weight:800;letter-spacing:0}
.pricing-head span{font-size:12px;font-weight:700;color:#9f9684;letter-spacing:.11em}
.pricing-grid{display:grid;grid-template-columns:1.54fr .46fr;gap:22px}
.price-list{display:grid;gap:14px}
.price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 28px;
  border:1px solid rgba(232,193,70,.24);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(33,27,18,.78),rgba(24,20,14,.84));
}
.price-left{min-width:0;position:relative;padding-left:28px}
.price-left::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:11px;
  height:11px;
  border-radius:50%;
  background:rgba(121,109,85,.62);
  transform:translateY(-50%);
}
.price-tag{display:inline-flex;align-items:center;gap:8px;color:var(--gold-2);font-size:11px;font-weight:800;letter-spacing:.19em;line-height:1}
.price-tag::before{content:none}
.price-tag::after{content:none}
.price-row h3{
  margin:8px 0 0;
  font-size:30px;
  line-height:1.2;
  font-weight:700;
  display:flex;
  gap:16px;
  align-items:baseline;
  flex-wrap:nowrap;
  white-space:nowrap;
  position:relative;
}
.price-row h3 small{font-size:.78em;font-weight:500;color:#c5bca9;white-space:nowrap}
.price-row .price-value{display:grid;justify-items:end;gap:6px}
.price-value span{font-size:12px;color:#a79c86;letter-spacing:.06em;font-weight:700}
.price-row strong{font-size:28px;line-height:1;color:#e9e3d5;white-space:nowrap}
.price-row.is-highlight strong{color:var(--gold-2)}
.price-row strong em{font-style:normal;font-size:.45em;font-weight:600;color:#b4a88f}
.price-row b{display:inline-flex;padding:6px 10px;border:1px solid rgba(232,193,70,.32);border-radius:4px;color:#b9ab8f;font-size:10px;letter-spacing:.04em}
.price-row.is-highlight{
  border-color:rgba(232,193,70,.52);
  background:linear-gradient(180deg,rgba(54,49,38,.72),rgba(39,35,27,.84));
  box-shadow:0 0 0 1px rgba(232,193,70,.22),0 18px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,236,160,.12);
}
.price-row.is-highlight .price-left::before{background:var(--gold-2);box-shadow:0 0 6px rgba(242,202,80,.32)}
.price-row.is-highlight .price-tag::after{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:#bcc7ee;
  box-shadow:0 0 2px rgba(184,195,232,.28);
  margin-left:3px;
  transform:none;
}
.pricing-side{
  margin-top:-78px;
  padding:28px 24px 24px;
  border:1px solid rgba(232,193,70,.28);
  border-radius:0;
  background:
    linear-gradient(180deg,rgba(65,54,30,.34) 0%,rgba(31,26,18,.72) 28%,rgba(16,13,10,.96) 100%),
    linear-gradient(90deg,rgba(26,22,16,.92),rgba(40,33,20,.56),rgba(26,22,16,.92));
}
.pricing-side-line{display:block;width:70px;height:6px;background:var(--gold-2);margin-bottom:20px}
.pricing-side h3{margin:0 0 14px;font-size:28px;line-height:1.12}
.pricing-side>p{margin:0 0 22px;color:#c7bead;font-size:14px;line-height:1.45}
.pricing-side ul{margin:0;padding:0;list-style:none;display:grid;gap:16px}
.pricing-side li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}
.pricing-side li i{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(232,193,70,.45);
  border-radius:50%;
  margin-top:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:19px 19px;
  background-color:rgba(242,202,80,.05);
  box-shadow:inset 0 0 14px rgba(242,202,80,.08);
}
.pricing-side li strong{display:block;font-size:15px;color:#ece4d4}
.pricing-side li span{display:block;font-size:12px;color:#b8af9d;line-height:1.38;margin-top:2px}
.pricing-side .btn{
  margin-top:22px;
  min-height:54px;
  width:100%;
  font-size:15px;
  letter-spacing:.09em;
  white-space:nowrap;
  text-transform:uppercase;
}

@media (max-width:1200px){
  .pricing-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  }
  .pricing-grid > *{
    min-width:0;
  }
  .pricing-side .btn{
    white-space:normal;
  }
}

.priv-icon-shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 18.5 5.7v5c0 4.3-2.7 7-6.5 8-3.8-1-6.5-3.7-6.5-8v-5L12 3.5Z'/%3E%3Cpath d='m9.5 12 1.8 1.8 3.4-3.5'/%3E%3C/svg%3E")}
.priv-icon-support{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 1 15 0'/%3E%3Crect x='3.5' y='11' width='4' height='5.5' rx='1.5'/%3E%3Crect x='16.5' y='11' width='4' height='5.5' rx='1.5'/%3E%3Cpath d='M12 18.5c-1.8 0-3-.5-3-1.4 0-1 .9-1.4 3-1.4s3 .4 3 1.4c0 .9-1.2 1.4-3 1.4Z'/%3E%3C/svg%3E")}
.priv-icon-spark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 1.3 3.7L17 8l-3.7 1.3L12 13l-1.3-3.7L7 8l3.7-1.3L12 3Z'/%3E%3Cpath d='m18.5 13.5.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8.8-2.2Z'/%3E%3C/svg%3E")}
.priv-icon-rate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7v10h16'/%3E%3Cpath d='m7.5 10.5 3.2 3.2 2.7-2.7 3.1 3.1'/%3E%3Cpath d='M15 11h3.5v3.5'/%3E%3C/svg%3E")}

@media (max-width:980px){
  .benefit-grid,.pricing-grid{grid-template-columns:1fr}
  .pricing-head{align-items:flex-start;gap:10px;flex-direction:column}
  .pricing-head h2{font-size:36px}
  .pricing-side{margin-top:0}
  .price-row{padding:18px 16px;align-items:flex-start;flex-direction:column}
  .price-row h3{font-size:38px}
  .price-row .price-value{justify-items:start}
  .price-row strong{font-size:42px}
  .pricing-side h3{font-size:34px}
  .price-row .price-value{justify-items:start}
  .price-row{flex-direction:column;align-items:flex-start}
}

/* Finance block closer to reference */
.finance-section{padding:64px 0 !important}
.finance-simple-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:stretch}
.finance-copy h2{margin:6px 0 34px;font-size:clamp(32px,2.8vw,46px);line-height:1.08;font-weight:800;max-width:760px;letter-spacing:0}
.finance-title-line{display:block;white-space:nowrap}
.finance-benefits-list{margin:0;padding:0;list-style:none;display:grid;gap:22px;max-width:620px}
.finance-benefits-list li{display:flex;gap:14px;align-items:center}
.finance-icon{display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:center;background-size:26px 26px;margin-top:0}
.finance-icon-percent{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M19 5 5 19'/%3E%3Ccircle cx='7.5' cy='7.5' r='2'/%3E%3Ccircle cx='16.5' cy='16.5' r='2'/%3E%3C/svg%3E")}
.finance-icon-clock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.4-5.7'/%3E%3Cpath d='M3 5v4h4'/%3E%3Cpath d='M12 8v4l2.6 1.7'/%3E%3C/svg%3E")}
.finance-icon-pen{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2ca50' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5a7.5 7.5 0 0 1 15 0'/%3E%3Cpath d='M12 16.5 16.2 10'/%3E%3Ccircle cx='12' cy='16.5' r='1.2' fill='%23f2ca50' stroke='none'/%3E%3C/svg%3E")}
.finance-benefits-list strong{display:block;font-size:18px;line-height:1.25;font-weight:700}
.finance-benefits-list p{margin:4px 0 0;color:#bfb7a9;font-size:15px;line-height:1.35}
.finance-mini-card{padding:34px 48px 30px;border:1px solid rgba(242,202,80,.78) !important;border-radius:0 !important;background:linear-gradient(90deg,rgba(28,23,16,.95),rgba(36,31,24,.88)) !important;box-shadow:none !important;min-height:auto}
.finance-mini-card{max-width:560px;width:100%;margin:0 auto}
.finance-mini-card{height:100%;display:flex;flex-direction:column}
.finance-mini-card h3{margin:0 0 26px;font-size:22px;font-weight:700}
.mini-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(242,202,80,.16)}
.mini-row label{display:block;color:#9e947f;font-size:14px;font-weight:700;letter-spacing:.02em}
.mini-row select{width:100%;margin-top:8px;height:48px;padding:0 14px;background:rgba(24,20,13,.65);border:1px solid rgba(242,202,80,.24);color:#ddd5c7;font-size:15px;font-weight:600;outline:none}
.mini-row select:focus{border-color:rgba(242,202,80,.65)}
.mini-result-label{margin:0 0 8px;color:#9d9484;font-size:13px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.mini-result-value{margin:0 0 24px;font-size:18px;color:var(--gold-2);font-weight:800;display:flex;align-items:flex-end;gap:8px;white-space:nowrap}
.mini-result-value strong{font-size:30px;line-height:1;letter-spacing:0;white-space:nowrap}
.mini-cta{width:100%;min-height:54px;font-size:13px;letter-spacing:.12em}
.mini-hidden-controls{display:none !important}

.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:auto -40% 0 auto;width:38%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(180%);transition:transform .45s ease}
.btn:hover::after{transform:translateX(-260%)}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 0 26px rgba(212,175,55,.38)}
.btn-outline:hover{border-color:var(--gold-2);box-shadow:0 0 16px rgba(212,175,55,.22)}

@media (max-width:980px){
  .finance-simple-grid{grid-template-columns:1fr}
  .finance-copy h2{font-size:38px;max-width:none}
  .mini-row{grid-template-columns:1fr}
  .mini-result-value strong{font-size:42px}
}

/* Text color normalization: keep yellow accents, force all other text to pure white */
:root{
  --muted:#ffffff;
}

body,
p, li, span, label, a, small, strong, em, th, td, summary, h1, h2, h3, h4, h5, h6,
input, select, textarea, button{
  color:#ffffff;
}

.eyebrow,
.hero-pill,
.price-tag,
.spec-table th,
.main-nav a.is-active,
.main-nav a:hover,
.hotline,
.footer-grid h3,
.footer-brand,
.footer-hotline,
.btn-outline,
.section-title .eyebrow{
  color:var(--gold-2) !important;
}

/* Force descriptions and menu text to pure white */
.main-nav a,
.product-subnav a{
  color:#ffffff !important;
}

p,
.section-title p,
.home-car-body p,
.feature-copy p,
.companion-overlay p,
.companion-card-text p,
.yaris-smart-item p,
.pricing-side > p,
.pricing-side li span,
.finance-benefits-list p,
.yaris-faq-list p{
  color:#ffffff !important;
}

/* Gold button hover visibility */
.btn-gold:hover,
.btn-gold:hover span,
.btn-gold:hover strong{
  color:#ffffff !important;
}
.header-hotline-btn span,
.header-hotline-btn strong,
.header-hotline-btn:hover span,
.header-hotline-btn:hover strong{
  color:#2f2300 !important;
}

/* Corolla section separators */
body[data-page="corolla-cross"] .section,
body[data-page="corolla-cross"] .lead-zone{
  position:relative;
  padding-top:50px;
  padding-bottom:50px;
}
body[data-page="corolla-cross"] .section::before,
body[data-page="corolla-cross"] .section::after,
body[data-page="corolla-cross"] .lead-zone::before,
body[data-page="corolla-cross"] .lead-zone::after{
  content:"";
  display:block;
  position:absolute;
  left:120px;
  right:120px;
  height:1px;
  background:linear-gradient(90deg,rgba(232,193,70,0) 0%,rgba(232,193,70,.28) 18%,rgba(246,214,98,.95) 50%,rgba(232,193,70,.28) 82%,rgba(232,193,70,0) 100%);
  pointer-events:none;
}
body[data-page="corolla-cross"] .section::before,
body[data-page="corolla-cross"] .lead-zone::before{top:0}
body[data-page="corolla-cross"] .section::after,
body[data-page="corolla-cross"] .lead-zone::after{bottom:0}

@media (max-width:980px){
  body[data-page="corolla-cross"] .section::before,
  body[data-page="corolla-cross"] .section::after,
  body[data-page="corolla-cross"] .lead-zone::before,
  body[data-page="corolla-cross"] .lead-zone::after{
    left:28px;
    right:28px;
  }
}

body[data-page="corolla-cross"] .product-lead-section{
  padding-top:0;
  padding-bottom:0;
}
body[data-page="corolla-cross"] .product-lead-section::before,
body[data-page="corolla-cross"] .product-lead-section::after{
  z-index:2;
}
body[data-page="corolla-cross"] .product-lead-section .corolla-lead-wrap{
  min-height:760px;
  padding-top:70px;
  padding-bottom:70px;
}

@media (max-width:980px){
  body[data-page="corolla-cross"] .product-lead-section .corolla-lead-wrap{
    min-height:620px;
    padding-top:42px;
    padding-bottom:42px;
  }
}

/* Veloz layout refinements to match showroom reference */
body[data-page="veloz-cross"] .section-title-veloz h2{font-size:clamp(26px,2.1vw,38px);letter-spacing:.03em}
body[data-page="veloz-cross"] .veloz-reasons-grid .veloz-reason-card:not(.veloz-reason-main) h3{font-size:42px;line-height:1.08}
body[data-page="veloz-cross"] .veloz-reason-copy h3{font-size:44px}
body[data-page="veloz-cross"] .veloz-finance-left h2{font-size:44px;line-height:1.1}
body[data-page="veloz-cross"] .veloz-tss-head h2{font-size:42px}
body[data-page="veloz-cross"] .veloz-design-head h2{font-size:44px;line-height:1.08}
body[data-page="veloz-cross"] .veloz-design-main{height:420px}
body[data-page="veloz-cross"] .veloz-design-side{height:200px}
body[data-page="veloz-cross"] .yaris-tech-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
body[data-page="veloz-cross"] .yaris-tech-left h3,
body[data-page="veloz-cross"] .yaris-tech-right h3{font-size:40px;line-height:1.08}
body[data-page="veloz-cross"] .yaris-tech-colors{margin-top:18px}
body[data-page="veloz-cross"] .yaris-color-btn{padding:0;border:0;background:none}
body[data-page="veloz-cross"] .yaris-color-btn span{font-size:12px;letter-spacing:.04em}
body[data-page="veloz-cross"] .yaris-tech-table th,
body[data-page="veloz-cross"] .yaris-tech-table td{font-size:14px}
body[data-page="veloz-cross"] .yaris-tech-table{height:100%}
body[data-page="veloz-cross"] .yaris-tech-right{display:flex;flex-direction:column}
body[data-page="veloz-cross"] .yaris-tech-right .yaris-tech-brochure{margin-top:14px}
body[data-page="veloz-cross"] .faq-section .section-title{
  margin:0 auto 28px;
  text-align:center;
  width:100%;
  max-width:860px;
}
body[data-page="veloz-cross"] .faq-section .section-title h2{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
body[data-page="veloz-cross"] .veloz-finance-card{
  min-height:470px;
  padding:24px 28px;
}
body[data-page="veloz-cross"] .veloz-finance-card h3{margin-bottom:14px}
body[data-page="veloz-cross"] .veloz-finance-group{margin-bottom:18px}
body[data-page="veloz-cross"] .veloz-finance-result{
  margin:6px 0 10px;
  gap:10px;
}
body[data-page="veloz-cross"] .veloz-finance-result strong{
  white-space:nowrap;
  font-size:26px;
  line-height:1.2;
}
body[data-page="veloz-cross"] .veloz-finance-card .btn{min-height:50px}

@media (max-width:980px){
  body[data-page="veloz-cross"] .section{padding:38px 0}
  body[data-page="veloz-cross"] .product-hero{min-height:560px;height:560px}
  body[data-page="veloz-cross"] .product-hero .hero-media{height:560px}
  body[data-page="veloz-cross"] .product-hero-copy h1{font-size:clamp(42px,12vw,68px)}
  body[data-page="veloz-cross"] .section-title-veloz h2{font-size:36px;line-height:1.15}
  body[data-page="veloz-cross"] .veloz-reason-main{min-height:320px}
  body[data-page="veloz-cross"] .veloz-reason-copy{left:16px;right:16px;bottom:14px}
  body[data-page="veloz-cross"] .veloz-reason-copy h3{font-size:28px}
  body[data-page="veloz-cross"] .veloz-reason-copy p{font-size:13px}
  body[data-page="veloz-cross"] .veloz-reasons-grid .veloz-reason-card:not(.veloz-reason-main){padding:18px 16px;min-height:unset}
  body[data-page="veloz-cross"] .veloz-reasons-grid .veloz-reason-card:not(.veloz-reason-main) h3{font-size:30px}
  body[data-page="veloz-cross"] .veloz-design-head{flex-direction:column;align-items:flex-start}
  body[data-page="veloz-cross"] .veloz-design-head h2{font-size:34px}
  body[data-page="veloz-cross"] .veloz-design-grid.is-active{grid-template-columns:1fr}
  body[data-page="veloz-cross"] .veloz-design-main,
  body[data-page="veloz-cross"] .veloz-design-side{height:220px}
  body[data-page="veloz-cross"] .veloz-design-overlay h3{font-size:18px}
  body[data-page="veloz-cross"] .veloz-tss-head h2{font-size:34px}
  body[data-page="veloz-cross"] .veloz-tss-grid{grid-template-columns:1fr 1fr;gap:10px}
  body[data-page="veloz-cross"] .veloz-tss-card{min-height:170px;padding:12px}
  body[data-page="veloz-cross"] .veloz-tss-card h3{font-size:14px}
  body[data-page="veloz-cross"] .veloz-tss-card p{font-size:11px}
  body[data-page="veloz-cross"] .veloz-finance-left h2{font-size:34px}
  body[data-page="veloz-cross"] .veloz-trim-option{padding:16px;min-height:110px}
  body[data-page="veloz-cross"] .veloz-trim-option h3{font-size:17px}
  body[data-page="veloz-cross"] .veloz-trim-option strong{font-size:24px}
  body[data-page="veloz-cross"] .veloz-trim-option .btn{font-size:14px;min-height:38px}
  body[data-page="veloz-cross"] .veloz-finance-card{padding:18px;min-height:unset}
  body[data-page="veloz-cross"] .veloz-finance-card h3{font-size:24px}
  body[data-page="veloz-cross"] .veloz-finance-result p{font-size:14px}
  body[data-page="veloz-cross"] .veloz-finance-result strong{font-size:24px}
  body[data-page="veloz-cross"] .veloz-finance-result strong{white-space:nowrap}
  body[data-page="veloz-cross"] .yaris-tech-layout{grid-template-columns:1fr;gap:20px}
  body[data-page="veloz-cross"] .yaris-tech-left h3,
  body[data-page="veloz-cross"] .yaris-tech-right h3{font-size:32px}
  body[data-page="veloz-cross"] .yaris-tech-table th,
  body[data-page="veloz-cross"] .yaris-tech-table td{font-size:12px}
  body[data-page="veloz-cross"] .veloz-lead-wrap{padding:24px 16px;border-radius:10px}
  body[data-page="veloz-cross"] .veloz-lead-copy h2{font-size:44px}
  body[data-page="veloz-cross"] .veloz-lead-benefits li{font-size:17px}
  body[data-page="veloz-cross"] .veloz-lead-form input,
  body[data-page="veloz-cross"] .veloz-lead-form select,
  body[data-page="veloz-cross"] .veloz-lead-form textarea{font-size:16px}
  body[data-page="veloz-cross"] .veloz-lead-form .btn{font-size:16px;min-height:48px}
}







/* corolla-cross reference redesign */
body[data-page="corolla-cross"]{
  background:#0e0c08;
  color:#f1e7d8;
}
body[data-page="corolla-cross"] .product-hero-corolla{
  min-height:750px;
  height:750px;
}
body[data-page="corolla-cross"] .product-hero-corolla .yaris-hero-title span{
  display:block;
  font-size:clamp(52px,5.2vw,78px);
  line-height:.96;
  color:#f1ece2;
  font-weight:800;
}
body[data-page="corolla-cross"] .product-hero-corolla .yaris-hero-title strong{
  display:block;
  font-size:clamp(38px,3.2vw,54px);
  line-height:1.02;
  color:#ebc74d;
  font-weight:800;
}
body[data-page="corolla-cross"] .product-hero-corolla .product-hero-copy p{
  font-size:17px;
  line-height:1.42;
  max-width:760px;
  margin:0 auto 28px;
}
body[data-page="corolla-cross"] .product-hero-corolla .hero-actions .btn{
  min-height:48px;
}
body[data-page="corolla-cross"] .container{width:min(calc(100% - 44px),1120px)}
body[data-page="corolla-cross"] .site-header{
  background:rgba(7,7,7,.9);
  border-bottom:1px solid rgba(242,202,80,.2);
}
.cc-ref-hero{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.cc-ref-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cc-ref-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.72))}
.cc-ref-hero-content{position:relative;z-index:2;text-align:center;padding-top:68px}
.cc-ref-kicker{display:block;color:#ebc74d;text-transform:uppercase;font-size:10px;letter-spacing:.2em;font-weight:700}
.cc-ref-hero h1{margin:10px 0 10px;font-size:52px;line-height:.96}
.cc-ref-hero p{margin:0 auto;max-width:600px;color:#ddd2bf;font-size:15px}
.cc-ref-actions{margin-top:24px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cc-ref-actions .btn{min-height:42px;padding:0 20px;font-size:11px}
.cc-ref-section{padding:48px 0;border-top:1px solid rgba(242,202,80,.09)}
.cc-ref-section h2{margin:0 0 20px;text-align:center;font-size:42px;line-height:1.05;color:#f1e8da}
.cc-ref-side-tools{position:absolute;right:16px;top:72px;display:grid;gap:8px}
.cc-ref-side-tools span{
  width:54px;
  height:54px;
  border-radius:10px;
  background:#ebc74d;
  color:#1f1500;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:28px;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
}
.cc-ref-why-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.cc-ref-why-grid .cc-ref-card:nth-child(1),
.cc-ref-why-grid .cc-ref-card:nth-child(2){grid-column:span 3}
.cc-ref-why-grid .cc-ref-card:nth-child(n+3){grid-column:span 2}
.cc-ref-why .container{position:relative}
.cc-ref-card{background:#18140e;border:1px solid rgba(242,202,80,.18);padding:16px}
.cc-ref-icon{
  display:inline-grid;
  place-items:center;
  width:46px;
  height:46px;
  border:2px solid #ebc74d;
  border-radius:10px;
  color:#ffd95f;
  font-size:24px;
  line-height:1;
  margin-bottom:14px;
  background:rgba(235,199,77,.08);
}
.cc-ref-card h3{margin:0 0 6px;font-size:28px;line-height:1.06}
.cc-ref-card p{margin:0;color:#c9bca6;font-size:12px;line-height:1.45}
.cc-ref-pricing{background:#131008}
.cc-ref-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cc-ref-price-card{position:relative;border:1px solid rgba(242,202,80,.2);background:linear-gradient(180deg,#1a1610,#13100b);padding:24px}
.cc-ref-price-card.is-active{border-color:#ebc74d;box-shadow:0 0 0 1px rgba(235,199,77,.35) inset}
.cc-ref-badge{position:absolute;top:0;right:0;background:#ebc74d;color:#2f2200;padding:6px 10px;font-size:10px;font-weight:700}
.cc-ref-sub{margin:0 0 8px;color:#b7ab95;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.cc-ref-price-card h3{margin:0;font-size:40px;line-height:.95}
.cc-ref-price-note{
  margin:10px 0 0;
  color:#9e927d;
  font-size:13px;
  line-height:1.35;
}
.cc-ref-price-card strong{display:block;margin:18px 0;color:#ebc74d;font-size:48px}
.cc-ref-price-card ul{margin:0 0 16px;padding-left:16px;color:#d5c8b2;font-size:13px}
.cc-ref-price-card ul{list-style:none;padding-left:0;display:grid;gap:10px}
.cc-ref-price-card ul li{
  position:relative;
  padding-left:34px;
}
.cc-ref-price-card ul li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  width:22px;
  height:22px;
  border:2px solid #f2ca50;
  border-radius:50%;
  color:#f2ca50;
  font-size:13px;
  font-weight:900;
  line-height:18px;
  text-align:center;
  box-sizing:border-box;
}
.cc-ref-price-card .btn{width:100%}
.cc-ref-center-sub{margin:-6px 0 20px;text-align:center;color:#b9ad98;font-size:13px}
.cc-ref-design-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;grid-template-rows:220px 220px}
.cc-ref-design-grid .cc-ref-big{grid-row:1 / span 2}
.cc-ref-design-card{
  position:relative;
  margin:0;
  padding:0;
  border:1px solid rgba(242,202,80,.28);
  border-radius:12px;
  overflow:hidden;
  background:#0d0b08;
  cursor:pointer;
  box-shadow:0 0 0 1px rgba(242,202,80,.06) inset,0 0 16px rgba(242,202,80,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cc-ref-design-card:hover{
  transform:translateY(-2px);
  border-color:rgba(242,202,80,.72);
  box-shadow:0 0 0 1px rgba(242,202,80,.2) inset,0 0 26px rgba(242,202,80,.22),0 12px 30px rgba(0,0,0,.35);
}
.cc-ref-design-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.cc-ref-design-card:hover img{transform:scale(1.03)}
.cc-ref-caption{
  position:absolute;left:14px;bottom:14px;font-size:13px;color:#fff;
  background:rgba(0,0,0,.46);padding:8px 10px;border:1px solid rgba(242,202,80,.34);border-radius:6px
}
.cc-ref-colors{background:#17130d}
.cc-ref-color-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}
.cc-ref-color-car{
  position:relative;
  border:1px solid rgba(242,202,80,.48);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 34%, rgba(202,224,237,.38) 0%, rgba(56,75,88,.45) 28%, rgba(10,17,25,.96) 72%),
    linear-gradient(180deg,#071017 0%,#071017 100%);
  padding:0;
  overflow:hidden;
  box-shadow:
    0 0 0 1px rgba(242,202,80,.2) inset,
    0 0 28px rgba(242,202,80,.34),
    0 0 74px rgba(242,202,80,.18);
}
.cc-ref-color-car img{
  max-height:540px;
  object-fit:cover;
}
.cc-ref-color-car::after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  bottom:8%;
  height:14%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(184,214,226,.45) 0%,rgba(70,95,110,.25) 38%,rgba(0,0,0,0) 74%);
  filter:blur(10px);
  pointer-events:none;
}
.cc-ref-color-car img{
  position:relative;
  z-index:1;
  width:100%;
  display:block;
}
.cc-ref-color-copy h2{
  text-align:left;
  margin:0 0 12px;
  font-size:34px;
  line-height:1;
  letter-spacing:-.005em;
  white-space:nowrap;
  color:#f1e9dc;
}
.cc-ref-color-copy p{
  margin:0 0 14px;
  color:#d4c8b2;
  font-size:15px;
  line-height:1.45;
  max-width:430px;
}
.cc-ref-color-current{
  margin-top:14px;
  border:1px solid rgba(242,202,80,.2);
  background:rgba(18,15,11,.45);
  padding:14px 16px;
}
.cc-ref-color-current small{
  display:block;
  color:#b99a42;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
  font-weight:700;
}
.cc-ref-color-current strong{
  display:block;
  margin-top:6px;
  font-size:22px;
  color:#efe7d8;
  line-height:1.2;
}
.cc-ref-color-cta{
  margin-top:12px;
  min-height:44px;
  width:100%;
  font-size:13px;
  letter-spacing:.03em;
}
.cc-ref-swatches{
  margin:8px 0 14px;
  gap:14px;
  display:flex;
}
.cc-ref-swatch{
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.35);
  background:transparent;
  padding:4px;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 1px 4px rgba(0,0,0,.28);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease;
}
.cc-ref-swatch > span{
  width:100% !important;
  height:100% !important;
  display:block;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.25);
}
.cc-ref-swatch:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.55);
  filter:brightness(1.06);
}
.cc-ref-swatch.is-active{
  border-color:#f2ca50;
  box-shadow:0 0 0 2px rgba(242,202,80,.55), 0 0 0 4px rgba(255,255,255,.18), 0 4px 10px rgba(0,0,0,.3);
  filter:brightness(1.08);
}
/* removed legacy swatch sizing rules that conflicted with .cc-ref-swatch */
/* compare table now reuses Yaris benchmark table styles */
.cc-ref-lead{background:linear-gradient(180deg,rgba(11,10,7,.82),rgba(11,10,7,.92)),url("../images/cars/corolla-cross-ngoai-that-dau-xe.png") center/cover no-repeat}
.cc-ref-lead{
  min-height:520px;
  display:flex;
  align-items:center;
}
.cc-ref-lead-box{width:min(100%,620px);margin:0 auto;padding:28px;border:1px solid rgba(242,202,80,.2);background:rgba(24,20,14,.82)}
.cc-ref-lead-box h2{font-size:38px;margin-bottom:10px}
.cc-ref-lead-box p{margin:0 0 16px;color:#cdbfa7;text-align:center}
.cc-ref-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-ref-form select,.cc-ref-form button{grid-column:1 / -1}
body[data-page="corolla-cross"] .cc-ref-form input,
body[data-page="corolla-cross"] .cc-ref-form select{
  border:1px solid rgba(242,202,80,.24);
  background:rgba(18,16,12,.86);
  color:#e8dfce;
  min-height:40px;
}
body[data-page="corolla-cross"] .cc-ref-form .btn{min-height:44px;font-size:12px}
@media (max-width: 900px){
  body[data-page="corolla-cross"] .product-hero-corolla{min-height:560px;height:560px}
  body[data-page="corolla-cross"] .product-hero-corolla .yaris-hero-title span{font-size:clamp(40px,11vw,58px)}
  body[data-page="corolla-cross"] .product-hero-corolla .yaris-hero-title strong{font-size:clamp(30px,8vw,40px)}
  .cc-ref-hero h1{font-size:44px}
  .cc-ref-section h2{font-size:24px}
  .cc-ref-side-tools{right:8px;top:54px}
  .cc-ref-side-tools span{width:42px;height:42px;font-size:22px}
  .cc-ref-why-grid{grid-template-columns:1fr 1fr}
  .cc-ref-why-grid .cc-ref-card:nth-child(1),
  .cc-ref-why-grid .cc-ref-card:nth-child(2),
  .cc-ref-why-grid .cc-ref-card:nth-child(n+3){grid-column:auto}
  .cc-ref-card h3{font-size:14px}
  .cc-ref-price-card h3{font-size:20px}
  .cc-ref-price-card strong{font-size:16px}
  .cc-ref-color-copy h2{font-size:32px;white-space:normal}
  .cc-ref-color-copy p{font-size:14px}
  .cc-ref-swatch{width:36px;height:36px;border-radius:10px;padding:4px}
  .cc-ref-swatch > span{border-radius:8px}
  .cc-ref-color-current strong{font-size:24px}
  .cc-ref-color-cta{min-height:46px;font-size:14px}
  .cc-ref-color-car img{max-height:420px}
  .cc-ref-lead{min-height:460px}
  .cc-ref-price-grid{grid-template-columns:1fr}
  .cc-ref-design-grid{grid-template-columns:1fr}
  .cc-ref-design-grid .cc-ref-big{grid-row:auto}
  .cc-ref-color-layout{grid-template-columns:1fr}
  .cc-ref-form{grid-template-columns:1fr}
}

/* ==================================================
   MOBILE RESPONSIVE POLISH
   ================================================== */

.mobile-car-nav{
  display:none;
  width:100%;
  align-items:center;
  justify-content:center;
  gap:0;
  white-space:nowrap;
}
.mobile-car-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 4px 7px;
  border-bottom:1px solid rgba(212,175,55,.08);
  color:#fff
  font-size:12px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.02em;
  white-space:nowrap;
}
.mobile-car-nav a.is-active{
  color:var(--gold-2);
  border-bottom-color:var(--gold-2);
}

@media (max-width:980px){
  .container,.header-inner{
    width:min(calc(100% - 24px),var(--container));
  }
  .site-header{
    background:rgba(7,6,4,.94);
    border-bottom:1px solid rgba(242,202,80,.18);
    backdrop-filter:blur(18px);
  }
  .header-inner{
    height:auto;
    display:flex;
    gap:10px;
    justify-content:space-between;
    align-items:center;
    padding:10px 0 8px;
    position:relative;
  }
  .brand{
    min-width:0;
    flex:0 0 auto;
    position:relative;
    z-index:2;
  }
  .brand img{
    height:32px;
    max-height:32px;
  }
  .brand-wordmark{
    font-size:17px;
    line-height:1;
    text-align:left;
  }
  .main-nav,
  .header-actions,
  .menu-toggle,
  .header-hotline-btn{
    display:none !important;
  }
  .mobile-car-nav{
    display:flex;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    width:auto;
    flex:1 1 auto;
    min-width:0;
    max-width:none;
    justify-content:space-between;
    align-items:center;
    position:relative;
    z-index:2;
  }
  .mobile-car-nav a{
    flex:1 1 0;
    min-width:0;
    min-height:38px;
    padding:7px 4px 8px;
    font-size:clamp(10px,2.8vw,13px);
    text-align:center;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
  }
  .section{
    padding:56px 0;
  }
  body::before{
    opacity:.28;
  }
  .home-hero{
    min-height:660px;
    align-items:end;
  }
  body[data-page="home"] .home-hero{
    align-items:start;
  }
  body[data-page="home"] .home-hero-inner{
    padding:70px 0 18px;
  }
  .home-hero-copy{
    max-width:560px;
  }
  .home-hero-copy h1{
    font-size:clamp(34px,10vw,48px);
    line-height:1.04;
    max-width:12ch;
  }
  .home-hero-copy p{
    font-size:15px;
    line-height:1.45;
    max-width:36rem;
  }
  body[data-page="home"] .hero-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-width:none;
    width:100%;
    margin-top:18px;
  }
  body[data-page="home"] .hero-actions .btn{
    width:100%;
    min-height:46px;
    padding:0 10px;
    font-size:10px;
    line-height:1.1;
    letter-spacing:.04em;
    white-space:normal;
  }
  body[data-page="home"] .hero-feature-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:16px;
    padding-top:14px;
  }
  body[data-page="home"] .hero-feature-row span{
    min-height:42px;
    padding:8px 4px;
    border:1px solid rgba(212,175,55,.16);
    border-radius:6px;
    background:rgba(255,255,255,.03);
    font-size:9px;
    line-height:1.1;
    justify-content:center;
    text-align:center;
    white-space:nowrap;
    gap:5px;
  }
  body[data-page="home"] .hero-feature-row .icon{
    width:18px;
    height:18px;
  }
  .home-car-grid,.lifestyle-grid{
    gap:12px;
  }
  .home-car-card,.lifestyle-card{
    border-radius:8px;
  }
  .home-car-card img{
    height:auto;
    aspect-ratio:16/10;
    object-fit:cover;
  }
  .home-car-body{
    padding:14px 14px 16px;
  }
  .home-car-body h3{
    font-size:24px;
  }
  .home-car-price{
    margin:12px 0 12px;
    align-items:flex-end;
  }
  .home-car-price strong{
    font-size:28px;
  }
  body[data-page="home"] .card-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  body[data-page="home"] .card-actions .btn{
    width:100%;
    min-width:0;
    min-height:42px;
    padding-inline:8px;
    font-size:9px;
    line-height:1.1;
    white-space:normal;
  }
  body[data-page="home"] .benefit-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  body[data-page="home"] .benefit-card{
    padding:14px 10px;
    min-height:auto;
    border-radius:8px;
  }
  body[data-page="home"] .benefit-card h3{
    margin:0 0 8px;
    font-size:11px;
    line-height:1.15;
    white-space:normal;
  }
  body[data-page="home"] .benefit-card p{
    font-size:8px;
    line-height:1.25;
    max-width:none;
  }
  body[data-page="home"] .benefit-icon{
    width:22px;
    height:22px;
    background-size:22px 22px;
    margin-bottom:14px;
  }
  .pricing-head{
    gap:8px;
  }
  .pricing-head h2{
    font-size:30px;
    line-height:1.1;
  }
  .pricing-grid{
    gap:14px;
  }
  .price-row{
    padding:16px 14px;
    border-radius:8px;
  }
  .price-row h3{
    font-size:26px;
    gap:10px;
    white-space:normal;
    flex-wrap:wrap;
  }
  .price-row strong{
    font-size:30px;
    white-space:normal;
  }
  .pricing-side{
    padding:20px 16px 18px;
  }
  .pricing-side h3{
    font-size:22px;
  }
  .pricing-side .btn{
    min-height:48px;
    font-size:13px;
    white-space:normal;
    letter-spacing:.06em;
  }
  .finance-section{
    padding:54px 0 !important;
  }
  .finance-simple-grid{
    gap:18px;
  }
  .finance-copy,
  .finance-mini-card{
    min-width:0;
  }
  .finance-copy h2{
    margin:4px 0 24px;
    font-size:clamp(28px,8vw,38px);
  }
  .finance-title-line{
    white-space:normal;
  }
  .finance-benefits-list{
    gap:14px;
  }
  .finance-benefits-list li{
    align-items:flex-start;
  }
  .finance-benefits-list li > div{
    min-width:0;
  }
  .finance-benefits-list strong{
    font-size:16px;
    overflow-wrap:anywhere;
  }
  .finance-benefits-list p{
    font-size:14px;
    overflow-wrap:anywhere;
  }
  .finance-mini-card{
    padding:20px 16px 18px;
    border-radius:8px;
  }
  .finance-mini-card h3{
    font-size:18px;
    margin-bottom:18px;
  }
  .mini-row{
    gap:12px;
    padding-bottom:14px;
    margin-bottom:14px;
  }
  .mini-row label{
    font-size:12px;
  }
  .mini-row select{
    height:44px;
    font-size:16px;
  }
  .mini-result-label{
    font-size:11px;
  }
  .mini-result-value{
    font-size:15px;
    flex-wrap:wrap;
    gap:4px 6px;
    white-space:normal;
  }
  .mini-result-value strong{
    font-size:26px;
    white-space:normal;
    overflow-wrap:anywhere;
    min-width:0;
  }
  .mini-cta{
    min-height:48px;
    padding-inline:12px;
    font-size:11px;
    letter-spacing:.08em;
    white-space:normal;
  }
  .timeline{
    gap:10px;
  }
  body[data-page="home"] .timeline{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body[data-page="home"] .timeline-step{
    padding:0;
    text-align:center;
  }
  body[data-page="home"] .timeline-step span{
    width:80px;
    height:80px;
    border-radius:20px;
    font-size:30px;
    margin-bottom:12px;
  }
  body[data-page="home"] .timeline-step h3{
    font-size:12px;
  }
  .contact-section .lead-panel,
  .lead-panel{
    gap:18px;
  }
  .contact-section .lead-panel{
    display:flex;
    flex-direction:column;
  }
  .contact-section .home-contact-form{
    order:-1;
  }
  .contact-section .contact-copy,
  .contact-section .home-contact-form{
    width:100%;
    min-width:0;
  }
  body[data-page="home"] .contact-section .contact-copy{
    padding:0 16px 6px;
  }
  body[data-page="home"] .contact-section .contact-map-card{
    margin-left:0;
    margin-right:0;
  }
  .contact-copy h2{
    font-size:clamp(28px,8vw,40px);
    margin-bottom:18px;
  }
  .contact-bullet-list li{
    font-size:15px;
  }
  .contact-map-card{
    height:200px;
  }
  .contact-info-card{
    padding:14px 14px 12px;
  }
  .contact-info-card p{
    font-size:12px;
    gap:12px;
  }
  .lead-form{
    padding:20px 16px 18px;
    border-radius:8px;
  }
  .lead-form label{
    font-size:11px;
  }
  .lead-form input,
  .lead-form select,
  .lead-form textarea,
  .cc-ref-form input,
  .cc-ref-form select,
  .corolla-lead-form input,
  .corolla-lead-form select,
  .yaris-lead-form input,
  .yaris-lead-form textarea,
  .veloz-lead-form input,
  .veloz-lead-form select,
  .veloz-lead-form textarea{
    min-height:44px;
    font-size:16px;
    border-radius:4px;
  }
  .lead-form textarea,
  .yaris-lead-form textarea,
  .veloz-lead-form textarea{
    min-height:96px;
  }
  .lead-form .btn,
  .cc-ref-form .btn,
  .corolla-lead-form .btn,
  .yaris-lead-form .btn,
  .veloz-lead-form .btn{
    min-height:48px;
    font-size:14px;
    width:100%;
    white-space:normal;
    letter-spacing:.05em;
  }
  .checkbox-label{
    font-size:13px;
    align-items:flex-start;
  }
  .site-footer{
    padding:44px 0 18px;
  }
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    text-align:left;
  }
  .footer-grid h3,
  .footer-brand{
    font-size:11px;
  }
  .footer-grid a,
  .footer-grid p{
    font-size:13px;
    line-height:1.45;
    padding:3px 0;
  }
  .footer-hotline{
    font-size:22px;
    margin-top:8px;
  }
  .footer-bottom{
    gap:8px;
    font-size:11px;
  }
  .floating-actions{
    right:8px;
    bottom:calc(72px + env(safe-area-inset-bottom));
    gap:14px;
  }
  .floating-actions a,
  .floating-actions button{
    width:50px;
    height:50px;
    min-width:50px;
    min-height:50px;
    padding:5px;
  }
  .floating-text{
    display:none;
  }
  .floating-call-icon,
  .floating-icon-bubble{
    width:24px;
    height:24px;
  }
  .floating-call-icon::before{
    width:14px;
    height:14px;
    -webkit-mask-size:14px 14px;
    mask-size:14px 14px;
  }
  .floating-arrow{
    font-size:28px;
  }
  .floating-top{
    display:none;
  }
  .compare-table-wrap,
  .price-table-wrap{
    display:block;
    overflow:visible;
    border:0;
    background:transparent;
  }
  .compare-table,
  .yaris-benchmark-table,
  .corolla-benchmark-table,
  .spec-table{
    display:block;
    width:100%;
    border:0;
    background:transparent;
    border-collapse:separate;
    border-spacing:0;
  }
  .compare-table thead,
  .yaris-benchmark-table thead,
  .corolla-benchmark-table thead,
  .spec-table thead{
    display:none;
  }
  .compare-table tbody,
  .yaris-benchmark-table tbody,
  .corolla-benchmark-table tbody,
  .spec-table tbody{
    display:grid;
    gap:10px;
  }
  body[data-page="home"] .compare-table tbody{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  body[data-page="home"] .compare-table tbody tr{
    padding:12px 10px 10px;
  }
  .compare-table tbody tr,
  .yaris-benchmark-table tbody tr,
  .corolla-benchmark-table tbody tr,
  .spec-table tbody tr{
    display:block;
    padding:14px 14px 12px;
    border:1px solid rgba(242,202,80,.16);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(24,20,14,.84),rgba(16,13,9,.9));
    box-shadow:0 10px 20px rgba(0,0,0,.18);
  }
  .compare-table tbody th,
  .yaris-benchmark-table tbody th,
  .corolla-benchmark-table tbody th,
  .spec-table tbody th{
    display:block;
    padding:0 0 8px;
    margin:0 0 8px;
    border:0;
    border-bottom:1px solid rgba(242,202,80,.12);
    background:transparent;
    color:var(--gold-2);
    font-size:11px;
    line-height:1.3;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .compare-table tbody td,
  .yaris-benchmark-table tbody td,
  .corolla-benchmark-table tbody td,
  .spec-table tbody td{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:6px 0;
    border:0;
    border-bottom:1px solid rgba(77,70,53,.45);
    background:transparent;
    text-align:left;
    font-size:13px;
    line-height:1.35;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  body[data-page="home"] .compare-table tbody td{
    flex-wrap:nowrap;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    overflow:hidden;
    font-size:9px;
  }
  .compare-table tbody td:last-child,
  .yaris-benchmark-table tbody td:last-child,
  .corolla-benchmark-table tbody td:last-child,
  .spec-table tbody td:last-child{
    border-bottom:0;
  }
  .compare-table tbody td::before,
  .yaris-benchmark-table tbody td::before,
  .corolla-benchmark-table tbody td::before,
  .spec-table tbody td::before{
    content:attr(data-label);
    flex:0 0 46%;
    max-width:46%;
    color:#b7ab95;
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  body[data-page="home"] .compare-table tbody td::before{
    flex:0 0 42%;
    max-width:42%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:8px;
  }
}

@media (max-width:640px){
  .container,.header-inner{
    width:min(calc(100% - 20px),var(--container));
  }
  .site-header{
    border-bottom-color:rgba(242,202,80,.16);
  }
  .header-inner{
    padding:8px 0 6px;
    gap:8px;
  }
  .mobile-car-nav{
    gap:6px;
  }
  .mobile-car-nav a{
    min-height:34px;
    padding:6px 3px 7px;
    font-size:clamp(10px,2.6vw,12px);
  }
  .section{
    padding:50px 0;
  }
  .section-title{
    margin-bottom:22px;
  }
  .section-title h2{
    font-size:clamp(26px,7vw,34px);
    line-height:1.08;
  }
  .section-title p{
    font-size:13px;
    line-height:1.5;
  }
  .home-hero{
    min-height:620px;
  }
  .home-hero-copy h1{
    font-size:clamp(32px,9.5vw,42px);
    max-width:11ch;
  }
  .home-hero-copy p{
    font-size:14px;
  }
  body[data-page="home"] .hero-actions{
    gap:6px;
  }
  body[data-page="home"] .hero-actions .btn{
    min-height:42px;
    padding:0 8px;
    font-size:9px;
  }
  body[data-page="home"] .hero-feature-row{
    gap:4px;
  }
  body[data-page="home"] .hero-feature-row span{
    min-height:38px;
    padding:7px 3px;
    font-size:8px;
  }
  .home-car-body h3{
    font-size:22px;
  }
  .home-car-body p,
  .home-car-body li{
    font-size:12px;
  }
  .home-car-price strong{
    font-size:26px;
  }
  body[data-page="home"] .card-actions{
    gap:6px;
  }
  body[data-page="home"] .card-actions .btn{
    min-height:40px;
    padding-inline:6px;
    font-size:8px;
  }
  body[data-page="home"] .benefit-grid{
    gap:6px;
  }
  body[data-page="home"] .benefit-card{
    padding:12px 8px;
  }
  body[data-page="home"] .benefit-card h3{
    font-size:10px;
    margin-bottom:6px;
  }
  body[data-page="home"] .benefit-card p{
    font-size:7px;
    line-height:1.2;
  }
  .pricing-head h2{
    font-size:28px;
  }
  .price-row{
    padding:14px 12px;
  }
  .price-row h3{
    font-size:24px;
  }
  .price-row strong{
    font-size:28px;
  }
  .pricing-side h3{
    font-size:20px;
  }
  .finance-copy h2{
    font-size:clamp(26px,8vw,34px);
  }
  .finance-title-line{
    white-space:normal;
  }
  .finance-benefits-list{
    gap:12px;
  }
  .finance-benefits-list li > div{
    min-width:0;
  }
  .finance-benefits-list strong{
    font-size:15px;
    overflow-wrap:anywhere;
  }
  .finance-benefits-list p{
    font-size:13px;
    overflow-wrap:anywhere;
  }
  .finance-mini-card{
    padding:18px 14px 16px;
  }
  .mini-row{
    gap:10px;
  }
  body[data-page="home"] .timeline-step span{
    width:74px;
    height:74px;
    font-size:28px;
  }
  .contact-copy h2{
    font-size:clamp(26px,8vw,36px);
  }
  body[data-page="home"] .contact-section .contact-copy{
    padding-inline:14px;
  }
  .contact-bullet-list li{
    font-size:14px;
  }
  .contact-map-card{
    height:190px;
  }
  .lead-form{
    padding:18px 14px 16px;
  }
  .lead-form .btn,
  .cc-ref-form .btn,
  .corolla-lead-form .btn,
  .yaris-lead-form .btn,
  .veloz-lead-form .btn{
    min-height:46px;
    font-size:13px;
  }
  .footer-grid a,
  .footer-grid p{
    font-size:12px;
  }
  .footer-hotline{
    font-size:20px;
  }
  .floating-actions{
    right:6px;
    bottom:calc(68px + env(safe-area-inset-bottom));
    gap:12px;
  }
  .floating-actions a,
  .floating-actions button{
    width:48px;
    height:48px;
    min-width:48px;
    min-height:48px;
  }
  .compare-table tbody tr,
  .yaris-benchmark-table tbody tr,
  .corolla-benchmark-table tbody tr,
  .spec-table tbody tr{
    padding:12px 12px 10px;
    border-radius:8px;
  }
  .compare-table tbody td,
  .yaris-benchmark-table tbody td,
  .corolla-benchmark-table tbody td,
  .spec-table tbody td{
    font-size:12px;
  }
  body[data-page="home"] .compare-table tbody td{
    font-size:8px;
    gap:6px;
  }
  .compare-table tbody td::before,
  .yaris-benchmark-table tbody td::before,
  .corolla-benchmark-table tbody td::before,
  .spec-table tbody td::before{
    flex-basis:42%;
    max-width:42%;
  }
  body[data-page="home"] .compare-table tbody td::before{
    flex-basis:40%;
    max-width:40%;
    font-size:7px;
  }
}

@media (max-width:390px){
  .container,.header-inner{
    width:min(calc(100% - 16px),var(--container));
  }
  .header-inner{
    gap:6px;
    padding:7px 0 5px;
  }
  .brand img{
    height:28px;
    max-height:28px;
  }
  .brand-wordmark{
    font-size:15px;
  }
  .mobile-car-nav{
    max-width:none;
    gap:4px;
  }
  .mobile-car-nav a{
    min-height:32px;
    padding:5px 2px 6px;
    font-size:clamp(10px,2.8vw,12px);
  }
  .home-hero{
    min-height:600px;
  }
  .home-hero-copy h1{
    font-size:clamp(30px,9vw,38px);
    max-width:10ch;
  }
  .home-hero-copy p{
    font-size:13px;
  }
  body[data-page="home"] .hero-actions{
    gap:6px;
  }
  body[data-page="home"] .hero-actions .btn{
    min-height:40px;
    padding:0 6px;
    font-size:8px;
  }
  body[data-page="home"] .hero-feature-row{
    gap:4px;
  }
  body[data-page="home"] .hero-feature-row span{
    min-height:36px;
    padding:6px 2px;
    font-size:7px;
  }
  .pricing-head h2{
    font-size:26px;
  }
  .price-row h3{
    font-size:22px;
  }
  .price-row strong{
    font-size:26px;
  }
  .finance-mini-card h3{
    font-size:17px;
  }
  .mini-result-value strong{
    font-size:24px;
    overflow-wrap:anywhere;
  }
  .contact-copy h2{
    font-size:clamp(24px,7.5vw,32px);
  }
  .lead-form,
  .finance-mini-card,
  .benefit-card,
  .price-row,
  .pricing-side{
    border-radius:6px;
  }
}

@media (max-width:980px){
  body[data-page="yaris"] .header-inner{
    height:auto;
  }
  body[data-page="yaris"] .brand img{
    height:34px;
    max-height:34px;
  }
  .product-hero,
  .product-hero-corolla{
    min-height:560px;
  }
  .product-hero .hero-media::after{
    background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.48) 58%,rgba(0,0,0,.72) 100%) !important;
  }
  .product-hero-inner,
  .product-hero-yaris .product-hero-inner,
  .product-hero-veloz .product-hero-inner,
  .product-hero-corolla .product-hero-inner{
    grid-template-columns:1fr;
    padding-top:44px;
    padding-bottom:42px;
  }
  .product-hero-copy,
  .product-hero-yaris .product-hero-copy,
  .product-hero-veloz .product-hero-copy,
  .product-hero-corolla .product-hero-copy{
    padding-bottom:0;
  }
  .product-hero-copy p,
  .product-hero-yaris .product-hero-copy p,
  .product-hero-veloz .product-hero-copy p,
  .product-hero-corolla .product-hero-copy p{
    font-size:15px;
    line-height:1.45;
    max-width:100%;
    margin-bottom:20px;
  }
  .product-hero-copy h1,
  .product-hero-yaris .yaris-hero-title span,
  .product-hero-yaris .yaris-hero-title strong,
  .product-hero-veloz .yaris-hero-title span,
  .product-hero-veloz .yaris-hero-title strong,
  .product-hero-corolla .yaris-hero-title span,
  .product-hero-corolla .yaris-hero-title strong{
    font-size:clamp(32px,9vw,48px);
    line-height:1.02;
  }
  .product-hero-yaris .hero-actions,
  .product-hero-veloz .hero-actions,
  .product-hero-corolla .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    max-width:360px;
  }
  .product-hero-corolla .hero-actions{
    margin-left:auto;
    margin-right:auto;
  }
  body[data-page="corolla-cross"] .product-hero-corolla .hero-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-width:520px;
  }
  .product-hero-yaris .hero-actions .btn,
  .product-hero-veloz .hero-actions .btn,
  .product-hero-corolla .hero-actions .btn{
    min-width:0;
    min-height:46px;
    font-size:12px;
    letter-spacing:.06em;
  }
  body[data-page="corolla-cross"] .product-hero-corolla .hero-actions .btn{
    width:100%;
    padding:0 10px;
    white-space:nowrap;
  }
  body[data-page="corolla-cross"] .product-hero-corolla .hero-media iframe{
    inset:auto;
    top:50%;
    left:50%;
    width:auto;
    height:100%;
    min-width:100%;
    max-width:none;
    aspect-ratio:16 / 9;
    transform:translate(-50%,-50%) scale(1.08);
    opacity:1;
  }
  body[data-page="corolla-cross"] .product-hero-corolla .hero-media video{
    inset:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-width:0;
    max-width:none;
    object-fit:cover;
    transform:none;
    opacity:1;
  }
  body[data-page="yaris"] .yaris-benchmark-table tbody td:nth-of-type(1)::before{
    content:"Yaris";
  }
  body[data-page="yaris"] .yaris-benchmark-table tbody td:nth-of-type(2)::before{
    content:"City";
  }
  body[data-page="yaris"] .yaris-benchmark-table tbody td:nth-of-type(3)::before{
    content:"Mazda 2";
  }
  body[data-page="corolla-cross"] .yaris-benchmark-table tbody td:nth-of-type(1)::before,
  body[data-page="corolla-cross"] .corolla-benchmark-table tbody td:nth-of-type(1)::before{
    content:"Corolla Cross";
  }
  body[data-page="corolla-cross"] .yaris-benchmark-table tbody td:nth-of-type(2)::before,
  body[data-page="corolla-cross"] .corolla-benchmark-table tbody td:nth-of-type(2)::before{
    content:"HR-V";
  }
  body[data-page="corolla-cross"] .yaris-benchmark-table tbody td:nth-of-type(3)::before,
  body[data-page="corolla-cross"] .corolla-benchmark-table tbody td:nth-of-type(3)::before{
    content:"CX-30";
  }
}

@media (max-width:640px){
  body[data-page="yaris"] .yaris-companion-grid,
  body[data-page="yaris"] .yaris-pricing-layout,
  body[data-page="yaris"] .yaris-gallery-duo-grid,
  body[data-page="yaris"] .yaris-tech-layout,
  body[data-page="yaris"] .yaris-finance-faq-grid,
  body[data-page="veloz-cross"] .veloz-finance-layout,
  body[data-page="veloz-cross"] .yaris-tech-layout,
  body[data-page="veloz-cross"] .veloz-tss-grid,
  body[data-page="veloz-cross"] .veloz-lead-wrap,
  body[data-page="corolla-cross"] .cc-ref-why-grid,
  body[data-page="corolla-cross"] .cc-ref-price-grid,
  body[data-page="corolla-cross"] .cc-ref-design-grid,
  body[data-page="corolla-cross"] .cc-ref-color-layout,
  body[data-page="corolla-cross"] .cc-ref-form{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  body[data-page="veloz-cross"] .veloz-tss-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px;
  }
  body[data-page="veloz-cross"] .veloz-tss-card{
    min-height:170px;
    padding:12px;
  }
  body[data-page="veloz-cross"] .veloz-tss-card h3{font-size:14px}
  body[data-page="veloz-cross"] .veloz-tss-card p{font-size:11px}
  body[data-page="veloz-cross"] .yaris-tech-table,
  body[data-page="yaris"] .yaris-tech-table{
    display:block;
    width:100%;
  }
  body[data-page="veloz-cross"] .yaris-tech-table tbody,
  body[data-page="yaris"] .yaris-tech-table tbody{
    display:grid;
    gap:8px;
  }
  body[data-page="veloz-cross"] .yaris-tech-table tbody tr,
  body[data-page="yaris"] .yaris-tech-table tbody tr{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:center;
    gap:10px;
    padding:12px 14px;
  }
  body[data-page="veloz-cross"] .yaris-tech-table tbody th,
  body[data-page="veloz-cross"] .yaris-tech-table tbody td,
  body[data-page="yaris"] .yaris-tech-table tbody th,
  body[data-page="yaris"] .yaris-tech-table tbody td{
    display:block;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body[data-page="veloz-cross"] .yaris-tech-table tbody th,
  body[data-page="yaris"] .yaris-tech-table tbody th{
    font-size:11px;
    letter-spacing:.06em;
  }
  body[data-page="veloz-cross"] .yaris-tech-table tbody td,
  body[data-page="yaris"] .yaris-tech-table tbody td{
    text-align:right;
    font-size:12px;
    font-weight:700;
    color:#e3dac9;
    justify-self:end;
  }
  body[data-page="veloz-cross"] .yaris-tech-table tbody td::before,
  body[data-page="yaris"] .yaris-tech-table tbody td::before{
    display:none;
  }
  body[data-page="veloz-cross"] .product-hero-veloz .hero-actions,
  body[data-page="yaris"] .product-hero-yaris .hero-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    max-width:100%;
  }
  body[data-page="veloz-cross"] .product-hero-veloz .hero-actions .btn,
  body[data-page="yaris"] .product-hero-yaris .hero-actions .btn{
    min-width:0;
    min-height:46px;
    padding:0 12px;
    font-size:12px;
    letter-spacing:.05em;
    white-space:nowrap;
  }
  body[data-page="yaris"] .product-hero-yaris .hero-media::after{
    background:transparent !important;
  }
  body[data-page="veloz-cross"] .product-hero-veloz .hero-media iframe,
  body[data-page="yaris"] .product-hero-yaris .hero-media iframe{
    inset:auto;
    top:50%;
    left:50%;
    width:auto;
    height:100%;
    min-width:100%;
    max-width:none;
    aspect-ratio:16 / 9;
    transform:translate(-50%,-50%) scale(1.08);
    opacity:1;
    pointer-events:none;
  }
  body[data-page="veloz-cross"] .product-hero-veloz .hero-media video,
  body[data-page="yaris"] .product-hero-yaris .hero-media video{
    inset:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    max-width:none;
    max-height:none;
    transform:none;
    object-fit:cover;
    object-position:center center;
    opacity:1;
  }
  body[data-page="yaris"] .yaris-companion-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:auto !important;
    gap:10px;
  }
  body[data-page="yaris"] .yaris-companion-grid .companion-card-main{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    min-height:230px;
  }
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(2){
    grid-column:1 !important;
    grid-row:2 !important;
    min-height:230px;
  }
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(3){
    grid-column:2 !important;
    grid-row:2 !important;
    min-height:230px;
  }
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(4){
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    min-height:230px;
  }
  body[data-page="yaris"] .companion-card-text{
    padding:20px 16px;
  }
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(2),
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(3){
    padding:16px 12px;
  }
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(2) .companion-icon,
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(3) .companion-icon{
    width:34px;
    height:34px;
    margin-bottom:14px;
    background-size:32px 32px;
  }
  body[data-page="yaris"] .companion-overlay{
    left:16px;
    right:16px;
    bottom:16px;
  }
  body[data-page="yaris"] .companion-overlay h3,
  body[data-page="yaris"] .companion-card-text h3{
    font-size:24px;
  }
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(2) h3,
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(3) h3{
    font-size:clamp(18px,5vw,22px);
    line-height:1.16;
  }
  body[data-page="yaris"] .companion-overlay p,
  body[data-page="yaris"] .companion-card-text p{
    font-size:13px;
    line-height:1.42;
  }
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(2) p,
  body[data-page="yaris"] .yaris-companion-grid .companion-card:nth-child(3) p{
    font-size:11px;
    line-height:1.36;
  }
  body[data-page="yaris"] .yaris-pricing-panel,
  body[data-page="yaris"] .yaris-finance-card{
    padding:18px 16px;
  }
  body[data-page="yaris"] .yaris-price-inline strong,
  body[data-page="yaris"] .yaris-pricing-total strong{
    font-size:26px;
    white-space:normal;
  }
  body[data-page="yaris"] .yaris-gallery-card{
    min-height:260px;
  }
  body[data-page="yaris"] .yaris-smart-strip{
    padding:20px 0 22px;
  }
  body[data-page="yaris"] .yaris-smart-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px;
  }
  body[data-page="yaris"] .yaris-smart-icon{
    width:42px;
    height:30px;
    margin-bottom:10px;
    background-size:16px 16px;
  }
  body[data-page="yaris"] .yaris-smart-item h3{
    font-size:clamp(12px,3.4vw,15px);
    line-height:1.18;
    margin-bottom:7px;
  }
  body[data-page="yaris"] .yaris-smart-item p{
    font-size:clamp(9px,2.55vw,11px);
    line-height:1.34;
    max-width:none;
  }
  body[data-page="yaris"] .site-footer .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body[data-page="veloz-cross"] .veloz-reasons-grid{
    grid-template-columns:1fr !important;
    grid-template-areas:"main" "top" "bottom";
  }
  body[data-page="veloz-cross"] .veloz-reason-main{
    min-height:300px;
  }
  body[data-page="veloz-cross"] .veloz-design-main,
  body[data-page="veloz-cross"] .veloz-design-side{
    height:220px;
  }
  body[data-page="veloz-cross"] .veloz-lead-copy h2{
    font-size:34px;
  }
  body[data-page="veloz-cross"] .veloz-lead-benefits li{
    font-size:15px;
  }
  body[data-page="veloz-cross"] .yaris-tech-left h3,
  body[data-page="veloz-cross"] .yaris-tech-right h3{
    font-size:26px;
  }
  body[data-page="corolla-cross"] .cc-ref-side-tools{
    display:none;
  }
  body[data-page="corolla-cross"] .cc-ref-section{
    padding:42px 0;
  }
  body[data-page="corolla-cross"] .cc-ref-card,
  body[data-page="corolla-cross"] .cc-ref-price-card,
  body[data-page="corolla-cross"] .cc-ref-lead-box{
    padding:18px 16px;
    border-radius:8px;
  }
  body[data-page="corolla-cross"] .cc-ref-price-card strong{
    font-size:30px;
  }
  body[data-page="corolla-cross"] .cc-ref-design-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px;
    grid-template-rows:auto !important;
  }
  body[data-page="corolla-cross"] .cc-ref-design-grid .cc-ref-big{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    min-height:210px;
  }
  body[data-page="corolla-cross"] .cc-ref-design-card{
    min-height:170px;
  }
  body[data-page="corolla-cross"] .cc-ref-design-card:not(.cc-ref-big){
    min-height:160px;
  }
  body[data-page="corolla-cross"] .corolla-benchmark-table tbody{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  body[data-page="yaris"] .yaris-benchmark-table tbody{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  body[data-page="corolla-cross"] .cc-ref-color-current strong{
    font-size:18px;
  }
  body[data-page="corolla-cross"] .cc-ref-lead{
    min-height:440px;
  }
  body[data-page="corolla-cross"] .yaris-benchmark-table tbody{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  body[data-page="corolla-cross"] .cc-ref-why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px;
  }
  body[data-page="corolla-cross"] .cc-ref-why-grid .cc-ref-card:nth-child(1),
  body[data-page="corolla-cross"] .cc-ref-why-grid .cc-ref-card:nth-child(2),
  body[data-page="corolla-cross"] .cc-ref-why-grid .cc-ref-card:nth-child(3),
  body[data-page="corolla-cross"] .cc-ref-why-grid .cc-ref-card:nth-child(4){
    grid-column:auto !important;
  }
  body[data-page="corolla-cross"] .cc-ref-why-grid .cc-ref-card:nth-child(5){
    grid-column:1 / -1 !important;
  }
  body[data-page="corolla-cross"] .cc-ref-card{
    padding:14px 12px;
  }
  body[data-page="corolla-cross"] .cc-ref-icon{
    width:40px;
    height:40px;
    margin-bottom:10px;
    font-size:20px;
  }
  body[data-page="corolla-cross"] .cc-ref-card h3{
    font-size:12px;
    line-height:1.15;
    margin-bottom:4px;
  }
  body[data-page="corolla-cross"] .cc-ref-card p{
    font-size:10px;
    line-height:1.35;
  }
  .gallery-modal{
    padding:0;
  }
  .gallery-dialog{
    width:100vw;
    height:100svh;
    max-height:none;
    border-radius:0;
    padding:12px;
    grid-template-rows:auto auto auto;
    align-content:start;
    gap:8px;
  }
  .gallery-close{
    width:40px;
    height:40px;
    right:10px;
    top:10px;
    z-index:5;
  }
  .gallery-modal-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:6px;
    padding-right:58px;
    padding-bottom:2px;
    -webkit-overflow-scrolling:touch;
  }
  .gallery-modal-tabs button{
    flex:0 0 auto;
    min-height:34px;
    padding:6px 9px;
    font-size:10px;
    letter-spacing:.01em;
  }
  .gallery-main{
    grid-template-columns:1fr;
    gap:8px;
    min-height:0;
  }
  .gallery-stage img{
    height:min(45svh,380px);
    object-fit:contain;
  }
  .gallery-nav{
    width:42px;
    height:50px;
  }
  .gallery-thumbs{
    grid-template-columns:repeat(4,minmax(0,1fr));
    max-height:none;
    overflow:visible;
    gap:6px;
  }
  .gallery-thumb img{
    height:52px;
  }
  .gallery-caption{
    margin-top:0;
  }
  .gallery-caption h3{
    font-size:15px;
    line-height:1.25;
  }
  .gallery-caption p{
    margin-top:4px;
    font-size:12px;
    line-height:1.45;
  }
}

@media (max-width:640px){
  .thanks-page{
    padding:92px 0 46px;
  }
  .thanks-layout{
    grid-template-columns:1fr;
    gap:20px;
  }
  .thanks-copy{
    padding-top:0;
  }
  .thanks-copy h1{
    font-size:clamp(36px,11vw,48px);
    max-width:10ch;
  }
  .thanks-copy p{
    font-size:14px;
  }
  .thanks-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .thanks-actions .btn{
    width:100%;
    min-width:0;
    min-height:46px;
    padding:0 14px;
    font-size:11px;
    white-space:normal;
  }
  .thanks-steps{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }
  .thanks-step{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:4px 12px;
    align-items:start;
    padding:14px;
  }
  .thanks-step span{
    grid-row:1 / 3;
    margin-bottom:0;
  }
  .thanks-step strong{
    font-size:14px;
  }
  .thanks-step p{
    font-size:12px;
  }
  .thanks-panel{
    position:relative;
    top:auto;
    padding:20px;
  }
  .thanks-panel h2{
    font-size:24px;
  }
  .thanks-panel-cta{
    min-height:44px;
    font-size:11px;
  }
}

@media (max-width:480px){
  .product-hero,
  .product-hero-corolla,
  body[data-page="veloz-cross"] .product-hero,
  body[data-page="veloz-cross"] .product-hero .hero-media,
  body[data-page="yaris"] .product-hero,
  body[data-page="yaris"] .product-hero .hero-media,
  body[data-page="corolla-cross"] .product-hero-corolla{
    min-height:520px;
    height:520px;
  }
  body[data-page="veloz-cross"] .product-hero-veloz .hero-actions,
  body[data-page="yaris"] .product-hero-yaris .hero-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    max-width:100%;
  }
  body[data-page="veloz-cross"] .product-hero-veloz .hero-actions .btn,
  body[data-page="yaris"] .product-hero-yaris .hero-actions .btn{
    min-width:0;
    min-height:44px;
    padding:0 10px;
    font-size:11px;
    letter-spacing:.04em;
    white-space:nowrap;
  }
  body[data-page="veloz-cross"] .product-hero-veloz .hero-media iframe,
  body[data-page="veloz-cross"] .product-hero-veloz .hero-media video,
  body[data-page="yaris"] .product-hero-yaris .hero-media iframe,
  body[data-page="yaris"] .product-hero-yaris .hero-media video{
    opacity:1;
  }
  body[data-page="veloz-cross"] .product-hero-veloz .hero-media iframe,
  body[data-page="yaris"] .product-hero-yaris .hero-media iframe{
    inset:auto;
    top:50%;
    left:50%;
    width:auto;
    height:100%;
    min-width:100%;
    max-width:none;
    aspect-ratio:16 / 9;
    transform:translate(-50%,-50%) scale(1.08);
    pointer-events:none;
  }
  body[data-page="veloz-cross"] .product-hero-veloz .hero-media video,
  body[data-page="yaris"] .product-hero-yaris .hero-media video{
    inset:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    max-width:none;
    max-height:none;
    transform:none;
    object-fit:cover;
    object-position:center center;
  }
  .product-hero-copy h1,
  .product-hero-yaris .yaris-hero-title span,
  .product-hero-yaris .yaris-hero-title strong,
  .product-hero-veloz .yaris-hero-title span,
  .product-hero-veloz .yaris-hero-title strong,
  .product-hero-corolla .yaris-hero-title span,
  .product-hero-corolla .yaris-hero-title strong{
    font-size:clamp(30px,8.8vw,40px);
  }
  .product-hero-copy p,
  .product-hero-yaris .product-hero-copy p,
  .product-hero-veloz .product-hero-copy p,
  .product-hero-corolla .product-hero-copy p{
    font-size:14px;
  }
  .gallery-stage img{
    height:48svh;
  }
  .gallery-thumbs{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:390px){
  body[data-page="yaris"] .brand img{
    height:30px;
    max-height:30px;
  }
}