@font-face{font-family:'Source Sans 3';src:url('assets/source-sans-3.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}body,button,input,select{font-family:'Source Sans 3',Arial,sans-serif}.china-flag{width:224px;height:auto;box-shadow:0 8px 28px #00000012}.china-detail-gallery{position:relative;margin:24px 0;background:#eee}.china-detail-gallery>img{width:100%;max-height:560px;object-fit:contain;display:block}.china-gallery-open{position:absolute;bottom:16px;right:16px;background:#fff;border:0;padding:12px 18px;font:inherit;cursor:pointer;box-shadow:0 4px 18px #0002}.china-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:20px 0}.china-specs>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e7e5e0}.china-specs dt{color:#777}.china-specs dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}.china-inspection{padding:24px;margin:28px 0;background:#f4f7f3;border:1px solid #dce5d9;border-radius:12px}.china-inspection h3{margin:10px 0 18px}.china-checks{display:flex;flex-wrap:wrap;gap:10px}.china-checks span{font-size:15px;color:#41623a;border:1px solid #d5dfd0;border-radius:7px;background:#fff;padding:9px 12px}.china-breakdown{margin:25px 0;padding:18px 22px;border:1px solid #ddd;border-radius:10px}.china-breakdown summary{cursor:pointer;font-weight:600}.china-breakdown .china-specs{grid-template-columns:1fr}.card-photo img{object-fit:cover}.large-photo{touch-action:pan-y}#detail{max-height:92dvh;overflow-y:auto}#detail-content{overflow-wrap:anywhere}.hero-title-row h1{font-size:clamp(48px,5.4vw,88px)}.filter-grid input{min-width:0}.preview-banner{letter-spacing:.08em}button:focus-visible,a:focus-visible,img[role=button]:focus-visible{outline:3px solid #dc001e;outline-offset:3px}@media(max-width:700px){.china-specs{grid-template-columns:1fr}.china-flag{width:120px}.china-inspection{padding:18px}.china-gallery-open{bottom:10px;right:10px;font-size:14px;padding:9px 12px}.china-detail-gallery>img{max-height:350px}.hero-title-row h1{font-size:46px}.hero-title-row{gap:18px}#detail-content .car-price{font-size:32px}.china-specs>div{font-size:15px}.china-breakdown{padding:14px}.vehicle-info{padding:0}.china-checks{display:grid}#detail{width:calc(100% - 20px);padding:20px 16px}}
.intro>div{flex:1}.hero-title-row h1{font-size:clamp(38px,4vw,68px);flex-shrink:1}.hero-title-row .china-flag{width:180px;flex-shrink:0;margin:0}@media(max-width:700px){.hero-title-row .china-flag{width:84px}.hero-title-row h1{font-size:clamp(26px,6vw,40px);min-width:0}.hero-title-row{gap:12px}}
html:has(dialog[open]){overflow:hidden}.photo-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-count{flex-shrink:0;white-space:nowrap}@media(max-width:600px){.filter-bottom>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}.filter-bottom .btn{min-width:0;padding:14px 10px;white-space:normal;font-size:12px}.filter-bottom .reset{padding:8px 0}.photo-header{gap:8px}.photo-close{padding:0 7px}}

/* Keep every detail section comfortably inside the dialog */
#detail{box-sizing:border-box;padding:0;width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
#detail-content{padding:36px;min-width:0;box-sizing:border-box}
#detail-content>h2{padding-right:32px}
#detail-content .vehicle-info{padding:0}
@media(max-width:600px){#detail{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#detail-content{padding:28px 22px}#detail-content>h2{font-size:26px}.china-specs>div{min-width:0}.china-specs dt,.china-specs dd{min-width:0;flex:1}.china-inspection{padding:18px}}

.model-about-link{display:inline-flex;align-items:center;min-height:44px;color:#b52d24;font-size:17px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.model-about-link:hover{color:#821c15}.model-about-caption{margin:0;color:#888;font-size:13px}

.power-shortcut{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:14px 18px;margin:0 0 22px;border:1px solid #deddd8;border-radius:12px;background:#f7f6f2;cursor:pointer;font-size:16px;font-weight:600}.power-shortcut input{width:20px!important;height:20px!important;margin:0;accent-color:#be1526}.power-shortcut small{font-size:12px;font-weight:400;color:#686862}.model-about-link{display:inline-block;margin:12px 0 18px;color:#ad1725;text-decoration:underline;text-underline-offset:4px;font-size:15px}
/* Clear, compact quick selection and model reference */
.power-shortcut{width:fit-content;max-width:100%;box-sizing:border-box;background:#fff;border:1px solid #dedbd4;border-radius:14px;padding:15px 18px;transition:background .18s,border-color .18s,box-shadow .18s;gap:8px 12px}
.power-shortcut:has(input:checked){background:#fcf1f1;border-color:#c7323f;box-shadow:0 0 0 1px #c7323f20}
.power-shortcut>span{font-size:17px;letter-spacing:-.02em;color:#20201f}.power-shortcut small{display:block;line-height:1.4}
.model-about-link{display:inline-flex;align-items:center;gap:10px;background:#f5f4f0;border:1px solid #e4e1da;border-radius:10px;padding:12px 16px;color:#33312e;text-decoration:none;font-size:15px;line-height:1.4;margin:16px 0 8px;transition:background .18s,border-color .18s}
.model-about-link:before{content:'W';font-family:Georgia,serif;font-size:25px;line-height:1;color:#292825}
.model-about-link:hover{background:#eceae4;color:#9e1926;border-color:#d6d0c5}
.model-about-caption{font-size:13px;line-height:1.6;color:#78766e;margin:0 0 20px;max-width:65ch}
@media(max-width:600px){.power-shortcut{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr);padding:14px 16px}.power-shortcut small{grid-column:2}.model-about-link{max-width:100%;box-sizing:border-box;padding:12px 14px}.model-about-caption{font-size:12px}}

/* Show source photos at their natural size rather than stretching small originals. */
#photo-viewer .large-photo{width:auto;height:auto;max-height:100%;object-fit:contain}
