/* Service: Terminanfrage, Notdienst, Wartungsabo (eigene Datei, CSP: keine Inline-Styles) */
.mt5 { margin-top: var(--s5); }
/* Pages/Service/Anfrage.cshtml */
.svc-days { display: grid; gap: var(--s4); }
.svc-day h3 { font-size: 1rem; margin: 0 0 var(--s2); }
.svc-day .slots { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.slot input:disabled + span { opacity: .45; cursor: not-allowed; text-decoration: line-through; }
.slot small { display: block; color: var(--text-3); font-weight: 400; }
.svc-sos { display: flex; gap: var(--s3); align-items: center; justify-content: space-between; flex-wrap: wrap; }
.svc-wish { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: var(--s3); }
/* Pages/Notdienst.cshtml */
.sos-hero { background: var(--navy, #0b2a4a); color: #fff; border-radius: var(--radius); padding: var(--s5); display: grid; gap: var(--s3); }
.sos-hero h1 { color: #fff; margin: 0; }
.sos-hero p { margin: 0; color: rgba(255,255,255,.9); }
.sos-hero p a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }   /* 03.11.2026: E-Mail auf dunklem Grund lesbar */
.sos-call { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 64px; border-radius: 14px; background: #d6001c; color: #fff; font-size: 1.35rem; font-weight: 800; text-decoration: none; letter-spacing: .02em; }
.sos-call:hover, .sos-call:focus { background: #b00017; color: #fff; }
.sos-call svg { width: 28px; height: 28px; }
.sos-steps { display: grid; gap: var(--s2); padding-left: 1.2em; margin: 0; }
.sos-form { margin-top: var(--s5); max-width: 720px; }
.sos-tips { font-size: .92rem; }
@media (min-width: 900px) { .sos-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--s6); align-items: start; } }
/* Pages/Wartungsabo.cshtml */
.abo-benefits { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--s4); list-style: none; padding: 0; margin: var(--s5) 0; }
.abo-benefits li { border: 1px solid var(--line); border-radius: var(--radius); padding: var(--s4); background: var(--surface); }
.abo-benefits strong { display: block; margin-bottom: 4px; }

/* 03.11.2026: «Montage & Service» – Tor-Check zum Fixpreis, FAQ */
.svc-offer { display: grid; gap: var(--s5); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; border: 2px solid var(--brand, #f39200); border-radius: var(--radius); padding: var(--s5); background: var(--surface); }
@media (max-width: 760px) { .svc-offer { grid-template-columns: 1fr; } }
.svc-offer h2 { margin: 0 0 var(--s2); }
.svc-price { font-size: 1.6rem; margin: 0 0 var(--s3); }
.svc-price strong { color: var(--brand-text, #a35a00); }
.svc-price span { font-size: .95rem; color: var(--text-3); }
.svc-check { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.svc-check li { padding-left: 1.6em; position: relative; }
.svc-check li::before { content: "✓"; position: absolute; left: 0; color: var(--brand-text, #a35a00); font-weight: 800; }
/* 10.11.2026: Reparatur-Angaben in der Service-Anfrage */
.svc-reparatur { border: 1px solid var(--line, #e6e9ee); border-radius: var(--radius-sm, 8px); padding: var(--s4); margin: 0; background: var(--surface-2, #f8fafc); }
.svc-reparatur > legend { padding: 0 6px; margin: 0; }
.svc-defekte { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; }
@media (max-width: 640px) { .svc-defekte { grid-template-columns: 1fr; } }
.svc-dringlichkeit { border: 0; padding: 0; margin: 0; display: grid; gap: 6px; }
.svc-dringlichkeit legend { font-weight: 700; margin-bottom: 4px; }
#reparatur .row { margin-top: var(--s3); }
.faq details { border-top: 1px solid var(--line); padding: var(--s3) 0; }
.faq summary { cursor: pointer; font-weight: 700; }
.faq details p { margin: var(--s2) 0 0; color: var(--text-2); }