.mobile-shortcuts,.mobile-trust-extra{display:none}
.contact-type-picker{display:flex;gap:12px;margin:18px 0 8px}.contact-type-picker label{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #63708a;border-radius:10px;font-size:16px}.contact-type-picker label:has(:checked){background:#203e70;border-color:#a5c5ff}.contact-type-picker input{width:18px;height:18px;accent-color:#77a7ff}
@media(max-width:768px){
  html{scroll-padding-top:80px}
  .container{width:calc(100% - 32px)}
  .header-inner{min-height:64px}.header nav{top:64px}.header nav.open{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px 16px}.header nav a{padding:12px 6px;font-size:14px;text-align:center}
  .hero{margin-top:12px;padding-bottom:132px;border-radius:16px}
  .hero-content{padding:22px 18px 0}.hero .eyebrow{margin-bottom:12px;font-size:11px;letter-spacing:.06em;line-height:1.5}
  .hero h1{font-size:28px;line-height:1.18}.hero-description{margin:16px 0;font-size:16px;line-height:1.5}
  .hero-actions{margin:16px 0 8px;gap:8px}.hero-actions .button{min-height:48px;padding:12px}
  .hero-image{height:205px;object-position:50% 45%}.hero:after{background:linear-gradient(180deg,#0f1629 0%,#0f1629 68%,#0f162960 86%,#0f162910)}
  .mobile-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}.mobile-shortcuts a{display:flex;align-items:center;min-height:44px;padding:6px 10px;font-size:14px;color:#b9d3ff;text-decoration:underline;text-underline-offset:4px}
  .package-trust{margin-top:16px;padding:16px;border-radius:16px}.trust-grid{gap:0}
  .trust-grid>div,.trust-grid>div:first-child{display:grid;grid-template-columns:138px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;border:0;border-bottom:1px solid #ffffff18}
  .trust-grid>div:first-child{padding-top:0}.trust-grid>div:last-child{padding-bottom:0;border:0}
  .trust-grid .trust-icon{display:none}.trust-grid strong{gap:4px;font-size:16px;line-height:1.3}.trust-grid strong [data-count]{font-size:28px;letter-spacing:-.05em}.trust-grid p{margin:0;font-size:14px;line-height:1.4}
  .section{padding-top:40px;padding-bottom:0}.section-heading{margin-bottom:18px}.section-heading h2{font-size:26px;line-height:1.2}.section-heading>p{margin-top:12px;font-size:16px;line-height:1.5}.eyebrow{margin-bottom:10px}
  .changan-gallery{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-color:#5577a5 #141b2d}
  .changan-photo,.photo-lift,.photo-battery{grid-column:auto;scroll-snap-align:start;min-width:0;order:0}.changan-photo img,.photo-lift img{height:180px;aspect-ratio:auto}.changan-photo>span{font-size:14px;padding:10px 12px;min-height:58px}
  .changan-video-grid{grid-auto-columns:66%;gap:12px;padding-bottom:12px}.changan-video-frame{height:280px;max-height:none;aspect-ratio:auto}.changan-video-copy{padding:14px}.changan-video-copy h3{font-size:17px;line-height:1.35}.changan-video-copy p:not(.video-time){display:none}.changan-video-copy .video-time{margin-bottom:8px;font-size:13px}
  .package-bento,.case-grid,#maintenance .maintenance-grid{gap:10px}
  .package-card,.main-service,.case-card,#maintenance .detail-card{display:block;padding:0;border-radius:14px;grid-column:auto;grid-row:auto}
  .mobile-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;min-height:64px;cursor:pointer;list-style:none;color:#f4f6fa}
  .mobile-fold>summary:after{content:'+';font-size:26px;line-height:1;color:#9fc3ff;flex-shrink:0}.mobile-fold[open]>summary:after{content:'−'}
  .mobile-fold>summary h3,.main-service .mobile-fold>summary h3,.case-0 .mobile-fold>summary h3,#maintenance .mobile-fold>summary h3{font-size:20px;line-height:1.3;margin:0}
  .mobile-fold-body{padding:0 18px 18px}.mobile-fold-body>.icon,.mobile-fold-body>.eyebrow:first-child{display:none}
  .mobile-fold-body>p{margin:0 0 14px;font-size:16px}.mobile-fold-body>.text-button{margin-top:4px;min-height:44px}.mobile-fold-body>.service-detail-link{margin-top:4px;padding:10px 0;min-height:44px;font-size:16px}
  .package-card .mobile-fold-body>details{margin-bottom:14px}.package-card .mobile-fold-body>details summary{min-height:44px;display:flex;align-items:center;font-size:16px}
  .package-card .mobile-fold{margin:0}.guarantee-badge{font-size:14px;padding:12px;margin-bottom:12px}
  #competencies,#other-brands{padding:0;margin-top:28px;border-radius:14px;background:#111a29;border:1px solid #ffffff20}
  #competencies .mobile-fold>summary,#other-brands .mobile-fold>summary{padding:20px 18px}
  #competencies .mobile-fold>summary h2,#other-brands .mobile-fold>summary h2{font-size:22px;line-height:1.3}
  #competencies .mobile-fold-body .section-heading,#other-brands .mobile-fold-body .section-heading{display:none}
  .competency-grid article{padding:18px}.competency-grid article>.icon{width:32px;height:32px;margin-bottom:12px}.competency-grid h3{font-size:20px}.competency-grid p{margin:12px 0 16px}
  .symptom-grid{gap:8px}.symptom-grid button{min-height:64px;padding:12px;align-items:center;gap:12px}.symptom-copy strong{font-size:16px}.symptom-copy small{display:none}.symptom-icon{width:36px;height:36px;padding:7px}.symptom-icon .icon{width:22px;height:22px}.symptom-arrow{display:none}
  .process-grid{gap:0}.process-grid li{padding:0 0 20px 42px;margin-left:16px}.process-grid li:before{font-size:21px;left:-17px}.process-grid p{font-size:16px;margin:8px 0 0;line-height:1.5}.process-grid h3{font-size:19px}
  .case-card .mobile-fold>summary{flex-direction:column;align-items:flex-start;gap:8px;position:relative;padding-right:40px}.case-card .mobile-fold>summary:after{position:absolute;right:16px;top:22px}
  .case-card .mobile-fold-body .eyebrow{display:block;font-size:13px;margin:0 0 12px;padding:6px 8px}.case-card .mobile-fold-body p{font-size:16px}.case-card .mobile-fold-body .text-button{margin-top:10px}
  .price-grid{gap:12px}.price-grid article{padding:20px;border-radius:14px}.price-start{margin-bottom:12px;padding:6px 10px}.price-grid h3{font-size:21px;line-height:1.3}.price-grid p{margin:12px 0;font-size:16px}.price-grid strong{font-size:25px;margin-bottom:10px}.price-grid .text-button{min-height:44px}
  .contact-grid{gap:20px}.contact-map iframe{height:240px}.contact-map img{height:180px}.contact-copy>p{font-size:16px}dl{margin:18px 0}.footer{margin-top:32px;padding-top:24px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.footer-links>a,.footer-links>button{font-size:14px;min-height:44px;display:flex;align-items:center;text-align:left}
  dialog{padding:22px 16px;max-height:90dvh;max-height:90svh}dialog h2{font-size:23px;margin-bottom:12px}.quiz-progress{margin:12px 0 16px}.quiz-options{gap:8px}.quiz-options label{font-size:16px;min-height:52px;padding:12px 30px 12px 10px}.quiz-nav{position:sticky;bottom:-22px;background:#111a29;padding:12px 0;margin-top:12px}.mobile-bar{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.mobile-bar>a,.mobile-bar>button{min-height:48px}
  .service-page .container{width:calc(100% - 32px)}.detail-header>.container{padding-block:14px;gap:10px}.breadcrumbs{padding-top:18px}.detail-hero{padding:24px 0;gap:18px}.service-page h1{font-size:30px}.detail-intro{margin-top:16px;font-size:16px}.service-actions{margin:18px 0;gap:8px}.detail-hero img{height:210px}.service-section{padding-top:32px}.service-page h2{font-size:25px;margin-bottom:18px}.detail-card{padding:18px}.detail-grid,.service-steps{gap:12px}.service-steps li{padding:18px}.service-steps li:before{margin-bottom:10px}.service-section li{margin-bottom:10px}.service-contact{padding:20px;margin-top:32px}.service-nav{flex-wrap:nowrap;overflow-x:auto;gap:8px}.service-nav a{white-space:nowrap;min-height:44px;display:flex;align-items:center}.detail-footer{margin-top:32px!important;padding-bottom:32px}
}
@media(max-width:768px){
  .trust-grid{grid-template-columns:1fr 1fr;gap:16px 12px}.trust-grid>div,.trust-grid>div:first-child,.trust-grid>div:last-child{display:block;padding:0;border:0}.trust-grid strong{min-height:44px;align-items:baseline;align-content:center;gap:3px;font-size:14px}.trust-grid strong [data-count]{font-size:26px}.trust-grid p{font-size:14px;line-height:1.4;margin-top:6px}.package-trust{padding:16px}
  .package-bento{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;align-items:flex-start;gap:12px;margin-inline:-16px;padding:0 16px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.package-bento::-webkit-scrollbar{display:none}.package-bento>.package-card{flex:0 0 85%;scroll-snap-align:start;padding:18px;min-height:245px}.package-card>h3,.main-service>h3{font-size:21px;line-height:1.2;min-height:76px}.package-card>.mobile-service-intro{font-size:16px;line-height:1.5;margin:12px 0}.package-card>.mobile-fold>summary{padding:8px 0;min-height:44px;font-size:16px;color:#b9d3ff}.package-card .mobile-fold-body{padding:12px 0 0}
  .other-brand-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}.other-brand-grid>button{flex:0 0 85%;scroll-snap-align:start;padding:18px}
  #workshop .changan-gallery{margin-inline:-16px;width:calc(100% + 32px);grid-auto-columns:90%;gap:10px}.changan-photo{border-radius:0}.changan-photo img,.photo-lift img{height:200px}.hero{width:100%;border-radius:0;margin-top:0}.hero-content{padding-inline:16px}
  .section-note{font-size:16px;line-height:1.5}.service-page{line-height:1.5}.detail-hero figure{margin-inline:-16px}.detail-hero img{border-radius:0;height:clamp(210px,40vh,330px)}.detail-hero figcaption{padding-inline:16px}
}
@media(max-width:360px){.trust-grid>div,.trust-grid>div:first-child{grid-template-columns:115px minmax(0,1fr)}.trust-grid strong [data-count]{font-size:24px}.hero h1{font-size:26px}.mobile-shortcuts{gap:0}.mobile-shortcuts a{padding-inline:8px}.changan-video-grid{grid-auto-columns:74%}}

.drive-options{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.drive-options legend{font-size:16px;margin-bottom:10px}.drive-options label{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #63708a;border-radius:10px;font-size:16px}.drive-options label:has(:checked){background:#203e70;border-color:#a5c5ff}.drive-options input{width:18px;height:18px;accent-color:#77a7ff}
@media(max-width:768px){.case-card .mobile-fold>summary .eyebrow{margin:0;padding:0;border:0;font-size:13px}.mobile-fold-body .case-timing{margin-top:16px}.mobile-shortcuts{background:#101a2bdd;border-radius:8px}.changan-video-copy h3{min-height:69px}}
@media(max-width:768px){.section-note a[href^="tel:"]{white-space:normal;display:inline-block;min-height:44px;padding-block:8px}.contact-phone{font-size:clamp(22px,7vw,29px)}}
@media(max-width:768px){
  .case-card.case-2,.case-card.case-3{display:none}
  .price-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;align-items:stretch;margin-inline:-16px;padding:0 16px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .price-grid::-webkit-scrollbar{display:none}
  .price-grid>article,.price-grid>article:first-child{flex:0 0 85%;scroll-snap-align:start;min-width:0;padding:18px}
  .price-grid strong{margin-top:auto}.price-grid .text-button{min-height:44px}
}