/* SEE-IT-Service 4.10.8 – individuelle Premium-Werkstattseiten.
   Ausschließlich auf body.sit-workshop-page gescoped. */

body.sit-workshop-page {
    --sit-blue: #0576b9;
    --sit-blue-bright: #13a0d7;
    --sit-navy: #082e60;
    --sit-deep: #061f48;
    --sit-ink: #14283a;
    --sit-copy: #405568;
    --sit-muted: #6f8292;
    --sit-line: #d9e4eb;
    --sit-soft: #f2f7fa;
    --sit-cyan-soft: #eaf7fc;
    --sit-orange: #f28a18;
    --sit-green: #228b65;
    --sit-red: #c83c47;
    --sit-white: #fff;
    background: #fff;
    color: var(--sit-copy);
}

body.sit-workshop-page,
body.sit-workshop-page *,
body.sit-workshop-page *::before,
body.sit-workshop-page *::after { box-sizing: border-box; }

body.sit-workshop-page #main-content { display: block; }
body.sit-workshop-page .sit-ws-shell,
body.sit-workshop-page .sit-workshop-breadcrumb {
    width: min(1440px, calc(100% - 30px)) !important;
    max-width: 1440px !important;
    margin-inline: auto !important;
}
body.sit-workshop-page .sit-workshop-breadcrumb { padding-left: 0 !important; padding-right: 0 !important; }
body.sit-workshop-page .sit-workshop-breadcrumb ul { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
body.sit-workshop-page .sit-workshop-breadcrumb li { list-style:none; }
body.sit-workshop-page .sit-workshop-breadcrumb li + li::before { content:'›'; color:#9aabb7; margin-right:10px; }

body.sit-workshop-page .sit-ws-kicker {
    display: inline-flex; align-items:center; gap:8px; margin:0 0 12px;
    color: var(--sit-blue); font-size:12px; font-weight:800; letter-spacing:.11em; text-transform:uppercase;
}
body.sit-workshop-page .sit-ws-kicker::before { content:''; width:28px; height:3px; background:var(--sit-orange); }
body.sit-workshop-page .sit-ws-hero h1,
body.sit-workshop-page .sit-ws-section h2,
body.sit-workshop-page .sit-ws-section h3 { color:var(--sit-navy); letter-spacing:-.025em; }
body.sit-workshop-page .sit-ws-hero h1 { margin:0 0 12px; font-size:clamp(38px,4.5vw,68px); line-height:1.02; }
body.sit-workshop-page .sit-ws-hero .sit-ws-subtitle { margin:0 0 14px; font-size:clamp(21px,2.2vw,32px); line-height:1.18; }
body.sit-workshop-page .sit-ws-hero .sit-ws-lead { margin:0; font-size:17px; line-height:1.72; }
body.sit-workshop-page .sit-ws-section { margin:70px auto; }
body.sit-workshop-page .sit-ws-section h2 { margin:0 0 18px; font-size:clamp(31px,3.2vw,50px); line-height:1.08; }
body.sit-workshop-page .sit-ws-section h3 { margin:0 0 10px; font-size:clamp(21px,2vw,30px); line-height:1.15; }
body.sit-workshop-page .sit-ws-section p { line-height:1.72; }

body.sit-workshop-page .sit-ws-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
body.sit-workshop-page .sit-ws-btn {
    display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 19px;
    border:1px solid var(--sit-blue); text-decoration:none !important; font-weight:800; transition:.18s ease;
}
body.sit-workshop-page .sit-ws-btn--primary { background:var(--sit-blue); color:#fff !important; }
body.sit-workshop-page .sit-ws-btn--primary:hover { background:var(--sit-navy); border-color:var(--sit-navy); }
body.sit-workshop-page .sit-ws-btn--ghost { background:#fff; color:var(--sit-navy) !important; }
body.sit-workshop-page .sit-ws-btn--ghost:hover { background:var(--sit-cyan-soft); }

body.sit-workshop-page .sit-ws-editor {
    min-width:0; color:var(--sit-copy); font-size:16px; line-height:1.72;
}
body.sit-workshop-page .sit-ws-editor > :first-child { margin-top:0 !important; }
body.sit-workshop-page .sit-ws-editor > :last-child { margin-bottom:0 !important; }
body.sit-workshop-page .sit-ws-editor h2 { font-size:clamp(28px,2.8vw,42px); }
body.sit-workshop-page .sit-ws-editor h3 { font-size:clamp(21px,2vw,29px); }
body.sit-workshop-page .sit-ws-editor p { margin:0 0 18px; }
body.sit-workshop-page .sit-ws-editor ul,
body.sit-workshop-page .sit-ws-editor ol { margin:16px 0 22px; padding-left:24px; }
body.sit-workshop-page .sit-ws-editor li { margin:7px 0; }
body.sit-workshop-page .sit-ws-editor img { max-width:100% !important; height:auto !important; }
body.sit-workshop-page .sit-ws-editor .sit-cms-note {
    margin:24px 0; padding:18px 20px; border-left:4px solid var(--sit-blue); background:var(--sit-cyan-soft);
}
body.sit-workshop-page .sit-ws-editor .sit-cms-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0; }
body.sit-workshop-page .sit-ws-editor .sit-cms-card { padding:22px; border:1px solid var(--sit-line); background:#fff; }

body.sit-workshop-page .sit-ws-faq { display:grid; grid-template-columns:minmax(0,.42fr) minmax(0,1fr); gap:44px; align-items:start; }
body.sit-workshop-page .sit-ws-faq-list { border-top:1px solid var(--sit-line); }
body.sit-workshop-page .sit-ws-faq details { border-bottom:1px solid var(--sit-line); }
body.sit-workshop-page .sit-ws-faq summary { cursor:pointer; list-style:none; padding:18px 44px 18px 0; position:relative; color:var(--sit-navy); font-weight:800; font-size:17px; }
body.sit-workshop-page .sit-ws-faq summary::-webkit-details-marker { display:none; }
body.sit-workshop-page .sit-ws-faq summary::after { content:'+'; position:absolute; right:4px; top:15px; font-size:26px; font-weight:400; color:var(--sit-blue); }
body.sit-workshop-page .sit-ws-faq details[open] summary::after { content:'–'; }
body.sit-workshop-page .sit-ws-faq details p { margin:0; padding:0 36px 18px 0; color:var(--sit-copy); }

body.sit-workshop-page .sit-ws-cta {
    display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center;
    margin:72px auto; padding:36px 42px; background:linear-gradient(115deg,var(--sit-deep),var(--sit-blue)); color:#fff;
}
body.sit-workshop-page .sit-ws-cta h2 { color:#fff; margin:0 0 8px; font-size:clamp(27px,2.6vw,42px); }
body.sit-workshop-page .sit-ws-cta p { margin:0; color:#e8f4fb; }
body.sit-workshop-page .sit-ws-cta .sit-ws-btn { border-color:#fff; }
body.sit-workshop-page .sit-ws-cta .sit-ws-btn--ghost { background:#fff; color:var(--sit-navy) !important; }

body.sit-workshop-page .sit-ws-price-wrap { overflow-x:auto; border:1px solid var(--sit-line); background:#fff; }
body.sit-workshop-page .sit-ws-price-wrap table { width:100% !important; max-width:none !important; margin:0 !important; border-collapse:collapse !important; }
body.sit-workshop-page .sit-ws-price-wrap th,
body.sit-workshop-page .sit-ws-price-wrap td { padding:15px 17px !important; border:1px solid var(--sit-line) !important; color:var(--sit-copy) !important; }
body.sit-workshop-page .sit-ws-price-wrap th { background:var(--sit-navy) !important; color:#fff !important; font-weight:800 !important; }
body.sit-workshop-page .sit-ws-price-note { margin:10px 0 0; color:var(--sit-muted); font-size:13px; }

/* ============================================================
   DISPLAY – klare technische Prüflogik, asymmetrische Karten
   ============================================================ */
body.sit-workshop-display .sit-display-hero { margin:0 auto 44px; }
body.sit-workshop-display .sit-display-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(330px,.72fr); min-height:390px; background:#45abe0; }
body.sit-workshop-display .sit-display-hero-media { margin:0; min-height:390px; overflow:hidden; }
body.sit-workshop-display .sit-display-hero-media img { width:100%; height:100%; min-height:390px; object-fit:cover; display:block; }
body.sit-workshop-display .sit-display-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:44px 46px; background:linear-gradient(145deg,#082c86,#0a2370); color:#fff; }
body.sit-workshop-display .sit-display-hero-copy h1,
body.sit-workshop-display .sit-display-hero-copy .sit-ws-subtitle { color:#fff; }
body.sit-workshop-display .sit-display-hero-copy .sit-ws-kicker { color:#a9e3ff; }
body.sit-workshop-display .sit-display-signals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--sit-line); margin-top:26px; border:1px solid var(--sit-line); }
body.sit-workshop-display .sit-display-signal { padding:18px; background:#fff; }
body.sit-workshop-display .sit-display-signal strong { display:block; color:var(--sit-navy); margin-bottom:4px; }
body.sit-workshop-display .sit-display-core { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:34px; align-items:start; }
body.sit-workshop-display .sit-display-editor { padding:38px; border-top:5px solid var(--sit-blue); background:#fff; box-shadow:0 16px 50px rgba(13,46,80,.09); }
body.sit-workshop-display .sit-display-side { padding:30px; background:var(--sit-soft); border:1px solid var(--sit-line); }
body.sit-workshop-display .sit-display-side ol { list-style:none; margin:22px 0 0; padding:0; counter-reset:displaycheck; }
body.sit-workshop-display .sit-display-side li { position:relative; padding:0 0 21px 52px; counter-increment:displaycheck; }
body.sit-workshop-display .sit-display-side li::before { content:counter(displaycheck, decimal-leading-zero); position:absolute; left:0; top:-3px; color:var(--sit-blue); font-weight:900; font-size:22px; }
body.sit-workshop-display .sit-display-pricing { padding:36px; background:linear-gradient(180deg,#f5f9fb,#eaf4f9); }
body.sit-workshop-display .sit-display-special { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; }
body.sit-workshop-display .sit-display-special article { padding:22px; border-top:4px solid var(--sit-blue); background:#fff; }

/* ============================================================
   TASTATUR – Keycap-/Werkbank-Optik
   ============================================================ */
body.sit-workshop-keyboard .sit-keyboard-hero { position:relative; overflow:hidden; margin:0 auto 46px; min-height:430px; background:#0a2d59; }
body.sit-workshop-keyboard .sit-keyboard-hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78; }
body.sit-workshop-keyboard .sit-keyboard-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,26,61,.92) 0%,rgba(3,26,61,.76) 45%,rgba(3,26,61,.15) 78%); }
body.sit-workshop-keyboard .sit-keyboard-hero-copy { position:relative; z-index:1; width:min(680px,62%); padding:62px 48px; color:#fff; }
body.sit-workshop-keyboard .sit-keyboard-hero-copy h1,
body.sit-workshop-keyboard .sit-keyboard-hero-copy .sit-ws-subtitle { color:#fff; }
body.sit-workshop-keyboard .sit-keyboard-hero-copy .sit-ws-kicker { color:#a7dcf4; }
body.sit-workshop-keyboard .sit-keyboard-keys { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:34px auto 0; }
body.sit-workshop-keyboard .sit-keyboard-key { min-height:112px; padding:22px 20px; border:1px solid #cad6de; border-bottom:5px solid #aebdc7; border-radius:8px; background:linear-gradient(#fff,#f4f7f9); box-shadow:0 7px 0 #e2e8ec; }
body.sit-workshop-keyboard .sit-keyboard-key strong { display:block; color:var(--sit-navy); font-size:18px; margin-bottom:5px; }
body.sit-workshop-keyboard .sit-keyboard-workbench { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:0; border:1px solid var(--sit-line); }
body.sit-workshop-keyboard .sit-keyboard-editor { padding:42px; background:#fff; }
body.sit-workshop-keyboard .sit-keyboard-visual { display:flex; flex-direction:column; justify-content:center; padding:34px; background:linear-gradient(180deg,#0b78b4,#085d93); color:#fff; }
body.sit-workshop-keyboard .sit-keyboard-visual img { width:100%; height:auto; display:block; margin:0 0 24px; }
body.sit-workshop-keyboard .sit-keyboard-visual h3 { color:#fff; }
body.sit-workshop-keyboard .sit-keyboard-prices { max-width:1080px; margin-inline:auto; }
body.sit-workshop-keyboard .sit-keyboard-prices .sit-ws-price-wrap { box-shadow:12px 12px 0 var(--sit-cyan-soft); }
body.sit-workshop-keyboard .sit-keyboard-layouts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body.sit-workshop-keyboard .sit-keyboard-layouts article { padding:26px; background:var(--sit-soft); border-left:4px solid var(--sit-blue); }

/* ============================================================
   AKKU – Batterie-/Status-Optik und dynamischer Modellkatalog
   ============================================================ */
body.sit-workshop-battery .sit-battery-hero { margin:0 auto 48px; padding:48px; background:linear-gradient(120deg,#e9f7fd 0%,#d2eef9 55%,#0b6ca9 55%,#063b73 100%); }
body.sit-workshop-battery .sit-battery-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); gap:36px; align-items:center; }
body.sit-workshop-battery .sit-battery-hero-copy { max-width:660px; }
body.sit-workshop-battery .sit-battery-hero-media { position:relative; min-height:340px; display:grid; place-items:center; }
body.sit-workshop-battery .sit-battery-hero-media img { width:100%; height:340px; object-fit:cover; display:block; box-shadow:0 20px 50px rgba(0,31,75,.22); }
body.sit-workshop-battery .sit-battery-meter { position:absolute; right:22px; bottom:20px; display:flex; align-items:center; gap:10px; padding:10px 14px; background:#fff; color:var(--sit-navy); font-weight:800; box-shadow:0 8px 24px rgba(0,0,0,.13); }
body.sit-workshop-battery .sit-battery-meter span { width:54px; height:14px; border:2px solid var(--sit-navy); padding:2px; }
body.sit-workshop-battery .sit-battery-meter i { display:block; width:66%; height:100%; background:var(--sit-green); }
body.sit-workshop-battery .sit-battery-signals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
body.sit-workshop-battery .sit-battery-signal { padding:24px; border:1px solid var(--sit-line); background:#fff; }
body.sit-workshop-battery .sit-battery-signal strong { color:var(--sit-navy); display:block; font-size:18px; margin-bottom:5px; }
body.sit-workshop-battery .sit-battery-core { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); gap:34px; align-items:center; }
body.sit-workshop-battery .sit-battery-editor { padding:36px; border-left:6px solid var(--sit-green); background:var(--sit-soft); }
body.sit-workshop-battery .sit-battery-side img { width:100%; height:auto; display:block; }
body.sit-workshop-battery .sit-battery-offers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
body.sit-workshop-battery .sit-battery-offer { overflow:hidden; border:1px solid var(--sit-line); background:#fff; }
body.sit-workshop-battery .sit-battery-offer-media { aspect-ratio:16/9; display:grid; place-items:center; background:#e7eef2; }
body.sit-workshop-battery .sit-battery-offer-media img { width:100%; height:100%; object-fit:contain; }
body.sit-workshop-battery .sit-battery-offer-copy { padding:20px; }
body.sit-workshop-battery .sit-battery-offer h3 { font-size:19px; }
body.sit-workshop-battery .sit-battery-price { color:var(--sit-blue); font-size:21px; font-weight:900; }
body.sit-workshop-battery .sit-battery-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--sit-line); border:1px solid var(--sit-line); }
body.sit-workshop-battery .sit-battery-process article { padding:26px; background:#fff; }
body.sit-workshop-battery .sit-battery-process b { display:block; color:var(--sit-green); font-size:29px; margin-bottom:8px; }

/* ============================================================
   AUFRÜSTUNG – Upgrade-Kompass und Entscheidungsarchitektur
   ============================================================ */
body.sit-workshop-upgrade .sit-upgrade-hero { position:relative; overflow:hidden; margin:0 auto 52px; min-height:440px; background:var(--sit-deep); }
body.sit-workshop-upgrade .sit-upgrade-hero-media { position:absolute; left:0; top:0; width:62%; height:100%; }
body.sit-workshop-upgrade .sit-upgrade-hero-media img { width:100%; height:100%; object-fit:cover; display:block; }
body.sit-workshop-upgrade .sit-upgrade-hero-media::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,31,72,.08),rgba(6,31,72,.25) 60%,var(--sit-deep)); }
body.sit-workshop-upgrade .sit-upgrade-hero-copy { position:relative; margin-left:auto; width:50%; min-height:440px; display:flex; flex-direction:column; justify-content:center; padding:50px 50px 50px 20px; color:#fff; }
body.sit-workshop-upgrade .sit-upgrade-hero-copy h1,
body.sit-workshop-upgrade .sit-upgrade-hero-copy .sit-ws-subtitle { color:#fff; }
body.sit-workshop-upgrade .sit-upgrade-hero-copy .sit-ws-kicker { color:#9eddf7; }
body.sit-workshop-upgrade .sit-upgrade-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
body.sit-workshop-upgrade .sit-upgrade-chips span { padding:7px 10px; border:1px solid rgba(255,255,255,.32); background:rgba(255,255,255,.08); color:#fff; font-size:13px; font-weight:800; }
body.sit-workshop-upgrade .sit-upgrade-compass { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
body.sit-workshop-upgrade .sit-upgrade-compass article { position:relative; padding:28px 24px; min-height:190px; overflow:hidden; background:#fff; border:1px solid var(--sit-line); }
body.sit-workshop-upgrade .sit-upgrade-compass article::before { content:attr(data-code); position:absolute; right:12px; bottom:-16px; color:#e9f2f7; font-size:76px; font-weight:900; line-height:1; }
body.sit-workshop-upgrade .sit-upgrade-compass h3 { position:relative; z-index:1; }
body.sit-workshop-upgrade .sit-upgrade-compass p { position:relative; z-index:1; }
body.sit-workshop-upgrade .sit-upgrade-core { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr); gap:34px; align-items:stretch; }
body.sit-workshop-upgrade .sit-upgrade-editor { padding:38px; background:#fff; border-top:5px solid var(--sit-orange); box-shadow:0 16px 46px rgba(13,46,80,.08); }
body.sit-workshop-upgrade .sit-upgrade-photo { position:relative; min-height:460px; overflow:hidden; }
body.sit-workshop-upgrade .sit-upgrade-photo img { width:100%; height:100%; object-fit:cover; display:block; }
body.sit-workshop-upgrade .sit-upgrade-photo figcaption { position:absolute; left:18px; right:18px; bottom:18px; padding:16px; background:rgba(5,38,78,.9); color:#fff; }
body.sit-workshop-upgrade .sit-upgrade-decisions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body.sit-workshop-upgrade .sit-upgrade-decisions article { padding:28px; background:var(--sit-soft); border-top:4px solid var(--sit-blue); }

/* ============================================================
   DIAGNOSE – Fehlerbild-/Messpfad-Optik
   ============================================================ */
body.sit-workshop-diagnosis .sit-diagnosis-hero { margin:0 auto 50px; padding:48px; background:radial-gradient(circle at 18% 18%,rgba(19,160,215,.35),transparent 34%),linear-gradient(135deg,#041b3c,#082e60 60%,#0b5f94); color:#fff; }
body.sit-workshop-diagnosis .sit-diagnosis-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.82fr); gap:46px; align-items:center; }
body.sit-workshop-diagnosis .sit-diagnosis-hero h1,
body.sit-workshop-diagnosis .sit-diagnosis-hero .sit-ws-subtitle { color:#fff; }
body.sit-workshop-diagnosis .sit-diagnosis-hero .sit-ws-kicker { color:#9fe3ff; }
body.sit-workshop-diagnosis .sit-diagnosis-hero-media { padding:12px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.08); }
body.sit-workshop-diagnosis .sit-diagnosis-hero-media img { width:100%; height:320px; object-fit:cover; display:block; }
body.sit-workshop-diagnosis .sit-diagnosis-symptoms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
body.sit-workshop-diagnosis .sit-diagnosis-symptom { display:grid; grid-template-columns:50px 1fr; gap:15px; padding:22px; border:1px solid var(--sit-line); background:#fff; }
body.sit-workshop-diagnosis .sit-diagnosis-symptom b { display:grid; place-items:center; width:50px; height:50px; background:var(--sit-navy); color:#fff; font-size:18px; }
body.sit-workshop-diagnosis .sit-diagnosis-symptom strong { display:block; color:var(--sit-navy); margin-bottom:4px; }
body.sit-workshop-diagnosis .sit-diagnosis-report { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); gap:0; border:1px solid var(--sit-line); }
body.sit-workshop-diagnosis .sit-diagnosis-editor { padding:40px; background:#fff; }
body.sit-workshop-diagnosis .sit-diagnosis-proof { padding:38px; background:#071f45; color:#fff; }
body.sit-workshop-diagnosis .sit-diagnosis-proof h3 { color:#fff; }
body.sit-workshop-diagnosis .sit-diagnosis-proof ul { margin:18px 0 0; padding:0; list-style:none; }
body.sit-workshop-diagnosis .sit-diagnosis-proof li { padding:11px 0 11px 26px; border-bottom:1px solid rgba(255,255,255,.13); position:relative; }
body.sit-workshop-diagnosis .sit-diagnosis-proof li::before { content:'✓'; position:absolute; left:0; color:#65d7b0; font-weight:900; }
body.sit-workshop-diagnosis .sit-diagnosis-path { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; counter-reset:diagstep; }
body.sit-workshop-diagnosis .sit-diagnosis-path article { position:relative; padding:26px 24px 26px 72px; border-top:1px solid var(--sit-line); border-bottom:1px solid var(--sit-line); background:#fff; counter-increment:diagstep; }
body.sit-workshop-diagnosis .sit-diagnosis-path article + article { border-left:1px solid var(--sit-line); }
body.sit-workshop-diagnosis .sit-diagnosis-path article::before { content:counter(diagstep, decimal-leading-zero); position:absolute; left:22px; top:24px; color:var(--sit-blue); font-size:24px; font-weight:900; }
body.sit-workshop-diagnosis .sit-diagnosis-workshop-photo { margin:26px 0 0; }
body.sit-workshop-diagnosis .sit-diagnosis-workshop-photo img { width:100%; max-height:420px; object-fit:cover; display:block; }

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 1080px) {
    body.sit-workshop-page .sit-ws-faq { grid-template-columns:1fr; gap:20px; }
    body.sit-workshop-display .sit-display-hero-grid,
    body.sit-workshop-display .sit-display-core,
    body.sit-workshop-keyboard .sit-keyboard-workbench,
    body.sit-workshop-battery .sit-battery-hero-grid,
    body.sit-workshop-battery .sit-battery-core,
    body.sit-workshop-upgrade .sit-upgrade-core,
    body.sit-workshop-diagnosis .sit-diagnosis-hero-grid,
    body.sit-workshop-diagnosis .sit-diagnosis-report { grid-template-columns:1fr; }
    body.sit-workshop-display .sit-display-signals,
    body.sit-workshop-keyboard .sit-keyboard-keys,
    body.sit-workshop-battery .sit-battery-process,
    body.sit-workshop-upgrade .sit-upgrade-compass,
    body.sit-workshop-diagnosis .sit-diagnosis-path { grid-template-columns:repeat(2,minmax(0,1fr)); }
    body.sit-workshop-upgrade .sit-upgrade-hero-media { width:100%; opacity:.35; }
    body.sit-workshop-upgrade .sit-upgrade-hero-copy { width:100%; margin:0; padding:50px; }
    body.sit-workshop-battery .sit-battery-hero { background:linear-gradient(180deg,#e9f7fd,#d7eff9); }
    body.sit-workshop-keyboard .sit-keyboard-hero-copy { width:75%; }
}

@media (max-width: 760px) {
    body.sit-workshop-page .sit-ws-shell,
    body.sit-workshop-page .sit-workshop-breadcrumb { width:min(100% - 20px, 1440px) !important; }
    body.sit-workshop-page .sit-ws-section { margin:48px auto; }
    body.sit-workshop-page .sit-ws-cta { grid-template-columns:1fr; padding:28px 24px; margin:52px auto; }
    body.sit-workshop-page .sit-ws-editor .sit-cms-grid,
    body.sit-workshop-display .sit-display-signals,
    body.sit-workshop-display .sit-display-special,
    body.sit-workshop-keyboard .sit-keyboard-keys,
    body.sit-workshop-keyboard .sit-keyboard-layouts,
    body.sit-workshop-battery .sit-battery-signals,
    body.sit-workshop-battery .sit-battery-offers,
    body.sit-workshop-battery .sit-battery-process,
    body.sit-workshop-upgrade .sit-upgrade-compass,
    body.sit-workshop-upgrade .sit-upgrade-decisions,
    body.sit-workshop-diagnosis .sit-diagnosis-symptoms,
    body.sit-workshop-diagnosis .sit-diagnosis-path { grid-template-columns:1fr; }
    body.sit-workshop-display .sit-display-hero-grid { min-height:0; }
    body.sit-workshop-display .sit-display-hero-media,
    body.sit-workshop-display .sit-display-hero-media img { min-height:250px; height:250px; }
    body.sit-workshop-display .sit-display-hero-copy { padding:32px 25px; }
    body.sit-workshop-display .sit-display-editor,
    body.sit-workshop-display .sit-display-pricing,
    body.sit-workshop-keyboard .sit-keyboard-editor,
    body.sit-workshop-keyboard .sit-keyboard-visual,
    body.sit-workshop-battery .sit-battery-hero,
    body.sit-workshop-battery .sit-battery-editor,
    body.sit-workshop-upgrade .sit-upgrade-editor,
    body.sit-workshop-diagnosis .sit-diagnosis-hero,
    body.sit-workshop-diagnosis .sit-diagnosis-editor,
    body.sit-workshop-diagnosis .sit-diagnosis-proof { padding:26px 22px; }
    body.sit-workshop-keyboard .sit-keyboard-hero { min-height:520px; }
    body.sit-workshop-keyboard .sit-keyboard-hero-copy { width:100%; padding:42px 24px; }
    body.sit-workshop-keyboard .sit-keyboard-hero::after { background:linear-gradient(180deg,rgba(3,26,61,.92),rgba(3,26,61,.74) 70%,rgba(3,26,61,.35)); }
    body.sit-workshop-battery .sit-battery-hero-media img { height:260px; }
    body.sit-workshop-upgrade .sit-upgrade-hero-copy { padding:38px 24px; }
    body.sit-workshop-diagnosis .sit-diagnosis-hero-media img { height:240px; }
    body.sit-workshop-diagnosis .sit-diagnosis-path article + article { border-left:0; border-top:0; }
}