/* Scoped to vehicle pages; editorial content stays in its original order. */
.vm-page .vs-navigation[hidden],.vm-page .vm-block-nav[hidden]{display:none}
.vm-page .vs-symptom-picker{padding-block:48px}.vm-page .vs-symptom-picker h2{font-size:clamp(23px,3vw,32px);line-height:1.8}.vm-page .vs-symptom-picker p{line-height:2;color:#436078}
.vm-page .vs-symptom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin-top:25px}.vm-page .vs-symptom-grid a{display:grid;gap:12px;padding:25px;border:1px solid #d7e5ef;border-radius:20px;color:#12344e;text-decoration:none;background:#fff}.vm-page .vs-symptom-grid a>span{font-size:13px;color:#54748b;direction:ltr;text-align:right}.vm-page .vs-symptom-grid small{color:#236799}.vm-page .vs-symptom-grid a:hover,.vm-page .vs-symptom-grid a.is-selected{border-color:#146eb0;background:#edf7fd}.vm-page .vs-symptom-grid a:focus-visible{outline:3px solid #ff791a;outline-offset:3px}
.vm-page section h2,.vm-page details[id]{scroll-margin-top:180px}.vm-page .vm-table-wrap{max-width:100%;overflow-x:auto}.vm-page .vm-table-wrap::before{content:'ستون‌های جدول را با پیمایش افقی ببینید';display:block;font-size:12px;padding:12px;color:#c6dfed}
@media(max-width:540px){.vm-page{padding-bottom:85px}.vm-page .vs-symptom-picker{padding-block:30px}.vm-page .vs-navigation-track{padding-block:9px;max-height:102px}.vm-page .vs-navigation a{font-size:12px;padding:9px 13px}.vm-page .vs-symptom-grid{gap:11px}.vm-page .vs-symptom-grid a{padding:20px}}
.vm-page .vm-hero{padding-top:42px;padding-bottom:35px}.vm-page .vm-brand-line{display:flex;align-items:center;gap:12px;margin-bottom:20px}.vm-page .vm-brand-line svg,.vm-page .vm-brand-line img{width:48px!important;height:48px!important;max-width:48px}.vm-page .vm-copy h1{font-size:clamp(28px,3.3vw,46px);line-height:1.65}.vm-page .vm-copy>p{font-size:16px;line-height:2}.vm-page .vm-hero-grid{align-items:center}
.vm-page .model-diagnostic-stage{min-height:340px;isolation:isolate;overflow:visible;background:radial-gradient(ellipse at 50% 75%,#1a71a83d,transparent 65%)}
.vm-page .model-diagnostic-stage img.model-car-cutout{position:relative!important;inset:auto!important;display:block;width:100%!important;height:350px!important;max-width:760px;object-fit:contain!important;object-position:center;margin:0 auto!important;padding:24px 12px 70px;transform:none;filter:drop-shadow(0 25px 18px #0005);z-index:2}
.vm-page .model-diagnostic-stage figcaption{position:absolute;bottom:0;inset-inline:16px;z-index:3}.vm-page .vm-model-mark{opacity:.07;pointer-events:none}
.vehicle-service-layout{background:#f7fafc;color:#10283d;padding:0 0 64px}
.vs-navigation{position:sticky;top:76px;z-index:20;background:#fffefb;border-block:1px solid #dce6ed;box-shadow:0 8px 22px #16395908}
.vs-navigation-track{display:flex;gap:10px;overflow-x:auto;padding-block:15px;scrollbar-width:thin}
.vs-navigation a{flex:0 0 auto;display:flex;align-items:center;gap:9px;max-width:310px;padding:11px 17px;border:1px solid #e1e9ef;border-radius:40px;font-size:13px;line-height:1.7;color:#163959;text-decoration:none}
.vs-navigation a:hover,.vs-navigation a:focus-visible,.vs-navigation a[aria-current]{background:#082c49;color:white}.vs-navigation a span{color:#f77a21;font-size:12px;direction:ltr}
.vs-band{padding:64px 0;border-bottom:1px solid #e0e9ef;scroll-margin-top:170px}.vs-band:nth-of-type(even){background:#edf4f8}
.vs-band-grid{display:grid;grid-template-columns:100px minmax(0,1fr);gap:35px;align-items:start}
.vs-section-marker{position:sticky;top:185px;display:grid;gap:18px;padding-top:8px}.vs-section-marker span{font-size:54px;font-weight:800;line-height:1;color:#b3c9d8;direction:ltr;text-align:right}.vs-section-marker i{height:4px;width:38px;background:#ff7719;border-radius:8px}
.vs-content{min-width:0;font-size:16px;line-height:2.15;overflow-wrap:anywhere}.vs-content h2{font-size:clamp(22px,2.2vw,31px);line-height:1.7;letter-spacing:-.6px;margin:0 0 28px;scroll-margin-top:180px;color:#092b48}
.vs-content h3{font-size:19px;line-height:1.8}.vs-content p{margin:18px 0;max-width:100ch}.vs-content a{color:#0567b1;text-decoration:underline;text-underline-offset:5px}.vs-content li{margin:12px 0}.vs-content strong{color:#093654}
.vs-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0;border:1px solid #d3e1eb;border-radius:18px;background:white;font-size:14px;scrollbar-width:thin}
.vs-content table::before{content:'برای دیدن همهٔ ستون‌ها، جدول را به چپ و راست بکشید';display:block;padding:12px;color:#526f85;font-size:12px}
.vs-content th,.vs-content td{min-width:180px;padding:19px;text-align:right;border-bottom:1px solid #e1e9f0;vertical-align:top}.vs-content th{background:#0a304f;color:#fff}
.vs-content .km-block{margin:0;border:0;background:none;padding:0;box-shadow:none}.vs-content .km-block-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vs-content .km-block-item{border:1px solid #dce7ee;border-radius:24px;padding:27px;background:white;box-shadow:0 12px 30px #19395005}
.vs-content details{background:white;border:1px solid #d7e4ed;border-radius:18px;margin:13px 0;overflow:hidden}.vs-content summary{cursor:pointer;padding:23px;font-weight:700;color:#143f5d;line-height:1.9}.vs-content details[open]{border-color:#4ca7e0;box-shadow:0 8px 30px #235f8409}.vs-content details .km-block-copy{padding:0 24px 25px}
.vs-content .km-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.vs-content .km-tabs[hidden]{display:none}.vs-content .km-tabs button{border-radius:14px;padding:14px 22px;border:1px solid #cddde8;background:white;color:#143d59;white-space:normal}.vs-content .km-tabs button[aria-selected=true]{background:#0b3553;color:white;border-color:#0b3553}
.vs-content .km-tab-panel{background:white;padding:28px;border:1px solid #d6e5ed;border-inline-start:4px solid #ff791a;border-radius:20px}
.vs-request{margin-top:55px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#092d48;padding:38px;border-radius:25px;color:#fff}.vs-request h2{font-size:24px;line-height:1.7}.vs-request p{color:#c3d6e2;line-height:2}.vs-request .btn{flex-shrink:0}
.vehicle-service-layout :is(a,button,summary):focus-visible{outline:3px solid #ff791a;outline-offset:4px}
@media(max-width:900px){.vs-band-grid{grid-template-columns:50px minmax(0,1fr);gap:20px}.vs-section-marker span{font-size:35px}.vs-content .km-block-items{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-navigation{top:70px}.vs-band{padding:42px 0}.vs-request{margin-inline:18px;width:auto;flex-direction:column;align-items:stretch}}
@media(max-width:540px){.vm-page .model-diagnostic-stage img.model-car-cutout{height:275px!important;padding:12px 4px 60px}.vm-page .model-diagnostic-stage{min-height:275px}.vs-band-grid{display:block}.vs-section-marker{position:static;display:flex;align-items:center;margin-bottom:20px}.vs-section-marker span{font-size:30px}.vs-content .km-block-items{grid-template-columns:1fr}.vs-content{font-size:15px;line-height:2.05}.vs-content .km-tab-panel{padding:20px}.vs-content summary{padding:19px}.vs-navigation a{max-width:230px;font-size:12px}.vs-band{padding:32px 0}.vs-request{padding:25px}.vs-content h2{scroll-margin-top:185px}}
@media(prefers-reduced-motion:reduce){.vm-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:540px){.vm-page .vm-hero-grid{display:flex;flex-direction:column;gap:18px}.vm-page .vm-copy{display:contents}.vm-page .vm-copy>*{width:100%}.vm-page .vm-copy .breadcrumbs{order:0}.vm-page .vm-copy .vm-brand-line{order:1;margin-bottom:0}.vm-page .vm-copy h1{order:2;margin:0;font-size:27px}.vm-page .vm-stage{order:3;width:100%;margin:0}.vm-page .vm-copy>p{order:4;margin:0}.vm-page .vm-copy .vm-status{order:5}.vm-page .vm-copy .hero-actions{order:6;margin:0}.vm-page .vm-hero{padding-top:25px}}
