:root{
  --bg: #f2f2f3;
  --panel: #ffffff;
  --muted: #6b6b70;
  --text: #121216;
  --line: #e4e4e8;
  --shadow: 0 10px 30px rgba(0,0,0,.06);
  --radius: 16px;
  --radius-sm: 12px;
  --gap: 14px;

  --icon-off: #8a8a92;
  --icon-on: #111111;
}

*{ box-sizing:border-box; }
.svc-container{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px;
}

.svc-hero{
  background: var(--panel);
  border-bottom: 1px solid var(--line);
  padding: 34px 0 20px;
}
.svc-hero h1{
  margin: 0;
  font-size: 28px;
  letter-spacing: .2px;
}
.svc-lead{
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14.5px;
}

.svc-section{
  background: var(--bg);
  padding: 22px 0 34px;
}

.svc-grid{
  display: grid;
  gap: 18px;
  align-items: start;
}
@media (min-width: 900px){
  .svc-grid--stack{
    grid-template-columns: 1.15fr .85fr;
  }
}

.svc-panel{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px;
}

.svc-alert{
  border-radius: 14px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  background: var(--panel);
  margin-bottom: 14px;
}
.svc-alert--ok{ border-color: rgba(0,0,0,.12); }
.svc-alert--warn{ border-color: rgba(160,90,0,.35); }
.svc-alert ul{ margin: 8px 0 0 18px; }
.svc-alert-muted{ margin-left: 8px; color: var(--muted); font-size: 13px; }

.svc-group{
  border: 0;
  padding: 0;
  margin: 0 0 14px;
}
.svc-group legend{
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 10px;
}

.svc-row{
  display: grid;
  gap: 12px;
}
.svc-row--two{
  grid-template-columns: 1fr 1fr;
}
.svc-row--three{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.svc-row--single{
  grid-template-columns: 1fr;
}

.svc-pill{
  position: relative;
  display: block;
  cursor: pointer;
  user-select: none;
}
.svc-pill input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.svc-pill span{
  display: grid;
  gap: 2px;
  padding: 12px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: #fafafa;
  transition: transform .08s ease, border-color .15s ease, background .15s ease;
  min-height: 62px;
}
.svc-pill strong{
  font-size: 14px;
  line-height: 1.1;
}
.svc-pill small{
  font-size: 12.5px;
  color: var(--muted);
}
.svc-pill:hover span{ transform: translateY(-1px); border-color: rgba(0,0,0,.18); }
.svc-pill input:checked + span{
  background: #fff;
  border-color: rgba(0,0,0,.26);
}

.svc-field{ display: grid; gap: 8px; }
.svc-label{ font-size: 12.5px; color: var(--muted); }
.svc-input{
  width: 100%;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  font: inherit;
  color: var(--text);
  outline: none;
}
.svc-input:focus{
  border-color: rgba(0,0,0,.28);
}

.svc-hint{
  margin: 0;
  color: var(--muted);
  font-size: 12.5px;
}
.svc-hint--mt{ margin-top: 8px; }

.svc-stepper{
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  align-items: center;
  gap: 8px;
}
.svc-stepper-btn{
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: #fafafa;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}
.svc-stepper-btn:disabled{
  opacity: .45;
  cursor: not-allowed;
}
.svc-stepper-input{
  text-align: center;
  height: 40px;
}

/* ============ SERVICES GRID (Kacheln) ============ */
/* Wichtig: auch mobil nebeneinander (2 Spalten) */
.svc-services{
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 720px){
  .svc-services{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.svc-tile{
  position: relative;
  display: block;
  cursor: pointer;
  user-select: none;
}
.svc-tile input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.svc-tile > span{
  display: grid;
  place-items: center;
  text-align: center;
  gap: 10px;
  padding: 14px 10px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: #fafafa;
  min-height: 132px;
  transition: transform .08s ease, border-color .15s ease, background .15s ease;
}
.svc-tile:hover > span{
  transform: translateY(-1px);
  border-color: rgba(0,0,0,.18);
}
.svc-tile strong{
  font-size: 13.5px;
  line-height: 1.15;
  color: var(--text);
}
.svc-tile small{
  font-size: 12px;
  line-height: 1.15;
  color: var(--muted);
}

/* Icon: kein grauer Hintergrund, nur das Symbol (mask) */
.svc-ic{
  width: 34px;
  height: 34px;
  display: inline-block;
}

/* Mask-Variante: SVG wird einfarbig (grau -> schwarz bei checked) */
.svc-ic--mask{
  background-color: var(--icon-off);
  -webkit-mask-image: var(--icon);
  mask-image: var(--icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* beim Auswählen: Hintergrund bleibt unverändert (Kachel), nur Icon/Border dunkler */
.svc-tile input:checked + span{
  background: #fff;
  border-color: rgba(0,0,0,.26);
}
.svc-tile input:checked + span .svc-ic--mask{
  background-color: var(--icon-on);
}

/* ============ SUMMARY ============ */
.svc-summary h2{
  margin: 0;
  font-size: 16px;
  letter-spacing: .2px;
}
.svc-summary-head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.svc-summary-context{
  margin: 0;
  color: var(--muted);
  font-size: 12.5px;
}

.svc-breakdown{
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--line);
}
.svc-breakdown li{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  align-items: center;
}
.svc-breakdown li > span:first-child{
  font-size: 13px;
  color: var(--text);
}
.svc-bp{
  display: grid;
  justify-items: end;
  gap: 2px;
  white-space: nowrap;
}
.svc-bp-gross{
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
.svc-bp-net{
  font-size: 12px;
  color: var(--muted);
}
.svc-breakdown-discount span:first-child{
  color: #444;
}

.svc-total-row{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-top: 14px;
}
.svc-total-main{
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .2px;
}
.svc-total-sub{
  font-size: 12.5px;
  color: var(--muted);
}
.svc-total-sub2{
  margin-top: 6px;
  font-size: 12.5px;
  color: var(--muted);
}

/* bottom actions */
.svc-bottom-actions{
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.svc-request{
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 10px;
}
.svc-consent{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 12.5px;
  color: var(--muted);
}
.svc-consent input{ margin-top: 3px; }

.svc-fineprint{
  margin: 0;
  font-size: 12px;
  color: var(--muted);
}

.is-hidden{ display:none !important; }

/* PRINT */
.svc-print{ display:none; }
body.svc-printing .svc-print{ display:block; }
body.svc-printing .svc-hero,
body.svc-printing .svc-section,
body.svc-printing footer{ display:none !important; }

.svc-print-inner{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  padding: 24px;
  color: #111;
}
.svc-print-head{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.svc-print-head h1{ margin:0; font-size: 20px; }
.svc-print-muted{ color:#666; font-size: 12.5px; }
.svc-print-right{ text-align:right; font-size: 12.5px; color:#222; }

.svc-print-boxes{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 14px 0 16px;
}
.svc-print-box{
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 10px 12px;
}

.svc-print-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.svc-print-table th, .svc-print-table td{
  padding: 8px 8px;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: top;
}
.svc-print-table th{
  text-align: left;
  color:#444;
  font-weight: 700;
}

.svc-print-sums{
  margin-top: 12px;
  display: grid;
  gap: 6px;
  max-width: 360px;
  margin-left: auto;
}
.svc-print-sumrow{
  display:flex;
  justify-content: space-between;
  gap: 12px;
}
.svc-print-sumrow--strong strong{ font-size: 14px; }

@media print{
  body{ background:#fff !important; }
  .svc-print{ display:block !important; }
  .svc-hero, .svc-section, footer{ display:none !important; }
}

/* =========================================================
   RHEINGAU BIKES — SERVICE REDESIGN
========================================================= */

:root{
  --svc-bg:#080a0e;
  --svc-dark:#151515;
  --svc-panel:#111318;
  --svc-panel-2:#171a20;
  --svc-line:rgba(255,255,255,.09);
  --svc-text:#f4f4f4;
  --svc-muted:rgba(255,255,255,.64);
  --svc-soft:rgba(255,255,255,.045);
  --svc-red:#d63b3b;
  --svc-red-2:#ff4b5f;
}

body{
  background:var(--svc-bg);
}

.svc-page{
  background:var(--svc-bg);
  color:var(--svc-text);
  overflow:hidden;
}

.svc-container{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding-inline:clamp(18px,4vw,40px);
}

.svc-kicker{
  margin:0 0 14px;
  color:rgba(255,255,255,.54);
  font-size:12px;
  font-weight:900;
  letter-spacing:.32em;
  text-transform:uppercase;
}

.svc-hero{
  position:relative;
  min-height:calc(100svh - 64px);
  display:flex;
  align-items:center;
  padding:clamp(118px,13vw,170px) 0 86px;
  border-bottom:1px solid var(--svc-line);
  background:#151515;
  color:#fff;
  overflow:hidden;
}

.svc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#151515 0%,rgba(21,21,21,.76) 42%,rgba(21,21,21,.34) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06),#151515 94%),
    url('/assets/images/ducati-dunkel.png') center right/contain no-repeat;
  opacity:.9;
}

.svc-hero::after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-1px;
  height:150px;
  background:var(--svc-red);
  clip-path:polygon(0 58%,35% 78%,100% 38%,100% 100%,0 100%);
}

.svc-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  gap:34px;
  align-items:end;
}

.svc-hero-copy{
  max-width:820px;
}

.svc-hero h1{
  max-width:880px;
  margin:0;
  color:#fff;
  font-size:clamp(44px,8.2vw,92px);
  line-height:.93;
  font-weight:300;
  font-style:italic;
  letter-spacing:-.055em;
  text-transform:uppercase;
}

.svc-lead{
  max-width:780px;
  margin:28px 0 0;
  color:rgba(255,255,255,.70);
  font-size:clamp(18px,2.2vw,25px);
  line-height:1.55;
}

.svc-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.svc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:999px;
  padding:12px 18px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:13px;
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.svc-btn:hover{
  transform:translateY(-1px);
}

.svc-btn--primary{
  background:var(--svc-red);
  color:#fff;
  border:1px solid rgba(255,75,95,.52);
}

.svc-btn--ghost{
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.045);
}

.svc-hero-panel{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:760px;
}

.svc-hero-panel div{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(8,10,14,.70);
  backdrop-filter:blur(12px);
  border-radius:20px;
  padding:16px;
}

.svc-hero-panel span,
.svc-hero-panel small{
  display:block;
  color:rgba(255,255,255,.54);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.svc-hero-panel strong{
  display:block;
  margin:4px 0;
  color:#fff;
  font-size:clamp(26px,4vw,42px);
  line-height:1;
  font-weight:900;
}

.svc-showcase,
.svc-process,
.svc-section{
  background:var(--svc-bg);
  color:#fff;
}

.svc-showcase{
  padding:76px 0 70px;
}

.svc-section-head{
  max-width:860px;
  margin-bottom:30px;
}

.svc-section-head h2,
.svc-process h2{
  margin:0;
  color:#fff;
  font-size:clamp(34px,5.8vw,68px);
  line-height:.98;
  font-weight:300;
  font-style:italic;
  letter-spacing:-.052em;
  text-transform:uppercase;
}

.svc-section-head p:not(.svc-kicker),
.svc-process p{
  max-width:760px;
  margin:18px 0 0;
  color:var(--svc-muted);
  font-size:clamp(16px,1.8vw,20px);
  line-height:1.6;
}

.svc-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.svc-feature{
  min-height:250px;
  border:1px solid var(--svc-line);
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
    var(--svc-panel);
  padding:24px;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}

.svc-feature i{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:16px;
  background:rgba(214,59,59,.16);
  color:#ff6474;
  font-size:1.25rem;
}

.svc-feature h3{
  margin:28px 0 10px;
  color:#fff;
  font-size:1.38rem;
  font-weight:900;
  letter-spacing:-.03em;
}

.svc-feature p{
  margin:0;
  color:var(--svc-muted);
}

.svc-feature a{
  display:inline-flex;
  margin-top:18px;
  color:#ff6474;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
}

.svc-feature a:hover{
  color:#fff;
}

.svc-process{
  padding:72px 0;
  border-top:1px solid var(--svc-line);
  border-bottom:1px solid var(--svc-line);
}

.svc-local-seo{
  background:#080a0e;
  color:#fff;
  padding:74px 0;
  border-top:1px solid var(--svc-line);
}

.svc-local-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:32px;
  align-items:start;
}

.svc-local-seo h2{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:clamp(34px,5.8vw,68px);
  line-height:.98;
  font-weight:300;
  font-style:italic;
  letter-spacing:-.052em;
  text-transform:uppercase;
}

.svc-local-seo p{
  max-width:780px;
  margin:18px 0 0;
  color:var(--svc-muted);
  font-size:clamp(16px,1.8vw,20px);
  line-height:1.65;
}

.svc-answer-list{
  display:grid;
  gap:12px;
}

.svc-answer-list article{
  border:1px solid var(--svc-line);
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025)),
    var(--svc-panel);
  padding:18px;
}

.svc-answer-list span{
  display:inline-flex;
  margin-bottom:12px;
  color:#ff6474;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.svc-answer-list strong{
  display:block;
  color:#fff;
  font-size:1.16rem;
}

.svc-answer-list p{
  margin:8px 0 0;
  color:var(--svc-muted);
  font-size:1rem;
  line-height:1.55;
}

.svc-vesell{
  background:#080a0e;
  color:#fff;
  padding:0 0 74px;
}

.svc-vesell-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 12%, rgba(214,59,59,.20), transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
    #111318;
  padding:clamp(22px,4vw,34px);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}

.svc-vesell h2{
  max-width:840px;
  margin:0;
  color:#fff;
  font-size:clamp(30px,5vw,56px);
  line-height:1;
  font-weight:300;
  font-style:italic;
  letter-spacing:-.05em;
  text-transform:uppercase;
}

.svc-vesell p{
  max-width:820px;
  margin:18px 0 0;
  color:rgba(255,255,255,.68);
  font-size:clamp(16px,1.8vw,20px);
  line-height:1.62;
}

.svc-vesell-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}

.svc-vesell-tags span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.82);
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.svc-vesell-aeo{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}

.svc-vesell-aeo article{
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:#111318;
  padding:18px;
}

.svc-vesell-aeo h3{
  margin:0 0 10px;
  color:#fff;
  font-size:1.12rem;
  font-weight:900;
  letter-spacing:-.02em;
}

.svc-vesell-aeo p{
  margin:0;
  color:rgba(255,255,255,.66);
  line-height:1.58;
}

.rb-compact-info article p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.svc-process-grid{
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:34px;
  align-items:start;
}

.svc-process-list{
  display:grid;
  gap:12px;
}

.svc-process-list div{
  display:grid;
  grid-template-columns:52px 1fr;
  column-gap:16px;
  row-gap:4px;
  align-items:center;
  border:1px solid var(--svc-line);
  border-radius:22px;
  background:var(--svc-panel);
  padding:16px;
}

.svc-process-list span{
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  background:rgba(214,59,59,.16);
  color:#ff6474;
  font-weight:900;
}

.svc-process-list strong{
  color:#fff;
  font-size:1.08rem;
}

.svc-process-list small{
  color:var(--svc-muted);
}

.svc-section{
  padding:76px 0 86px;
}

.svc-faq{
  background:#080a0e;
  color:#fff;
  padding:0 0 86px;
}

.svc-faq-list{
  display:grid;
  gap:12px;
}

.svc-faq-list details{
  border:1px solid var(--svc-line);
  border-radius:22px;
  background:var(--svc-panel);
  overflow:hidden;
}

.svc-faq-list summary{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  color:#fff;
  font-weight:900;
  cursor:pointer;
  list-style:none;
}

.svc-faq-list summary::-webkit-details-marker{
  display:none;
}

.svc-faq-list summary::after{
  content:"+";
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(214,59,59,.16);
  color:#ff6474;
  font-size:1.4rem;
  line-height:1;
}

.svc-faq-list details[open] summary::after{
  content:"-";
}

.svc-faq-list p{
  margin:0;
  padding:0 20px 20px;
  color:var(--svc-muted);
  line-height:1.65;
}

.svc-section-head--calculator{
  margin-bottom:26px;
}

.svc-grid{
  display:grid;
  gap:20px;
  align-items:start;
}

@media (min-width: 992px){
  .svc-grid--stack{
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  }
}

.svc-panel{
  border:1px solid var(--svc-line);
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),
    var(--svc-panel);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
  padding:22px;
}

.svc-alert{
  border:1px solid var(--svc-line);
  border-radius:20px;
  background:rgba(255,255,255,.05);
  color:#fff;
  margin-bottom:18px;
}

.svc-alert--ok{
  border-color:rgba(80,200,120,.45);
}

.svc-alert--warn{
  border-color:rgba(255,190,90,.45);
}

.svc-alert-muted,
.svc-hint,
.svc-label,
.svc-summary-context,
.svc-total-sub,
.svc-total-sub2,
.svc-fineprint,
.svc-consent{
  color:var(--svc-muted);
}

.svc-group{
  margin:0 0 18px;
}

.svc-group legend{
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.svc-row{
  display:grid;
  gap:12px;
}

.svc-row--two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.svc-row--three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.svc-route-btn{
  width:100%;
  margin-top:10px;
  justify-content:center;
}

.svc-pill span,
.svc-tile > span{
  border:1px solid var(--svc-line);
  border-radius:20px;
  background:rgba(255,255,255,.045);
  color:#fff;
}

.svc-pill strong,
.svc-tile strong,
.svc-summary h2,
.svc-breakdown li > span:first-child,
.svc-bp-gross,
.svc-total-main{
  color:#fff;
}

.svc-pill small,
.svc-tile small,
.svc-bp-net{
  color:var(--svc-muted);
}

.svc-pill:hover span,
.svc-tile:hover > span{
  transform:translateY(-1px);
  border-color:rgba(255,75,95,.28);
}

.svc-pill input:checked + span,
.svc-tile input:checked + span{
  background:linear-gradient(180deg,rgba(214,59,59,.22),rgba(255,255,255,.055));
  border-color:rgba(255,75,95,.44);
}

.svc-ic--mask{
  background-color:rgba(255,255,255,.54);
}

.svc-tile input:checked + span .svc-ic--mask{
  background-color:#ff6474;
}

.svc-input,
.svc-stepper-btn{
  border:1px solid var(--svc-line);
  border-radius:14px;
  background:#080a0e;
  color:#fff;
}

.svc-input:focus{
  border-color:rgba(255,75,95,.48);
  box-shadow:0 0 0 3px rgba(214,59,59,.14);
}

.svc-breakdown{
  border-top:1px solid var(--svc-line);
}

.svc-breakdown li{
  border-bottom:1px solid var(--svc-line);
}

.svc-total-row{
  border-top:0;
}

.svc-total-main{
  font-size:clamp(28px,4vw,40px);
  letter-spacing:-.035em;
}

.svc-bottom-actions .btn{
  min-height:46px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:13px;
}

.svc-bottom-actions .btn-primary{
  border-color:rgba(255,75,95,.50);
  background:var(--svc-red);
}

.svc-bottom-actions .btn-outline-dark{
  border-color:rgba(255,255,255,.16);
  color:#fff;
}

.svc-request{
  border-top:1px solid var(--svc-line);
}

.svc-consent input{
  accent-color:var(--svc-red);
}

@media (max-width: 991.98px){
  .svc-hero{
    min-height:auto;
    padding:116px 0 70px;
  }
  .svc-hero::before{
    background:
      linear-gradient(180deg,rgba(21,21,21,.44),#151515 84%),
      url('/assets/images/ducati-dunkel.png') center top/cover no-repeat;
  }
  .svc-hero-panel,
  .svc-feature-grid,
  .svc-process-grid,
  .svc-local-grid,
  .svc-vesell-card,
  .svc-vesell-aeo{
    grid-template-columns:1fr;
  }
  .svc-feature{
    min-height:0;
  }
}

@media (max-width: 640px){
  .svc-row--two,
  .svc-row--three,
  .svc-services{
    grid-template-columns:1fr;
  }
  .svc-panel{
    padding:18px;
    border-radius:24px;
  }
  .svc-hero-panel{
    gap:8px;
  }
}

/* Detailseiten fuer konkrete Service-Angebote */
.svc-detail-page{
  background:#080a0e;
  color:#fff;
}

.svc-detail-container{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding-inline:clamp(18px,4vw,40px);
}

.svc-detail-hero{
  position:relative;
  min-height:calc(100svh - 64px);
  display:flex;
  align-items:center;
  padding:clamp(118px,13vw,170px) 0 82px;
  background:#151515;
  overflow:hidden;
}

.svc-detail-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#151515 0%,rgba(21,21,21,.74) 50%,rgba(21,21,21,.36) 100%),
    url('/assets/images/ducati-dunkel.png') center right/contain no-repeat;
  opacity:.9;
}

.svc-detail-hero::after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-1px;
  height:142px;
  background:#d63b3b;
  clip-path:polygon(0 58%,35% 78%,100% 38%,100% 100%,0 100%);
}

.svc-detail-hero .svc-detail-container{
  position:relative;
  z-index:2;
}

.svc-detail-hero h1{
  max-width:840px;
  margin:0;
  color:#fff;
  font-size:clamp(42px,8vw,86px);
  line-height:.94;
  font-weight:300;
  font-style:italic;
  letter-spacing:-.055em;
  text-transform:uppercase;
}

.svc-detail-hero p:not(.svc-kicker){
  max-width:760px;
  margin:26px 0 0;
  color:rgba(255,255,255,.70);
  font-size:clamp(18px,2.1vw,24px);
  line-height:1.58;
}

.svc-detail-price{
  display:inline-grid;
  margin-top:28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:rgba(8,10,14,.72);
  padding:16px 20px;
}

.svc-detail-price span{
  color:rgba(255,255,255,.56);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.svc-detail-price strong{
  color:#fff;
  font-size:clamp(34px,6vw,58px);
  line-height:1;
  font-weight:900;
}

.svc-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.svc-detail-content{
  padding:72px 0 86px;
}

.svc-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.svc-detail-grid article{
  border:1px solid rgba(255,255,255,.09);
  border-radius:28px;
  background:#111318;
  padding:24px;
}

.svc-detail-grid h2{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(26px,4vw,42px);
  line-height:1;
  font-weight:300;
  font-style:italic;
  letter-spacing:-.04em;
  text-transform:uppercase;
}

.svc-detail-grid p,
.svc-detail-grid li{
  color:rgba(255,255,255,.66);
  line-height:1.65;
}

.svc-detail-grid ul{
  margin:0;
  padding-left:1.2rem;
}

@media (max-width: 820px){
  .svc-detail-hero{
    min-height:auto;
  }
  .svc-detail-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   Minimal Premium Overrides
========================================================= */

.svc-feature,
.svc-panel,
.svc-process-list div,
.svc-answer-list article,
.svc-vesell-card,
.svc-vesell-aeo article,
.svc-faq-list details,
.svc-detail-grid article{
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-left:0 !important;
  border-right:0 !important;
}

.svc-feature-grid,
.svc-process-list,
.svc-answer-list,
.svc-vesell-aeo,
.svc-faq-list,
.svc-detail-grid{
  gap:0 !important;
}

.svc-feature,
.svc-process-list div,
.svc-answer-list article,
.svc-vesell-aeo article,
.svc-detail-grid article{
  border-top:1px solid rgba(255,255,255,.12) !important;
  border-bottom:0 !important;
}

.svc-feature:last-child,
.svc-process-list div:last-child,
.svc-answer-list article:last-child,
.svc-vesell-aeo article:last-child,
.svc-detail-grid article:last-child{
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.svc-feature i,
.svc-process-list span,
.svc-faq-list summary::after{
  border-radius:0 !important;
  background:transparent !important;
}

.svc-btn,
.svc-bottom-actions .btn{
  border-radius:0 !important;
}

.svc-btn--primary,
.svc-bottom-actions .btn-primary{
  background:transparent !important;
  border:0 !important;
  border-bottom:2px solid #d63b3b !important;
}

/* Ultra Clean Service Layer */
.svc-hero,
.svc-detail-hero{
  min-height:auto !important;
  padding:clamp(120px,12vw,156px) 0 clamp(56px,7vw,86px) !important;
  background:#08090b !important;
}

.svc-hero::before,
.svc-detail-hero::before{
  opacity:.44 !important;
  filter:grayscale(.18) contrast(.96) brightness(.72) !important;
  background:
    linear-gradient(90deg,#08090b 0%,rgba(8,9,11,.78) 48%,rgba(8,9,11,.54) 100%),
    url('/assets/images/ducati-dunkel.png') center right/contain no-repeat !important;
}

.svc-hero-panel{
  border:1px solid rgba(255,255,255,.10) !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

.svc-hero-panel div{
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  padding:18px 0 !important;
}

.svc-hero-panel div:last-child{
  border-bottom:0 !important;
}

.svc-showcase,
.svc-local-seo,
.svc-vesell,
.svc-process,
.svc-section,
.svc-faq,
.svc-detail-content{
  background:#08090b !important;
  padding:clamp(56px,7vw,92px) 0 !important;
}

.svc-feature,
.svc-answer-list article,
.svc-vesell-aeo article,
.svc-faq-list details,
.svc-detail-grid article,
.svc-panel,
.svc-tile > span,
.svc-pill span,
.svc-input,
.svc-select,
.svc-consent{
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.svc-panel,
.svc-tile > span,
.svc-pill span,
.svc-input,
.svc-select,
.svc-consent{
  border-color:rgba(255,255,255,.12) !important;
}

.svc-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.svc-local-grid{
  grid-template-columns:minmax(0,1fr) !important;
}

.svc-feature{
  padding:22px 0 !important;
}

.svc-feature i,
.svc-ic,
.svc-ic--mask{
  background:transparent !important;
  color:#d84a3a !important;
  border-radius:0 !important;
}

.svc-summary{
  position:sticky;
  top:92px;
}

.svc-total-row{
  border-radius:0 !important;
  background:transparent !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}

.svc-route-btn{
  border-radius:0 !important;
  background:transparent !important;
}

@media (max-width:991.98px){
  .svc-feature-grid{
    grid-template-columns:1fr !important;
  }
  .svc-summary{
    position:static;
  }
}

/* Dynamic Mobile Calculator Pass */
.svc-section{
  padding-top:32px !important;
}

.svc-section-head--calculator{
  margin-bottom:18px !important;
}

.svc-section-head--calculator .svc-title-icon{
  display:none !important;
}

.svc-section-head--calculator h2{
  font-size:clamp(28px,5vw,46px) !important;
}

.svc-grid{
  align-items:start;
}

.svc-panel{
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    linear-gradient(135deg,rgba(216,74,58,.08),transparent 38%),
    rgba(255,255,255,.025) !important;
}

.svc-group{
  padding:18px 0;
}

.svc-group + .svc-group{
  border-top:1px solid rgba(255,255,255,.10);
}

.svc-group legend{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff !important;
  letter-spacing:.18em;
}

.svc-group legend::before{
  content:"";
  width:10px;
  height:10px;
  border:2px solid #d84a3a;
  transform:rotate(45deg);
}

.svc-services{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}

.svc-tile > span{
  position:relative;
  min-height:112px;
  display:grid !important;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:12px;
  padding:18px !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.01)),
    #0b0d10 !important;
}

.svc-tile:nth-child(even) > span{
  background:
    linear-gradient(135deg,rgba(216,74,58,.10),rgba(255,255,255,.012) 42%),
    #0b0d10 !important;
}

.svc-tile > span::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:rgba(216,74,58,.72);
  transform:scaleY(.38);
  transform-origin:center;
  transition:transform .18s ease;
}

.svc-tile input:checked + span::before{
  transform:scaleY(1);
}

.svc-tile input:checked + span::after{
  content:"✓";
  font-family:inherit;
  font-weight:900;
  position:absolute;
  top:12px;
  right:12px;
  color:#fff;
  font-size:18px;
}

.svc-tile-copy{
  display:grid;
  gap:4px;
}

.svc-tile-copy strong,
.svc-tile strong{
  font-size:1rem !important;
  line-height:1.18 !important;
}

.svc-tile-copy small,
.svc-tile small{
  color:rgba(255,255,255,.56) !important;
  line-height:1.28 !important;
}

.svc-tile em{
  grid-column:2;
  justify-self:start;
  margin-top:4px;
  padding:5px 8px;
  border:1px solid rgba(216,74,58,.42);
  color:#fff;
  background:rgba(216,74,58,.14);
  font-size:12px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.04em;
}

.svc-ic{
  width:34px !important;
  height:34px !important;
}

.svc-pill span{
  min-height:76px;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px !important;
  background:#0b0d10 !important;
}

.svc-pill input:checked + span{
  border-color:rgba(216,74,58,.75) !important;
  box-shadow:inset 0 0 0 1px rgba(216,74,58,.45) !important;
}

.svc-summary{
  border-color:rgba(216,74,58,.26) !important;
  background:
    linear-gradient(180deg,rgba(216,74,58,.11),transparent 28%),
    #0b0d10 !important;
}

.svc-total-main{
  color:#fff !important;
  font-size:clamp(44px,7vw,72px) !important;
}

.svc-breakdown li{
  border-bottom:1px solid rgba(255,255,255,.10);
  padding:12px 0;
}

@media (max-width:768px){
  .svc-hero{
    padding-bottom:28px !important;
  }

  .svc-hero-copy .svc-lead{
    font-size:18px !important;
  }

  .svc-hero-actions{
    margin-top:24px !important;
  }

  .svc-hero-panel{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
    border:0 !important;
    margin-top:26px;
  }

  .svc-hero-panel div{
    min-height:112px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border:1px solid rgba(255,255,255,.13) !important;
    padding:12px !important;
    background:rgba(5,6,8,.62) !important;
  }

  .svc-hero-panel strong{
    font-size:clamp(28px,10vw,46px) !important;
    line-height:.94 !important;
  }

  .svc-section{
    padding-top:28px !important;
  }

  .svc-section-head--calculator p:not(.svc-kicker){
    display:none;
  }

  .svc-grid{
    gap:16px !important;
  }

  .svc-panel{
    padding:16px !important;
  }

  .svc-services{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .svc-tile > span{
    min-height:94px;
    grid-template-columns:38px 1fr auto;
    padding:15px 14px !important;
  }

  .svc-tile em{
    grid-column:3;
    grid-row:1;
    align-self:center;
    justify-self:end;
    white-space:nowrap;
  }

  .svc-row--two,
  .svc-row--three{
    grid-template-columns:1fr !important;
  }

  .svc-summary{
    position:sticky !important;
    bottom:0;
    z-index:40;
    margin-left:-16px;
    margin-right:-16px;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
    box-shadow:0 -18px 48px rgba(0,0,0,.45) !important;
  }

  .svc-summary-head,
  .svc-breakdown,
  .svc-total-sub2{
    display:none;
  }

  .svc-total-row{
    border:0 !important;
    padding:0 !important;
  }

  .svc-total-main{
    font-size:34px !important;
  }

  .svc-bottom-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:8px !important;
    margin-top:12px !important;
  }

  .svc-request{
    grid-column:1 / -1;
    max-height:52vh;
    overflow:auto;
    padding-top:12px !important;
  }
}

/* Mobile Service Fit Pass */
@media (max-width:640px){
  .svc-page{
    overflow-x:hidden;
  }

  .svc-container{
    width:min(100% - 28px, 1180px) !important;
  }

  .svc-hero{
    min-height:auto !important;
    padding:92px 0 22px !important;
  }

  .svc-hero::before{
    opacity:.34 !important;
    background-position:center top !important;
  }

  .svc-hero-grid{
    display:block !important;
  }

  .svc-kicker{
    font-size:11px !important;
    letter-spacing:.18em !important;
  }

  .svc-hero-copy h1{
    max-width:12ch;
    margin-top:10px !important;
    font-size:clamp(37px,12vw,52px) !important;
    line-height:.93 !important;
    letter-spacing:-.045em !important;
  }

  .svc-hero-copy .svc-lead{
    max-width:31ch;
    margin-top:14px !important;
    font-size:16px !important;
    line-height:1.45 !important;
    color:rgba(255,255,255,.68) !important;
  }

  .svc-hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:18px !important;
  }

  .svc-btn,
  .svc-route-btn,
  .svc-bottom-actions .btn{
    min-height:48px !important;
    width:100% !important;
    justify-content:center !important;
    padding:13px 14px !important;
    font-size:12px !important;
    letter-spacing:.12em !important;
  }

  .svc-hero-panel{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto;
    padding:0 0 2px !important;
    margin-top:18px !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .svc-hero-panel::-webkit-scrollbar{
    display:none;
  }

  .svc-hero-panel div{
    flex:0 0 72%;
    min-height:86px !important;
    scroll-snap-align:start;
    padding:13px 14px !important;
    border-color:rgba(255,255,255,.14) !important;
    background:
      linear-gradient(135deg,rgba(216,74,58,.13),rgba(255,255,255,.025) 42%),
      rgba(5,6,8,.72) !important;
  }

  .svc-hero-panel span,
  .svc-hero-panel small{
    font-size:11px !important;
    letter-spacing:.13em !important;
  }

  .svc-hero-panel strong{
    margin:4px 0 !important;
    font-size:30px !important;
    line-height:1 !important;
  }

  .svc-section{
    padding:22px 0 96px !important;
  }

  .svc-section-head--calculator{
    display:grid;
    gap:4px;
    margin-bottom:12px !important;
  }

  .svc-section-head--calculator h2{
    margin:0 !important;
    font-size:28px !important;
    line-height:1.02 !important;
    letter-spacing:-.025em !important;
  }

  .svc-grid{
    display:block !important;
  }

  .svc-panel{
    padding:14px !important;
    border-left:0 !important;
    border-right:0 !important;
    margin-left:-14px;
    margin-right:-14px;
  }

  .svc-group{
    padding:14px 0 !important;
  }

  .svc-group:first-child{
    padding-top:0 !important;
  }

  .svc-group legend{
    margin-bottom:10px !important;
    font-size:12px !important;
    letter-spacing:.16em !important;
  }

  .svc-pill span{
    min-height:60px !important;
    padding:12px 14px !important;
  }

  .svc-pill strong{
    font-size:15px !important;
  }

  .svc-pill small{
    font-size:12px !important;
  }

  .svc-tile > span{
    min-height:76px !important;
    grid-template-columns:32px minmax(0,1fr) auto !important;
    gap:10px !important;
    padding:13px 12px !important;
  }

  .svc-ic{
    width:27px !important;
    height:27px !important;
  }

  .svc-tile-copy strong,
  .svc-tile strong{
    font-size:15px !important;
    overflow-wrap:anywhere;
  }

  .svc-tile-copy small,
  .svc-tile small{
    font-size:12px !important;
  }

  .svc-tile em{
    max-width:82px;
    padding:4px 6px !important;
    text-align:center;
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }

  .svc-hint{
    font-size:12px !important;
    line-height:1.45 !important;
  }

  .svc-input{
    min-height:48px !important;
    font-size:16px !important;
  }

  .svc-summary{
    margin-top:14px !important;
    padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px)) !important;
  }

  .svc-total-row{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:12px !important;
  }

  .svc-total-main{
    font-size:30px !important;
    letter-spacing:-.02em !important;
    white-space:nowrap;
  }

  .svc-total-sub{
    font-size:12px !important;
    text-align:right;
    white-space:nowrap;
  }

  .svc-bottom-actions{
    grid-template-columns:1fr !important;
  }

  .svc-request{
    max-height:62vh !important;
    padding:12px 0 0 !important;
  }

  .svc-request .svc-row{
    gap:10px !important;
  }

  .svc-consent{
    align-items:flex-start !important;
    padding:12px !important;
    font-size:12px !important;
  }
}

@media (max-width:380px){
  .svc-hero-copy h1{
    font-size:35px !important;
  }

  .svc-hero-copy .svc-lead{
    font-size:15px !important;
  }

  .svc-tile > span{
    grid-template-columns:28px minmax(0,1fr) 74px !important;
  }

  .svc-total-main{
    font-size:27px !important;
  }
}

/* Premium Moto Details fuer Service */
.svc-hero-copy{
  position:relative;
}

.svc-hero-copy::after{
  content:"";
  display:block;
  width:min(390px,72vw);
  height:4px;
  margin-top:22px;
  background:linear-gradient(90deg,#d84a3a 0 34%,rgba(255,255,255,.72) 34% 38%,transparent 38%);
  clip-path:polygon(0 0,100% 0,94% 100%,0 100%);
}

.svc-panel,
.svc-summary,
.svc-tile > span,
.svc-pill span{
  position:relative;
  overflow:hidden;
}

.svc-panel::after,
.svc-summary::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.020) 0 1px,transparent 1px 18px),
    linear-gradient(135deg,transparent,rgba(216,74,58,.045));
  opacity:.65;
}

.svc-panel > *,
.svc-summary > *{
  position:relative;
  z-index:1;
}

.svc-tile > span::after,
.svc-pill span::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-45%;
  width:36%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
  transform:skewX(-18deg);
  opacity:0;
  pointer-events:none;
}

.svc-tile:hover > span::after,
.svc-pill:hover span::after{
  animation:svcSpeedSweep .72s ease both;
}

@keyframes svcSpeedSweep{
  0%{left:-45%;opacity:0}
  20%{opacity:.8}
  100%{left:110%;opacity:0}
}

.svc-total-main{
  text-shadow:0 0 32px rgba(216,74,58,.18);
}

.svc-tile input:checked + span .svc-ic,
.svc-pill input:checked + span strong{
  animation:svcRevPulse .54s ease both;
}

@keyframes svcRevPulse{
  0%{transform:scale(1)}
  45%{transform:scale(1.12)}
  100%{transform:scale(1)}
}

@media (max-width:640px){
  .svc-hero-copy::after{
    width:min(290px,78vw);
    height:3px;
    margin-top:16px;
  }
}

@media (prefers-reduced-motion: reduce){
  .svc-tile:hover > span::after,
  .svc-pill:hover span::after,
  .svc-tile input:checked + span .svc-ic,
  .svc-pill input:checked + span strong{
    animation:none !important;
  }
}

/* Klarer Abschluss: Reifenservice ausschließlich als Partner-Verweis */
.svc-hero-grid{
  grid-template-columns:minmax(0,900px) !important;
}

.svc-hero-copy{
  max-width:900px;
}

.svc-partner-link{
  background:#08090b;
  padding:0 0 clamp(58px,8vw,100px);
}

.svc-partner-link a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
  padding:clamp(22px,3vw,34px) 0;
  color:#fff;
}

.svc-partner-link span{
  display:grid;
  gap:5px;
}

.svc-partner-link small{
  color:rgba(255,255,255,.46);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.svc-partner-link strong{
  font-size:clamp(25px,4vw,44px);
  line-height:1;
  font-weight:700;
  letter-spacing:-.04em;
}

.svc-partner-link i{
  color:#e85c51;
  font-size:clamp(25px,3vw,38px);
  transition:transform .2s ease;
}

.svc-partner-link a:hover{
  color:#fff;
}

.svc-partner-link a:hover i{
  transform:translate(4px,-4px);
}

@media(max-width:640px){
  .svc-partner-link{
    padding-bottom:58px;
  }

  .svc-partner-link a{
    gap:14px;
    padding:22px 0;
  }

  .svc-partner-link strong{
    font-size:27px;
  }
}

/* Rechner: eindeutig erkennbare Auswahl */
.svc-tile > span,
.svc-pill span{
  opacity:.72;
  transition:
    opacity .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}

.svc-tile:hover > span,
.svc-pill:hover span{
  opacity:.92;
}

.svc-tile input:checked + span,
.svc-pill input:checked + span{
  opacity:1 !important;
  border-color:#ef5b50 !important;
  background:
    linear-gradient(135deg,rgba(216,74,58,.34),rgba(216,74,58,.10) 58%,rgba(255,255,255,.035)),
    #101114 !important;
  box-shadow:
    inset 0 0 0 1px rgba(239,91,80,.46),
    0 0 0 2px rgba(239,91,80,.09) !important;
}

.svc-tile input:checked + span::before,
.svc-pill input:checked + span::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  height:auto;
  background:#ef5b50;
  transform:none;
  opacity:1;
}

.svc-tile input:checked + span::after,
.svc-pill input:checked + span::after{
  content:"✓" !important;
  position:absolute !important;
  top:9px !important;
  right:9px !important;
  bottom:auto !important;
  left:auto !important;
  display:grid !important;
  place-items:center;
  width:24px !important;
  height:24px !important;
  border:1px solid rgba(255,255,255,.40);
  border-radius:50%;
  background:#ef5b50 !important;
  color:#fff;
  font-family:inherit;
  font-size:13px !important;
  font-weight:900;
  line-height:1;
  opacity:1 !important;
  transform:none !important;
}

.svc-tile input:checked + span .svc-ic,
.svc-tile input:checked + span .svc-ic--mask{
  color:#fff !important;
  background-color:#fff !important;
}

.svc-tile input:checked + span strong,
.svc-pill input:checked + span strong{
  color:#fff !important;
}

.svc-tile input:focus-visible + span,
.svc-pill input:focus-visible + span{
  outline:2px solid #fff;
  outline-offset:3px;
}

@media(max-width:640px){
  .svc-tile > span,
  .svc-pill span{
    opacity:.78;
  }

  .svc-tile input:checked + span::after,
  .svc-pill input:checked + span::after{
    top:7px !important;
    right:7px !important;
    width:21px !important;
    height:21px !important;
    font-size:11px !important;
  }
}

/* Anfrageformular: kontrastreiche Eingaben auf dunklem Hintergrund */
.svc-request .svc-label{
  color:rgba(255,255,255,.72) !important;
}

.svc-request .svc-input{
  border:1px solid rgba(255,255,255,.18) !important;
  background:#080a0d !important;
  color:#fff !important;
  caret-color:#ef5b50;
  -webkit-text-fill-color:#fff;
}

.svc-request .svc-input::placeholder{
  color:rgba(255,255,255,.34) !important;
  opacity:1;
  -webkit-text-fill-color:rgba(255,255,255,.34);
}

.svc-request .svc-input:focus{
  border-color:#ef5b50 !important;
  outline:2px solid rgba(239,91,80,.18) !important;
  outline-offset:0;
  background:#0d0f13 !important;
  color:#fff !important;
}

.svc-request .svc-input:-webkit-autofill,
.svc-request .svc-input:-webkit-autofill:hover,
.svc-request .svc-input:-webkit-autofill:focus{
  border-color:rgba(239,91,80,.68) !important;
  -webkit-text-fill-color:#fff !important;
  -webkit-box-shadow:0 0 0 1000px #080a0d inset !important;
  transition:background-color 9999s ease-out;
}

.svc-request .svc-consent{
  color:rgba(255,255,255,.72) !important;
}

.svc-request #btnSubmitRequest{
  border:1px solid #ef5b50 !important;
  background:#ef5b50 !important;
  color:#fff !important;
  opacity:1;
}

.svc-request #btnSubmitRequest:disabled{
  border-color:rgba(239,91,80,.34) !important;
  background:rgba(239,91,80,.18) !important;
  color:rgba(255,255,255,.52) !important;
}

/* Premium-Konfigurator: ruhig, kompakt und mobil schneller erfassbar */
.svc-panel{
  counter-reset:svc-step;
}

.svc-group{
  padding:22px 0 !important;
}

.svc-group:first-child{
  padding-top:4px !important;
}

.svc-group legend{
  counter-increment:svc-step;
  display:flex !important;
  align-items:center;
  gap:10px !important;
  width:100%;
  margin:0 0 14px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase;
}

.svc-group legend::before{
  content:"0" counter(svc-step) !important;
  display:grid;
  place-items:center;
  width:28px !important;
  height:28px !important;
  border:1px solid rgba(232,92,81,.48) !important;
  border-radius:50% !important;
  color:#ef6b61;
  font-size:9px;
  letter-spacing:0;
  transform:none !important;
}

.svc-group legend::after{
  content:"";
  height:1px;
  flex:1;
  background:rgba(255,255,255,.09);
}

.svc-group > .svc-row--two,
.svc-group > .svc-row--three{
  gap:8px !important;
}

.svc-pill span{
  position:relative;
  min-height:58px !important;
  display:grid !important;
  align-content:center;
  justify-content:start !important;
  gap:3px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:6px !important;
  background:#0a0c0f !important;
  padding:11px 38px 11px 13px !important;
  opacity:1 !important;
}

.svc-pill strong{
  color:rgba(255,255,255,.88) !important;
  font-size:13px !important;
}

.svc-pill small{
  color:rgba(255,255,255,.42) !important;
  font-size:10px !important;
}

.svc-pill input:checked + span{
  border-color:#e85c51 !important;
  background:rgba(232,92,81,.09) !important;
  box-shadow:inset 0 0 0 1px rgba(232,92,81,.12) !important;
}

.svc-pill input:checked + span::before{
  content:none !important;
}

.svc-pill input:checked + span::after{
  top:50% !important;
  right:12px !important;
  width:18px !important;
  height:18px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#e85c51 !important;
  font-size:10px !important;
  transform:translateY(-50%) !important;
}

.svc-services{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}

.svc-tile > span,
.svc-tile:nth-child(even) > span{
  position:relative;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) auto !important;
  grid-template-rows:auto !important;
  align-items:center !important;
  place-items:initial !important;
  gap:12px !important;
  min-height:82px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:6px !important;
  background:#0a0c0f !important;
  padding:13px 14px !important;
  text-align:left !important;
  opacity:1 !important;
  overflow:hidden;
}

.svc-tile > span::before{
  content:none !important;
}

.svc-tile-copy{
  display:grid;
  gap:3px;
  min-width:0;
}

.svc-tile-copy strong,
.svc-tile strong{
  color:rgba(255,255,255,.88) !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

.svc-tile-copy small,
.svc-tile small{
  overflow:hidden;
  color:rgba(255,255,255,.42) !important;
  font-size:10px !important;
  line-height:1.3 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.svc-tile .svc-ic{
  width:25px !important;
  height:25px !important;
  background-color:rgba(255,255,255,.48) !important;
}

.svc-tile em{
  grid-column:auto !important;
  justify-self:end !important;
  margin:0 !important;
  border:0 !important;
  border-radius:4px;
  background:rgba(255,255,255,.055) !important;
  color:rgba(255,255,255,.68) !important;
  padding:6px 8px !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1.2;
  letter-spacing:.04em;
  text-align:right;
  white-space:nowrap;
}

.svc-tile input:checked + span{
  border-color:#e85c51 !important;
  background:
    linear-gradient(90deg,rgba(232,92,81,.13),rgba(232,92,81,.035) 58%,transparent),
    #0a0c0f !important;
  box-shadow:inset 3px 0 0 #e85c51 !important;
}

.svc-tile input:checked + span::after{
  top:7px !important;
  right:7px !important;
  width:17px !important;
  height:17px !important;
  border:0 !important;
  background:#e85c51 !important;
  font-size:9px !important;
}

.svc-tile input:checked + span .svc-ic--mask{
  background-color:#ef6b61 !important;
}

.svc-tile input:checked + span em{
  background:rgba(232,92,81,.14) !important;
  color:#fff !important;
}

.svc-hint{
  color:rgba(255,255,255,.42) !important;
  font-size:10px !important;
  line-height:1.5;
}

.svc-summary{
  border-radius:6px !important;
}

@media(max-width:640px){
  .svc-panel{
    padding:14px !important;
  }

  .svc-group{
    padding:18px 0 !important;
  }

  .svc-group legend{
    margin-bottom:11px !important;
  }

  .svc-row--two{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .svc-row--three{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .svc-pill span{
    min-height:54px !important;
    padding:9px 27px 9px 10px !important;
  }

  .svc-pill strong{
    font-size:11px !important;
  }

  .svc-pill small{
    font-size:8px !important;
    line-height:1.2;
  }

  .svc-pill input:checked + span::after{
    right:8px !important;
    width:15px !important;
    height:15px !important;
    font-size:8px !important;
  }

  .svc-services{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .svc-tile > span,
  .svc-tile:nth-child(even) > span{
    grid-template-columns:24px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-content:start !important;
    min-height:118px !important;
    gap:7px 9px !important;
    padding:12px !important;
  }

  .svc-tile:nth-child(-n+2){
    grid-column:1 / -1;
  }

  .svc-tile:nth-child(-n+2) > span{
    grid-template-columns:26px minmax(0,1fr) auto !important;
    grid-template-rows:auto !important;
    align-content:center !important;
    min-height:70px !important;
    gap:10px !important;
  }

  .svc-tile .svc-ic{
    width:20px !important;
    height:20px !important;
  }

  .svc-tile-copy strong,
  .svc-tile strong{
    font-size:12px !important;
  }

  .svc-tile-copy small,
  .svc-tile small{
    font-size:9px !important;
  }

  .svc-tile em{
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
    max-width:none;
    margin-top:auto !important;
    padding:6px !important;
    font-size:8px !important;
    text-align:left;
    white-space:nowrap;
  }

  .svc-tile:nth-child(-n+2) em{
    grid-column:auto !important;
    justify-self:end !important;
    margin-top:0 !important;
    text-align:right;
  }

  .svc-tile input:checked + span::after{
    display:none !important;
  }

  .svc-hint--mt{
    margin-top:10px !important;
  }
}

/* Abschließende Handy-Sicherheit für Leistungsseite und Startseitenrechner */
@media(max-width:640px){
  .svc-container,
  .svc-grid,
  .svc-panel,
  .svc-group,
  .svc-services,
  .svc-summary{
    min-width:0;
    max-width:100%;
  }

  .svc-container{
    padding-right:14px !important;
    padding-left:14px !important;
  }

  .svc-panel{
    overflow:hidden;
  }

  .svc-tile,
  .svc-pill,
  .svc-tile > span,
  .svc-pill span{
    min-width:0;
  }

  .svc-tile-copy strong,
  .svc-tile-copy small,
  .svc-pill strong,
  .svc-pill small{
    overflow-wrap:anywhere;
  }

  .svc-breakdown li{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .svc-breakdown li > span:first-child{
    min-width:0;
    overflow-wrap:anywhere;
  }

  .svc-input,
  .svc-stepper-btn,
  .svc-btn,
  .svc-bottom-actions .btn{
    min-height:48px;
  }

  .svc-request .svc-row--two{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:370px){
  .svc-services,
  .svc-group > .svc-row--two,
  .svc-group > .svc-row--three{
    grid-template-columns:1fr !important;
  }

  .svc-tile:nth-child(-n+2){
    grid-column:auto;
  }
}

/* Rechner-Neukonzept: Werkstatt-Konfigurator statt Kartenwand */
.svc-grid--stack{
  gap:24px !important;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr) !important;
}

.svc-grid--stack > .svc-panel:first-child,
.rb-home-full-calculator > .svc-panel:first-child{
  border:0 !important;
  border-radius:8px !important;
  background:#0c0e11 !important;
  padding:clamp(18px,3vw,30px) !important;
}

.svc-group{
  margin:0 !important;
  padding:26px 0 !important;
}

.svc-group:first-child{
  padding-top:0 !important;
}

.svc-group:last-of-type{
  padding-bottom:0 !important;
}

.svc-group + .svc-group{
  border-top:1px solid rgba(255,255,255,.08) !important;
}

.svc-group legend{
  gap:12px !important;
  margin-bottom:16px !important;
  color:#fff !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
}

.svc-group legend::before{
  width:24px !important;
  height:24px !important;
  border:0 !important;
  border-radius:3px !important;
  background:#e85c51;
  color:#fff;
  font-size:8px;
}

.svc-group legend::after{
  background:rgba(255,255,255,.07);
}

/* Kunde und Abholung als echte Segmentsteuerung */
.svc-group > .svc-row--two,
.svc-group > .svc-row--three{
  gap:0 !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:6px;
  background:#080a0c;
}

.svc-row--single{
  margin-top:14px;
}

.svc-pill span{
  min-height:58px !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:11px 32px 11px 14px !important;
}

.svc-pill:last-child span{
  border-right:0 !important;
}

.svc-pill input:checked + span{
  border-color:transparent !important;
  background:#f1f1ef !important;
  box-shadow:none !important;
}

.svc-pill input:checked + span strong{
  color:#0a0b0d !important;
}

.svc-pill input:checked + span small{
  color:rgba(10,11,13,.55) !important;
}

.svc-pill input:checked + span::after{
  content:"";
  top:auto !important;
  right:12px !important;
  bottom:10px !important;
  width:5px !important;
  height:5px !important;
  background:#e85c51 !important;
  transform:none !important;
}

/* Leistungen als klare Preisliste */
.svc-services{
  display:block !important;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.10);
}

.svc-tile{
  display:block;
}

.svc-tile > span,
.svc-tile:nth-child(even) > span{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) auto !important;
  grid-template-rows:auto !important;
  align-items:center !important;
  gap:14px !important;
  min-height:72px !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:12px 8px !important;
  opacity:1 !important;
}

.svc-tile:hover > span{
  background:rgba(255,255,255,.025) !important;
  transform:none !important;
}

.svc-tile .svc-ic{
  width:23px !important;
  height:23px !important;
  background-color:rgba(255,255,255,.38) !important;
}

.svc-tile-copy strong,
.svc-tile strong{
  color:rgba(255,255,255,.90) !important;
  font-size:14px !important;
}

.svc-tile-copy small,
.svc-tile small{
  color:rgba(255,255,255,.42) !important;
  font-size:10px !important;
  white-space:normal;
}

.svc-tile em{
  grid-column:auto !important;
  justify-self:end !important;
  min-width:84px;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.68) !important;
  padding:0 !important;
  font-size:10px !important;
  text-align:right;
  white-space:normal;
}

.svc-tile input:checked + span{
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:inset 3px 0 0 #e85c51 !important;
}

.svc-tile input:checked + span::after{
  content:"✓" !important;
  top:50% !important;
  right:auto !important;
  left:9px !important;
  display:grid !important;
  width:18px !important;
  height:18px !important;
  border:0 !important;
  border-radius:3px !important;
  background:#e85c51 !important;
  color:#fff;
  font-size:10px !important;
  transform:translateY(-50%) !important;
}

.svc-tile input:checked + span .svc-ic{
  opacity:0;
}

.svc-tile input:checked + span em{
  background:transparent !important;
  color:#fff !important;
}

/* Angebotszettel */
.svc-summary,
.rb-home-full-calculator .svc-summary{
  position:sticky;
  top:88px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:8px !important;
  background:#111318 !important;
  padding:22px !important;
}

.svc-summary-head{
  align-items:start;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.10);
  padding-bottom:14px;
}

.svc-summary h2{
  color:#fff;
  font-size:19px !important;
}

.svc-summary-context{
  max-width:15ch;
  color:rgba(255,255,255,.45) !important;
  text-align:right;
}

.svc-breakdown{
  border-top:0 !important;
}

.svc-breakdown li{
  padding:11px 0 !important;
}

.svc-breakdown li > span:first-child{
  color:rgba(255,255,255,.68) !important;
}

.svc-total-row{
  margin-top:12px;
  border-top:1px solid rgba(255,255,255,.12) !important;
  border-bottom:0 !important;
  padding:18px 0 0 !important;
}

.svc-total-main{
  color:#fff !important;
  font-size:clamp(34px,5vw,54px) !important;
  line-height:1;
}

.svc-total-sub,
.svc-total-sub2{
  color:rgba(255,255,255,.44) !important;
}

.svc-input,
.svc-stepper-btn,
.svc-route-btn{
  border-radius:5px !important;
}

@media(max-width:991.98px){
  .svc-grid--stack{
    grid-template-columns:1fr !important;
  }

  .svc-summary,
  .rb-home-full-calculator .svc-summary{
    position:static;
  }
}

@media(max-width:640px){
  .svc-grid--stack > .svc-panel:first-child,
  .rb-home-full-calculator > .svc-panel:first-child{
    padding:15px !important;
  }

  .svc-group{
    padding:22px 0 !important;
  }

  .svc-group legend{
    margin-bottom:12px !important;
  }

  .svc-group > .svc-row--two,
  .svc-group > .svc-row--three{
    grid-template-columns:repeat(var(--svc-columns,2),minmax(0,1fr)) !important;
  }

  .svc-group > .svc-row--three{
    --svc-columns:3;
  }

  .svc-group > .svc-row--three .svc-pill span{
    min-height:56px !important;
    padding:9px 20px 9px 9px !important;
  }

  .svc-pill strong{
    font-size:10px !important;
  }

  .svc-pill small{
    font-size:7px !important;
  }

  .svc-tile > span,
  .svc-tile:nth-child(even) > span,
  .svc-tile:nth-child(-n+2) > span{
    grid-template-columns:28px minmax(0,1fr) auto !important;
    grid-template-rows:auto !important;
    min-height:66px !important;
    gap:10px !important;
    padding:10px 5px !important;
  }

  .svc-tile:nth-child(-n+2){
    grid-column:auto !important;
  }

  .svc-tile-copy strong,
  .svc-tile strong{
    font-size:11px !important;
  }

  .svc-tile-copy small,
  .svc-tile small{
    font-size:8px !important;
  }

  .svc-tile em,
  .svc-tile:nth-child(-n+2) em{
    grid-column:auto !important;
    justify-self:end !important;
    min-width:62px;
    margin:0 !important;
    padding:0 !important;
    font-size:8px !important;
    text-align:right;
  }

  .svc-summary,
  .rb-home-full-calculator .svc-summary{
    padding:16px !important;
  }
}

@media(max-width:370px){
  .svc-group > .svc-row--three{
    grid-template-columns:1fr !important;
  }

  .svc-pill span{
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }
}

/* Finaler Mobile-Fix: kompakte und feste Reihenfolge der Leistungspositionen */
@media(max-width:640px){
  .svc-services{
    display:block !important;
    width:100% !important;
    overflow:visible !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }

  .svc-services .svc-tile{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .svc-services .svc-tile > span,
  .svc-services .svc-tile:nth-child(even) > span,
  .svc-services .svc-tile:nth-child(-n+2) > span{
    position:relative !important;
    display:grid !important;
    grid-template-columns:28px minmax(0,1fr) 84px !important;
    grid-template-areas:"icon copy price" !important;
    grid-template-rows:auto !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:68px !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    border-radius:0 !important;
    background:transparent !important;
    padding:10px 4px !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .svc-services .svc-tile .svc-ic,
  .svc-services .svc-tile:nth-child(even) .svc-ic{
    grid-area:icon !important;
    position:static !important;
    display:block !important;
    width:21px !important;
    height:21px !important;
    margin:0 !important;
    opacity:1 !important;
  }

  .svc-services .svc-tile .svc-tile-copy{
    grid-area:copy !important;
    position:static !important;
    display:grid !important;
    gap:3px !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    text-align:left !important;
  }

  .svc-services .svc-tile .svc-tile-copy strong,
  .svc-services .svc-tile .svc-tile-copy small{
    position:static !important;
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    color:rgba(255,255,255,.90) !important;
    text-align:left !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .svc-services .svc-tile .svc-tile-copy strong{
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .svc-services .svc-tile .svc-tile-copy small{
    color:rgba(255,255,255,.44) !important;
    font-size:8px !important;
    line-height:1.35 !important;
  }

  .svc-services .svc-tile em,
  .svc-services .svc-tile:nth-child(even) em,
  .svc-services .svc-tile:nth-child(-n+2) em{
    grid-area:price !important;
    position:static !important;
    display:block !important;
    justify-self:end !important;
    align-self:center !important;
    width:auto !important;
    min-width:0 !important;
    max-width:84px !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
    color:rgba(255,255,255,.66) !important;
    font-size:8px !important;
    font-style:normal !important;
    line-height:1.25 !important;
    text-align:right !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .svc-services .svc-tile input:checked + span{
    background:rgba(255,255,255,.035) !important;
    box-shadow:inset 3px 0 0 #e85c51 !important;
  }

  .svc-services .svc-tile input:checked + span::after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    left:11px !important;
    display:block !important;
    width:8px !important;
    height:8px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#e85c51 !important;
    transform:translateY(-50%) !important;
  }

  .svc-services .svc-tile input:checked + span .svc-ic{
    opacity:0 !important;
  }

  .svc-services .svc-tile input:checked + span em{
    color:#fff !important;
  }
}

@media(max-width:370px){
  .svc-services .svc-tile > span,
  .svc-services .svc-tile:nth-child(even) > span,
  .svc-services .svc-tile:nth-child(-n+2) > span{
    grid-template-columns:24px minmax(0,1fr) 68px !important;
    gap:7px !important;
  }

  .svc-services .svc-tile em,
  .svc-services .svc-tile:nth-child(even) em,
  .svc-services .svc-tile:nth-child(-n+2) em{
    max-width:68px !important;
  }
}