/* Reference-led visual layer. Inventory, prices, routes and detail template stay shared. */
:root{--red:#b71927;--dark:#151515;--paper:#fff;--line:#e3e1de}
body{background:#fff;color:#202020}.wrap{max-width:1320px}.site-header{background:#fffffff5;border-bottom:1px solid #e8e6e2;box-shadow:0 2px 12px #00000006}
.button{border-radius:5px}.button-dark{background:#b71927;border-color:#b71927;color:#fff}.button-dark:hover{background:#961421}.header-inner{min-height:84px}.header-cta{border-radius:5px}.brand-sub{color:#777}
.brand-showcase.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;background:#111315;padding:0;margin-top:24px;margin-bottom:0;min-height:460px;overflow:hidden;border-radius:6px}
.brand-showcase .hero-copy{position:absolute;left:34px;top:34px;width:320px;padding:0;z-index:3;pointer-events:none;color:#fff}.brand-showcase .hero-copy a{pointer-events:auto}
.brand-showcase .hero-copy .eyebrow{color:#dedddd;font-size:10px}.brand-showcase .hero-copy h1{font-size:32px;line-height:1.3;letter-spacing:.01em;color:#fff;margin:18px 0;font-family:Georgia,'Noto Serif TC','Songti TC',serif}
.brand-showcase .hero-description{font-size:13px;color:#e5e2df;line-height:1.7}.brand-showcase .hero-bottom{display:none}.brand-showcase .hero-actions{gap:12px;margin-top:20px}.brand-showcase .hero-actions .quiet-link{color:#fff}
.brand-showcase .hero-visual{position:relative;min-height:460px;height:auto;border-radius:0;grid-column:1;margin:0;overflow:hidden;isolation:isolate}
.brand-showcase .hero-image-link{position:absolute;inset:0;display:block}.brand-showcase .hero-image{height:100%;width:100%;object-fit:cover;object-position:65% 50%}
.brand-showcase .hero-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080b0de8 0%,#080b0d85 28%,transparent 65%),linear-gradient(0deg,#000b,transparent 35%);z-index:1}
.brand-showcase .hero-photo-content{position:absolute;z-index:2;left:34px;right:26px;bottom:55px;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:16px}.brand-showcase .hero-photo-content h2{font-size:27px;margin:6px 0;color:#fff}.brand-showcase .hero-photo-content h2 span{color:#fff;font-size:15px}.brand-showcase .hero-photo-content p{color:#dedddd}.brand-showcase .hero-price{background:#b71927;border-radius:5px;padding:10px 14px;color:#fff;white-space:nowrap;font-size:19px}
.brand-showcase .hero-controls{position:absolute;z-index:4;bottom:12px;left:34px;right:24px;color:#fff;background:transparent}.brand-showcase .hero-controls button{color:#fff;background:#181b1ed9;border-color:#ffffff50;border-radius:4px}.brand-showcase .hero-controls .muted{color:#c3c3c3}
.hero-picks{display:grid;grid-template-rows:1fr 1fr;gap:14px;padding:14px 14px 14px 0;min-width:0}.hero-picks>a{position:relative;display:block;overflow:hidden;min-height:190px;border:1px solid #ffffff30;border-radius:4px;color:#fff;background:#242424}.hero-picks img{height:100%;width:100%;object-fit:cover}.hero-picks>a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 80%)}.hero-picks span{position:absolute;bottom:18px;left:18px;z-index:1}.hero-picks small,.hero-picks strong{display:block}.hero-picks small{font-size:10px;letter-spacing:.06em}.hero-picks strong{font-size:19px;margin-top:5px}.hero-picks b{position:absolute;bottom:18px;right:18px;z-index:1;border:1px solid #ffffff60;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}
.service-strip{background:#f8f8f7;border-bottom:1px solid #e8e6e2;margin-top:0;padding:22px 28px}.service-symbol{font-size:32px;color:#252525}.inventory.section{padding-top:46px}.section-top h2{font-size:32px}.car-card{border:1px solid #e2e0dc;border-radius:6px;box-shadow:0 4px 14px #00000006;background:#fff}.car-photo{border-radius:5px 5px 0 0}.car-photo img{aspect-ratio:16/10;object-fit:cover}.car-body{padding:20px}.car-body h3{font-size:23px}.car-bottom strong{color:#b71927}.car-facts{border-top:1px solid #eee;padding-top:12px}.catalog-toolbar,.inventory-filters{border-radius:6px}.section-top h2,.about-title h2,.contact h2,.sell h2{font-family:Georgia,'Noto Serif TC','Songti TC',serif}
.about{background:#f7f6f3}.process-list article{background:#fff;border:1px solid #e7e4df;border-radius:6px;padding:22px}.brand-advisor{display:flex;align-items:end;gap:20px;margin:24px 0 0}.brand-advisor img{width:150px;height:210px;object-fit:contain;object-position:bottom}.brand-advisor figcaption{font-size:13px;color:#65605b;max-width:140px;line-height:1.8;margin-bottom:24px}.contact-panel{position:relative;background:#faf9f7;border:1px solid #e6e2dc;border-radius:8px;overflow:hidden}.contact-advisor{float:right;width:90px;height:125px;object-fit:contain;margin:-12px -8px 12px 16px}.sell{background:#171717}.sell-form{border-radius:8px}.footer-main{background:#171717}#footer{background:#171717}.footer-bottom{border-color:#ffffff20}.mobile-actions a:last-child{background:#b71927}
/* Vehicle pages retain the CR-V composition; only shared surface finishes change. */
.detail-page .price-panel,.vehicle-certification{background:#fff;border-color:#dedbd5;border-radius:4px}.detail-page .feature-story,.detail-page .specifications details{border-color:#dedbd5}
@media(max-width:1100px){.brand-showcase.hero{grid-template-columns:minmax(0,1fr) 215px}.brand-showcase .hero-copy{width:260px;left:26px}.brand-showcase .hero-copy h1{font-size:28px}.brand-showcase .hero-photo-content{left:26px}.hero-picks{gap:10px;padding:10px 10px 10px 0}}
@media(max-width:760px){.header-inner{min-height:72px}.brand-showcase.hero{display:flex;flex-direction:column;gap:0;margin:14px 14px 0;border-radius:5px;min-height:0}.brand-showcase .hero-copy{position:relative;left:auto;top:auto;width:auto;padding:24px 22px 16px}.brand-showcase .hero-copy h1{font-size:29px;margin:10px 0}.brand-showcase .hero-description{margin:10px 0}.brand-showcase .hero-actions{margin-top:14px;flex-wrap:wrap}.brand-showcase .hero-visual{height:320px;min-height:320px;width:100%;flex:none}.brand-showcase .hero-visual:after{background:linear-gradient(0deg,#000d,transparent 75%)}.brand-showcase .hero-image{object-position:center}.brand-showcase .hero-photo-content{left:20px;right:16px;bottom:62px;gap:10px}.brand-showcase .hero-photo-content h2{font-size:24px}.brand-showcase .hero-photo-content h2 span{display:block;font-size:13px}.brand-showcase .hero-price{font-size:17px;padding:9px 10px}.brand-showcase .hero-controls{left:20px;right:16px}.hero-picks{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:130px;padding:10px;gap:10px}.hero-picks>a{min-height:130px}.hero-picks span{bottom:12px;left:12px}.hero-picks strong{font-size:16px}.hero-picks b{display:none}.service-strip{padding:18px;gap:14px}.section-top h2{font-size:27px}.inventory.section{padding-top:34px}.brand-advisor img{width:120px;height:166px}.brand-advisor{gap:16px}.contact-advisor{width:72px;height:100px}.car-body{padding:18px}}
@media(prefers-reduced-motion:reduce){.hero-picks img{transition:none}}
.brand-showcase .hero-image{object-fit:contain;object-position:right center;background:#161718}
@media(max-width:760px){.brand-showcase .hero-image{object-position:center}}
.brand-showcase .hero-controls{width:auto;padding:0;height:40px}.brand-showcase .hero-controls>div{gap:8px}.brand-showcase .hero-copy .eyebrow{margin-bottom:8px}.brand-showcase .hero-copy h1{margin:8px 0 12px}.brand-showcase .hero-description{margin:0}.brand-showcase .hero-actions{margin-top:14px}