/* ═══════════════════════════════════════════════════════════
   SMARTTEC REPAIR CSS v6.0 – Angepasst an smarttec-company.de
   Design: Weißes/Hellgraues Layout, Navy Hero, roter Akzent
   Isolation via #smarttec-app
═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ── RESET ── */
#smarttec-app {
  all: revert;
  display: block !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #1a1a2e !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  background: #f5f5f7 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
#smarttec-app *,#smarttec-app *::before,#smarttec-app *::after {
  box-sizing: border-box !important;
  -webkit-tap-highlight-color: transparent !important;
}
#smarttec-app h1,#smarttec-app h2,#smarttec-app h3,
#smarttec-app h4,#smarttec-app h5,#smarttec-app h6 {
  all: unset !important; display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important; color: #1a1a2e !important;
  margin: 0 !important; padding: 0 !important; line-height: 1.2 !important;
}
#smarttec-app p { margin:0!important;padding:0!important;font-family:'Inter',sans-serif!important; }
#smarttec-app ul,#smarttec-app ol { margin:0!important;padding:0!important;list-style:none!important; }
#smarttec-app li { margin:0!important;padding:0!important; }
#smarttec-app a { text-decoration:none!important;color:inherit!important; }
#smarttec-app img { max-width:none!important;display:block!important; }
#smarttec-app button {
  font-family:'Inter',sans-serif!important;cursor:pointer!important;
  border:none!important;background:none!important;padding:0!important;
  margin:0!important;display:inline-block!important;
  -webkit-appearance:none!important;appearance:none!important;
}
#smarttec-app input,#smarttec-app select,#smarttec-app textarea {
  font-family:'Inter',sans-serif!important;
  -webkit-appearance:none!important;appearance:none!important;
  border-radius:0!important;margin:0!important;
}
#smarttec-app svg { display:block!important;overflow:visible!important; }

/* ── CSS VARIABLEN – smarttec-company.de Farben ── */
#smarttec-app {
  /* Hauptfarben von der Website */
  --red:        #e2001a;   /* RepairPlugin Pro Blau */
  --red-dark:   #1e2235;
  --red-light:  #fce8ea;
  --navy:       #1e2235;   /* RepairPlugin Pro Dunkelblau */
  --navy2:      #e2001a;
  --white:      #ffffff;
  --bg:         #f5f5f7;   /* Seitenhintergrund */
  --card:       #ffffff;
  /* Grautöne */
  --g50:  #fafafa;
  --g100: #f5f5f7;
  --g200: #e8e8ed;
  --g300: #d1d1d6;
  --g400: #aeaeb2;
  --g500: #8e8e93;
  --g600: #636366;
  --g700: #48484a;
  --g800: #3a3a3c;
  --g900: #1a1a2e;
  /* Schatten & Transitions */
  --sh:   0 2px 20px rgba(0,0,0,.06);
  --shm:  0 8px 32px rgba(0,0,0,.10);
  --shl:  0 20px 60px rgba(0,0,0,.15);
  --r:    16px;
  --r-sm: 10px;
  --tr:   .2s cubic-bezier(.4,0,.2,1);
}

/* ── VIEWS ── */
#smarttec-app .view { display:none!important; }
#smarttec-app .view.active { display:block!important; }

/* ══════════════════════════════════════════════
   NAV – weiß, pill-form wie auf der Website
══════════════════════════════════════════════ */
#smarttec-app .nav {
  background: #fff !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 20px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.06), var(--sh) !important;
  border-bottom: 1px solid var(--g200) !important;
}
#smarttec-app .logo {
  font-weight: 900 !important;
  font-size: 1.2rem !important;
  color: var(--g900) !important;
  letter-spacing: -.5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}
#smarttec-app .logo span { color: var(--red) !important; }
#smarttec-app .nav-right { display:flex!important;align-items:center!important;gap:10px!important; }
#smarttec-app .nav-lang {
  font-size:.78rem!important;font-weight:500!important;color:var(--g600)!important;
  cursor:pointer!important;padding:6px 12px!important;border-radius:20px!important;
  border:1px solid var(--g200)!important;background:#fff!important;
  display:flex!important;align-items:center!important;gap:5px!important;
}
#smarttec-app .nav-admin {
  font-size:.78rem!important;font-weight:600!important;color:var(--g600)!important;
  cursor:pointer!important;padding:6px 14px!important;border-radius:20px!important;
  border:1px solid var(--g200)!important;background:#fff!important;
  transition:var(--tr)!important;display:flex!important;align-items:center!important;gap:6px!important;
}
#smarttec-app .nav-admin:hover {
  background:var(--g900)!important;color:#fff!important;border-color:var(--g900)!important;
}

/* ══════════════════════════════════════════════
   PROGRESS BAR
══════════════════════════════════════════════ */
#smarttec-app .progress {
  background:#fff!important;border-bottom:1px solid #f0f0f0!important;
  padding:14px 24px!important;display:flex!important;align-items:center!important;
  justify-content:center!important;width:100%!important;
  box-shadow:0 4px 16px rgba(0,0,0,.06)!important;
  position:sticky!important;top:0!important;z-index:40!important;
}
#smarttec-app .pb { display:flex!important;align-items:center!important; }
#smarttec-app .pb-dot {
  width:36px!important;height:36px!important;border-radius:50%!important;
  background:#f1f5f9!important;color:#94a3b8!important;
  font-weight:800!important;font-size:.85rem!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;border:2px solid #e2e8f0!important;
  transition:all .35s cubic-bezier(.34,1.56,.64,1)!important;
}
#smarttec-app .pb-dot.active {
  background:linear-gradient(135deg,#e2001a 0%,#b91c2a 100%)!important;
  color:#fff!important;border-color:#e2001a!important;
  box-shadow:0 4px 16px rgba(226,0,26,.35)!important;
  transform:scale(1.1)!important;
}
#smarttec-app .pb-dot.done {
  background:#e2001a!important;color:#fff!important;border-color:#e2001a!important;
  box-shadow:0 2px 8px rgba(226,0,26,.2)!important;
}
#smarttec-app .pb-txt {
  font-size:.78rem!important;font-weight:500!important;color:#94a3b8!important;
  margin-left:8px!important;white-space:nowrap!important;
}
#smarttec-app .pb-txt strong { font-weight:800!important; }
#smarttec-app .pb-txt.active { color:#e2001a!important;font-weight:700!important; }
#smarttec-app .pb-txt.done { color:#64748b!important; }
#smarttec-app .pb-line {
  width:50px!important;height:3px!important;background:#f0f0f0!important;
  margin:0 10px!important;border-radius:3px!important;flex-shrink:0!important;
  transition:background .4s ease!important;overflow:hidden!important;position:relative!important;
}
#smarttec-app .pb-line.done { background:linear-gradient(90deg,#e2001a,#b91c2a)!important; }

/* ══════════════════════════════════════════════
   PAGE LAYOUT
══════════════════════════════════════════════ */
#smarttec-app .page {
  width:100%!important;max-width:1000px!important;
  margin:0 auto!important;padding:28px 20px 80px!important;
  background:var(--bg)!important;
  display:none;
}
#smarttec-app .page.step-active { display:block!important; }
#smarttec-app .page.wide { max-width:1200px!important; }

/* ── PAGE HEADER ── */
#smarttec-app .ph {
  display:flex!important;align-items:center!important;
  gap:12px!important;margin-bottom:24px!important;
}
#smarttec-app .ph-back {
  width:42px!important;height:42px!important;min-width:42px!important;
  background:var(--g100)!important;border:1px solid var(--g200)!important;
  border-radius:50%!important;display:flex!important;align-items:center!important;
  justify-content:center!important;color:var(--g600)!important;
  font-size:.95rem!important;flex-shrink:0!important;cursor:pointer!important;transition:var(--tr)!important;
}
#smarttec-app .ph-back:hover { background:var(--g900)!important;color:#fff!important;border-color:var(--g900)!important; }
#smarttec-app .ph h1 {
  font-size:clamp(1.15rem,3vw,1.7rem)!important;font-weight:700!important;
  color:var(--g900)!important;line-height:1.2!important;display:block!important;
  text-transform:none!important;letter-spacing:normal!important;
  border:none!important;background:none!important;
}
#smarttec-app .ph h1 b { font-weight:900!important; }
#smarttec-app .ph-flag {
  margin-left:auto!important;display:flex!important;align-items:center!important;
  gap:5px!important;font-size:.78rem!important;color:var(--g500)!important;
  cursor:pointer!important;flex-shrink:0!important;
}

/* ══════════════════════════════════════════════
   SEARCH BOX
══════════════════════════════════════════════ */
#smarttec-app .sbox {
  background:var(--white)!important;border-radius:var(--r)!important;
  padding:18px!important;margin-bottom:24px!important;
  display:flex!important;align-items:flex-start!important;gap:14px!important;
  box-shadow:var(--sh)!important;border:1px solid var(--g200)!important;
}
#smarttec-app .sbox-left { flex:1!important;min-width:0!important; }
#smarttec-app .sbox-hint {
  font-size:.83rem!important;color:var(--g500)!important;
  margin-bottom:10px!important;line-height:1.4!important;
}
#smarttec-app .sbox-hint::before { content:'● ';color:var(--red);font-size:.6rem;vertical-align:middle; }
#smarttec-app .sbox-hint b { color:var(--g800)!important; }
#smarttec-app .sbox-row { display:flex!important;gap:8px!important; }
#smarttec-app .sbox-input {
  flex:1!important;min-width:0!important;border:1.5px solid var(--g200)!important;
  border-radius:50px!important;padding:11px 18px!important;font-size:.9rem!important;
  color:var(--g700)!important;background:#fff!important;outline:none!important;
  transition:var(--tr)!important;
}
#smarttec-app .sbox-input:focus { border-color:var(--g900)!important;box-shadow:0 0 0 3px rgba(26,26,46,.08)!important; }
#smarttec-app .sbox-btn {
  background:var(--g900)!important;color:#fff!important;border:none!important;
  border-radius:50%!important;width:44px!important;height:44px!important;min-width:44px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;cursor:pointer!important;transition:var(--tr)!important;
}
#smarttec-app .sbox-btn:hover { background:var(--red)!important; }
#smarttec-app .sbox-find {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:4px!important;cursor:pointer!important;flex-shrink:0!important;width:58px!important;
}
#smarttec-app .sbox-find-icon {
  width:44px!important;height:54px!important;position:relative!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
#smarttec-app .phone-outline { width:34px;height:46px;stroke:var(--g400);fill:none;stroke-width:1.8; }
#smarttec-app .qmark {
  position:absolute!important;bottom:0!important;right:-2px!important;
  width:20px!important;height:20px!important;background:var(--g900)!important;
  border-radius:50%!important;color:#fff!important;font-weight:800!important;
  font-size:.72rem!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
#smarttec-app .sbox-find-label {
  font-size:.65rem!important;font-weight:700!important;color:var(--g600)!important;
  text-align:center!important;line-height:1.3!important;
}
#smarttec-app .sbox-results {
  margin-top:10px!important;display:none!important;max-height:300px!important;
  overflow-y:auto!important;border-radius:var(--r-sm)!important;
}
#smarttec-app .sbox-result-item {
  padding:10px 14px!important;border-radius:var(--r-sm)!important;cursor:pointer!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  border:1px solid var(--g200)!important;margin-bottom:5px!important;
  background:#fff!important;min-height:54px!important;transition:var(--tr)!important;
}
#smarttec-app .sbox-result-item:hover { border-color:var(--g900)!important;background:var(--g50)!important; }

/* ══════════════════════════════════════════════
   SECTION LABEL
══════════════════════════════════════════════ */
#smarttec-app .slabel {
  font-size:.84rem!important;color:var(--g500)!important;margin-bottom:16px!important;
  display:flex!important;align-items:center!important;gap:7px!important;font-weight:500!important;
}
#smarttec-app .slabel::before { content:'●';color:var(--red);font-size:.55rem;flex-shrink:0; }
#smarttec-app .slabel b { color:var(--g800)!important; }

/* ══════════════════════════════════════════════
   TYPE GRID – Gerätekarten wie Produktkarten der Website
══════════════════════════════════════════════ */
#smarttec-app .tgrid {
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;
  gap:12px!important;margin-bottom:28px!important;
}
@media(min-width:540px){ #smarttec-app .tgrid { grid-template-columns:repeat(3,1fr)!important; } }
@media(min-width:720px){ #smarttec-app .tgrid { grid-template-columns:repeat(4,1fr)!important; } }

#smarttec-app .tcard {
  background:#fff!important;border:2px solid var(--g200)!important;
  border-radius:16px!important;padding:24px 14px 20px!important;
  cursor:pointer!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;gap:12px!important;user-select:none!important;
  transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;
  box-shadow:0 2px 12px rgba(0,0,0,.06)!important;
  position:relative!important;overflow:hidden!important;
}
#smarttec-app .tcard::before {
  content:''!important;position:absolute!important;inset:0!important;
  background:linear-gradient(135deg,rgba(226,0,26,.05) 0%,transparent 100%)!important;
  opacity:0!important;transition:opacity .25s!important;
}
#smarttec-app .tcard:hover {
  border-color:var(--red)!important;transform:translateY(-6px)!important;
  box-shadow:0 12px 32px rgba(226,0,26,.15)!important;
}
#smarttec-app .tcard:hover::before { opacity:1!important; }
#smarttec-app .tcard.sel {
  border-color:var(--red)!important;background:linear-gradient(135deg,var(--red) 0%,#b91c2a 100%)!important;
  box-shadow:0 12px 32px rgba(226,0,26,.3)!important;transform:translateY(-4px)!important;
}
#smarttec-app .tcard svg { width:48px!important;height:48px!important;stroke:var(--g400);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:all .25s!important; }
#smarttec-app .tcard:hover svg { stroke:var(--red);transform:scale(1.1)!important; }
#smarttec-app .tcard.sel svg { stroke:#fff; }
#smarttec-app .tcard-name {
  font-size:.72rem!important;font-weight:700!important;color:var(--g500)!important;
  text-transform:uppercase!important;letter-spacing:.8px!important;text-align:center!important;
  transition:color .2s!important;
}
#smarttec-app .tcard:hover .tcard-name { color:var(--red)!important; }
#smarttec-app .tcard.sel .tcard-name { color:#fff!important; }

/* ══════════════════════════════════════════════
   BRAND GRID – moderner Stil
══════════════════════════════════════════════ */
#smarttec-app .bgrid {
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;
}
@media(min-width:480px){ #smarttec-app .bgrid { grid-template-columns:repeat(3,1fr)!important; } }
@media(min-width:700px){ #smarttec-app .bgrid { grid-template-columns:repeat(4,1fr)!important; } }

#smarttec-app .bcard {
  background:#fff!important;border:2px solid var(--g200)!important;
  border-radius:14px!important;padding:22px 14px!important;
  cursor:pointer!important;display:flex!important;align-items:center!important;
  justify-content:center!important;min-height:80px!important;
  overflow:hidden!important;user-select:none!important;
  transition:all .22s ease!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important;
}
#smarttec-app .bcard:hover { border-color:var(--red)!important;box-shadow:0 8px 24px rgba(226,0,26,.12)!important;transform:translateY(-3px)!important; }
#smarttec-app .bcard.sel { border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(226,0,26,.2)!important;background:#fff8f8!important; }
#smarttec-app .bcard svg { max-width:90px!important;max-height:38px!important;fill:var(--g500)!important;transition:fill .2s!important; }
#smarttec-app .bcard:hover svg,#smarttec-app .bcard.sel svg { fill:var(--red)!important; }
#smarttec-app .bcard .btext { font-size:.88rem!important;font-weight:800!important;color:var(--g500)!important;text-align:center!important;transition:color .2s!important; }
#smarttec-app .bcard:hover .btext,#smarttec-app .bcard.sel .btext { color:var(--red)!important; }

/* ══════════════════════════════════════════════
   SERIES FILTER
══════════════════════════════════════════════ */
#smarttec-app .series-wrap { margin-bottom:20px!important; }
#smarttec-app .series-lbl { font-weight:600!important;font-size:.88rem!important;color:var(--g700)!important;margin-bottom:12px!important;display:block!important; }
#smarttec-app .series-scroll {
  display:flex!important;gap:8px!important;overflow-x:auto!important;
  padding-bottom:6px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
}
#smarttec-app .series-scroll::-webkit-scrollbar { display:none!important; }
#smarttec-app .schip {
  background:#fff!important;border:1.5px solid var(--g200)!important;
  border-radius:50px!important;padding:9px 16px!important;cursor:pointer!important;
  display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important;min-width:110px!important;
  transition:var(--tr)!important;box-shadow:var(--sh)!important;
}
#smarttec-app .schip:hover,#smarttec-app .schip.active { border-color:var(--g900)!important;background:var(--g900)!important; }
#smarttec-app .schip-img { width:32px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important; }
#smarttec-app .schip-img svg { width:26px;height:34px;stroke:var(--g500);fill:none;stroke-width:1.5; }
#smarttec-app .schip.active .schip-img svg { stroke:#fff; }
#smarttec-app .schip-info .s-name { font-size:.82rem!important;font-weight:700!important;color:var(--g800)!important; }
#smarttec-app .schip.active .schip-info .s-name { color:#fff!important; }
#smarttec-app .schip-info .s-cnt { font-size:.7rem!important;color:var(--red)!important;margin-top:1px!important; }
#smarttec-app .schip.active .schip-info .s-cnt { color:rgba(255,255,255,.7)!important; }

/* ══════════════════════════════════════════════
   MODEL GRID – wie Produktkarten der Website
══════════════════════════════════════════════ */
#smarttec-app .mhdr { display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important;gap:10px!important;flex-wrap:wrap!important; }
#smarttec-app .mhdr-left { font-weight:700!important;font-size:.9rem!important;color:var(--g800)!important;display:flex!important;align-items:center!important;gap:8px!important; }
#smarttec-app .badge { background:var(--g900)!important;color:#fff!important;border-radius:20px!important;padding:2px 10px!important;font-size:.74rem!important;font-weight:700!important; }
#smarttec-app .msearch {
  border:1.5px solid var(--g200)!important;border-radius:50px!important;
  padding:8px 16px!important;display:flex!important;align-items:center!important;
  gap:7px!important;background:#fff!important;flex:1!important;max-width:220px!important;
  transition:var(--tr)!important;
}
#smarttec-app .msearch:focus-within { border-color:var(--g900)!important; }
#smarttec-app .msearch input { border:none!important;outline:none!important;font-size:.84rem!important;color:var(--g700)!important;width:100%!important;background:transparent!important;box-shadow:none!important;padding:0!important; }

#smarttec-app .mgrid {
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;
}
@media(min-width:480px){ #smarttec-app .mgrid { grid-template-columns:repeat(3,1fr)!important; } }
@media(min-width:650px){ #smarttec-app .mgrid { grid-template-columns:repeat(4,1fr)!important; } }
@media(min-width:900px){ #smarttec-app .mgrid { grid-template-columns:repeat(5,1fr)!important; } }

#smarttec-app .mcard {
  background:#fff!important;border:1.5px solid var(--g200)!important;
  border-radius:var(--r)!important;padding:16px 10px 14px!important;
  cursor:pointer!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;gap:8px!important;overflow:hidden!important;
  user-select:none!important;transition:var(--tr)!important;box-shadow:var(--sh)!important;
}
#smarttec-app .mcard:hover { border-color:var(--g900)!important;transform:translateY(-3px)!important;box-shadow:var(--shm)!important; }
#smarttec-app .mcard.sel { border-color:var(--g900)!important;box-shadow:0 0 0 2px var(--g900)!important; }
#smarttec-app .mcard img { width:64px!important;height:78px!important;object-fit:contain!important;display:block!important; }
#smarttec-app .mcard-img { width:64px!important;height:78px!important;display:flex!important;align-items:center!important;justify-content:center!important; }
#smarttec-app .mcard-img svg { width:44px;height:66px;stroke:var(--g300);fill:none;stroke-width:1.4; }
#smarttec-app .mcard-name { font-size:.72rem!important;font-weight:600!important;color:var(--g800)!important;text-align:center!important;line-height:1.3!important;word-break:break-word!important; }
#smarttec-app .mcard-nr { font-size:.62rem!important;color:var(--red)!important;text-align:center!important; }

/* ══════════════════════════════════════════════
   REPAIR PAGE (Step 4)
══════════════════════════════════════════════ */
#smarttec-app .repair-page { display:grid!important;grid-template-columns:1fr 300px!important;gap:24px!important;align-items:start!important; }
@media(max-width:860px){ #smarttec-app .repair-page { grid-template-columns:1fr!important; } }

/* DEVICE HEADER */
#smarttec-app .device-header { display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:24px!important;padding:18px 20px!important;background:#fff!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;border:1px solid var(--g200)!important; }
#smarttec-app .device-header-back { width:42px!important;height:42px!important;min-width:42px!important;background:var(--g100)!important;border:1px solid var(--g200)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--g600)!important;font-size:1rem!important;flex-shrink:0!important;cursor:pointer!important;transition:var(--tr)!important; }
#smarttec-app .device-header-back:hover { background:var(--g900)!important;color:#fff!important;border-color:var(--g900)!important; }
#smarttec-app .device-header-img { width:70px!important;height:86px!important;object-fit:contain!important;flex-shrink:0!important; }
#smarttec-app .device-header-info { flex:1!important;min-width:0!important; }
#smarttec-app .device-header-name { font-weight:900!important;font-size:clamp(1.1rem,3vw,1.5rem)!important;color:var(--g900)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important; }
#smarttec-app .device-header-type { font-size:.88rem!important;color:var(--red)!important;margin-top:3px!important;font-weight:600!important;display:block!important; }
#smarttec-app .device-header-flag { margin-left:auto!important;font-size:.82rem!important;color:var(--g500)!important;cursor:pointer!important;flex-shrink:0!important;display:flex!important;align-items:center!important;gap:5px!important; }

/* COLOR CHIPS */
#smarttec-app .color-section { margin-bottom:22px!important; }
#smarttec-app .color-section-label { font-size:.88rem!important;color:var(--g500)!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:7px!important;font-weight:500!important; }
#smarttec-app .color-section-label::before { content:'●';color:var(--red);font-size:.55rem;flex-shrink:0; }
#smarttec-app .color-section-label b { color:var(--g800)!important; }
#smarttec-app .color-chips { display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important; }
#smarttec-app .color-chip {
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:10px!important;padding:9px 18px!important;background:#fff!important;
  border:1.5px solid var(--g200)!important;border-radius:50px!important;
  cursor:pointer!important;font-size:.8rem!important;font-weight:600!important;
  color:var(--g600)!important;user-select:none!important;white-space:nowrap!important;
  transition:var(--tr)!important;box-shadow:var(--sh)!important;
}
#smarttec-app .color-chip:hover { border-color:var(--g900)!important; }
#smarttec-app .color-chip.sel { border-color:var(--g900)!important;color:var(--g900)!important;box-shadow:0 0 0 1px var(--g900)!important; }
#smarttec-app .color-dot { width:20px!important;height:20px!important;border-radius:50%!important;flex-shrink:0!important;display:inline-block!important;border:2px solid rgba(0,0,0,.08)!important; }

/* REPAIR SECTION */
#smarttec-app .repair-section-header { display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:16px!important;flex-wrap:wrap!important;gap:10px!important; }
#smarttec-app .repair-section-label { font-size:.88rem!important;color:var(--g500)!important;display:flex!important;align-items:center!important;gap:7px!important;font-weight:500!important; }
#smarttec-app .repair-section-label::before { content:'●';color:var(--red);font-size:.55rem;flex-shrink:0; }
#smarttec-app .repair-section-label b { color:var(--g800)!important; }
#smarttec-app .tax-toggle { display:flex!important;align-items:center!important;gap:8px!important;font-size:.82rem!important;font-weight:600!important;color:var(--g700)!important;cursor:pointer!important; }
#smarttec-app .toggle-sw { width:42px!important;height:24px!important;background:#34c759!important;border-radius:12px!important;position:relative!important;cursor:pointer!important;flex-shrink:0!important;display:inline-block!important;transition:var(--tr)!important; }
#smarttec-app .toggle-sw::after { content:''!important;position:absolute!important;width:18px!important;height:18px!important;background:#fff!important;border-radius:50%!important;top:3px!important;right:3px!important;box-shadow:0 1px 4px rgba(0,0,0,.2)!important;transition:var(--tr)!important; }

/* REPAIR ACCORDIONS */
#smarttec-app .rcat {
  background:#fff!important;border:1.5px solid var(--g200)!important;
  border-radius:var(--r)!important;margin-bottom:10px!important;overflow:hidden!important;
  box-shadow:var(--sh)!important;transition:var(--tr)!important;
}
#smarttec-app .rcat.open { border-color:var(--g300)!important; }
#smarttec-app .rcat-header { display:flex!important;align-items:center!important;gap:14px!important;padding:16px 18px!important;cursor:pointer!important;user-select:none!important;transition:var(--tr)!important; }
#smarttec-app .rcat-header:hover { background:var(--g50)!important; }
#smarttec-app .rcat.open .rcat-header { background:var(--g900)!important; }
#smarttec-app .rcat-icon { width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important; }
#smarttec-app .rcat-icon svg { width:26px;height:26px;stroke:var(--g400);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
#smarttec-app .rcat.open .rcat-icon svg { stroke:#fff; }
#smarttec-app .rcat-name { font-weight:700!important;font-size:.95rem!important;color:var(--g800)!important;flex:1!important; }
#smarttec-app .rcat.open .rcat-name { color:#fff!important; }
#smarttec-app .rcat-badge { background:var(--g100)!important;color:var(--g600)!important;border-radius:20px!important;padding:3px 10px!important;font-size:.74rem!important;font-weight:700!important;white-space:nowrap!important; }
#smarttec-app .rcat.open .rcat-badge { background:rgba(255,255,255,.15)!important;color:#fff!important; }
#smarttec-app .rcat-arrow { width:28px!important;height:28px!important;background:var(--g100)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--g500)!important;font-size:.8rem!important;flex-shrink:0!important;transition:var(--tr)!important; }
#smarttec-app .rcat.open .rcat-arrow { background:rgba(255,255,255,.2)!important;color:#fff!important;transform:rotate(90deg)!important; }
#smarttec-app .rcat-body { display:none!important;padding:14px 16px!important;border-top:1px solid var(--g100)!important; }
#smarttec-app .rcat.open .rcat-body { display:block!important; }

/* REPAIR ITEMS */
#smarttec-app .rcat-items { display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important; }
@media(max-width:560px){ #smarttec-app .rcat-items { grid-template-columns:1fr!important; } }
#smarttec-app .ritem {
  background:#fff!important;border:1.5px solid var(--g200)!important;
  border-radius:var(--r-sm)!important;padding:14px!important;cursor:pointer!important;
  transition:var(--tr)!important;
}
#smarttec-app .ritem:hover { border-color:var(--g300)!important;box-shadow:var(--sh)!important; }
#smarttec-app .ritem.sel { border-color:var(--g900)!important;box-shadow:0 0 0 1px var(--g900)!important; }
#smarttec-app .ritem-top { display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:6px!important; }
#smarttec-app .ritem-left { display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important; }
#smarttec-app .ritem-ico { width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important; }
#smarttec-app .ritem-ico svg { width:22px;height:22px;stroke:var(--g400);fill:none;stroke-width:1.5; }
#smarttec-app .ritem.sel .ritem-ico svg { stroke:var(--g900); }
#smarttec-app .ritem-name { font-weight:700!important;font-size:.88rem!important;color:var(--g800)!important;line-height:1.3!important; }
#smarttec-app .ritem-time { font-size:.7rem!important;color:var(--red)!important;font-weight:600!important;text-transform:uppercase!important;margin-top:1px!important; }
#smarttec-app .ritem-price-badge { flex-shrink:0!important; }
#smarttec-app .ritem-price-badge.free { background:var(--g100)!important;color:var(--g700)!important;border-radius:8px!important;padding:5px 10px!important;font-size:.8rem!important;font-weight:700!important; }
#smarttec-app .ritem-price-badge.paid { background:var(--g900)!important;color:#fff!important;border-radius:8px!important;padding:5px 10px!important;display:flex!important;align-items:baseline!important;gap:1px!important; }
#smarttec-app .ritem-price-badge.paid .cur { font-size:.68rem!important;font-weight:600!important; }
#smarttec-app .ritem-price-badge.paid .int { font-size:1rem!important;font-weight:800!important; }
#smarttec-app .ritem-price-badge.paid .dec { font-size:.68rem!important;font-weight:600!important;vertical-align:super!important; }
#smarttec-app .ritem-desc { font-size:.78rem!important;color:var(--g500)!important;line-height:1.45!important;margin-top:4px!important; }

/* ══════════════════════════════════════════════
   SIDEBAR
══════════════════════════════════════════════ */
@media(min-width:861px){ #smarttec-app .repair-sidebar { position:sticky!important;top:80px!important; } }
#smarttec-app .rsidebar-card { background:#fff!important;border-radius:var(--r)!important;box-shadow:var(--sh)!important;padding:22px!important;border:1px solid var(--g200)!important; }
#smarttec-app .rsidebar-title { font-weight:900!important;font-size:1.1rem!important;color:var(--g900)!important;margin-bottom:14px!important;display:block!important; }
#smarttec-app .rsidebar-model { font-weight:600!important;font-size:.9rem!important;color:var(--g600)!important;margin-bottom:4px!important;display:block!important; }
#smarttec-app .rsidebar-items { margin:14px 0!important; }
#smarttec-app .rsidebar-item { display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 0!important;border-bottom:1px solid var(--g100)!important;gap:8px!important; }
#smarttec-app .rsidebar-item-name { font-size:.84rem!important;color:var(--g700)!important;flex:1!important; }
#smarttec-app .rsidebar-item-price { font-weight:700!important;font-size:.84rem!important;color:var(--g900)!important;background:var(--g100)!important;padding:3px 8px!important;border-radius:6px!important;white-space:nowrap!important; }
#smarttec-app .rsidebar-item-remove { width:20px!important;height:20px!important;border-radius:50%!important;border:none!important;background:var(--g100)!important;color:var(--g400)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.7rem!important;flex-shrink:0!important;cursor:pointer!important;transition:var(--tr)!important; }
#smarttec-app .rsidebar-item-remove:hover { background:var(--red)!important;color:#fff!important; }
#smarttec-app .rsidebar-divider { height:1px!important;background:var(--g100)!important;margin:12px 0!important; }
#smarttec-app .rsidebar-row { display:flex!important;justify-content:space-between!important;align-items:center!important;padding:5px 0!important;font-size:.86rem!important; }
#smarttec-app .rsidebar-row .k { color:var(--g500)!important; }
#smarttec-app .rsidebar-row .v { font-weight:600!important;color:var(--g800)!important; }
#smarttec-app .rsidebar-kombi { background:var(--g50)!important;border-radius:8px!important;padding:10px 12px!important;margin:10px 0!important; }
#smarttec-app .rsidebar-kombi-hint { font-size:.76rem!important;color:#34c759!important;font-weight:500!important;margin-bottom:8px!important; }
#smarttec-app .rsidebar-voucher { display:flex!important;gap:8px!important;margin-top:8px!important; }
#smarttec-app .rsidebar-voucher input { flex:1!important;border:1.5px solid var(--g200)!important;border-radius:50px!important;padding:8px 14px!important;font-size:.84rem!important;color:var(--g700)!important;outline:none!important;background:#fff!important;transition:var(--tr)!important; }
#smarttec-app .rsidebar-voucher input:focus { border-color:var(--g900)!important; }
#smarttec-app .rsidebar-voucher button { width:34px!important;height:34px!important;background:var(--g900)!important;border:none!important;border-radius:50%!important;color:#fff!important;font-size:1.1rem!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:var(--tr)!important; }
#smarttec-app .rsidebar-voucher button:hover { background:var(--red)!important; }
#smarttec-app .rsidebar-total { display:flex!important;justify-content:space-between!important;align-items:baseline!important;margin:14px 0 4px!important; }
#smarttec-app .rsidebar-total .k { font-weight:800!important;font-size:1.1rem!important;color:var(--g900)!important; }
#smarttec-app .rsidebar-total .v { display:flex!important;align-items:baseline!important;gap:1px!important;color:var(--g900)!important; }
#smarttec-app .rsidebar-total .v .cur { font-size:.8rem!important;font-weight:600!important; }
#smarttec-app .rsidebar-total .v .int { font-size:1.4rem!important;font-weight:900!important; }
#smarttec-app .rsidebar-total .v .dec { font-size:.8rem!important;font-weight:600!important;vertical-align:super!important; }

/* ══════════════════════════════════════════════
   BUTTONS – Pill-Style wie auf der Website
══════════════════════════════════════════════ */
#smarttec-app .nav-btns { display:flex!important;justify-content:space-between!important;margin-top:28px!important;padding-top:20px!important;border-top:1px solid var(--g200)!important;gap:12px!important; }
#smarttec-app .btn-back2 {
  background:#fff!important;color:var(--g600)!important;border:1.5px solid var(--g200)!important;
  padding:12px 24px!important;border-radius:50px!important;font-weight:600!important;
  font-size:.88rem!important;cursor:pointer!important;font-family:'Inter',sans-serif!important;transition:var(--tr)!important;
}
#smarttec-app .btn-back2:hover { border-color:var(--g400)!important;color:var(--g800)!important; }
#smarttec-app .btn-next {
  background:var(--g900)!important;color:#fff!important;border:none!important;
  padding:12px 28px!important;border-radius:50px!important;font-weight:700!important;
  font-size:.88rem!important;cursor:pointer!important;font-family:'Inter',sans-serif!important;transition:var(--tr)!important;
}
#smarttec-app .btn-next:hover:not(:disabled) { background:var(--red)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px rgba(227,30,45,.25)!important; }
#smarttec-app .btn-next:disabled { background:var(--g200)!important;color:var(--g400)!important;cursor:not-allowed!important; }

#smarttec-app .btn-angebot {
  width:100%!important;background:#fff!important;border:2px solid var(--g200)!important;
  border-radius:50px!important;padding:13px!important;cursor:pointer!important;
  text-align:center!important;margin-bottom:10px!important;margin-top:16px!important;display:block!important;transition:var(--tr)!important;
}
#smarttec-app .btn-angebot:hover { border-color:var(--g900)!important;background:var(--g50)!important; }
#smarttec-app .btn-angebot .main { font-weight:700!important;font-size:.92rem!important;color:var(--g900)!important;display:block!important; }
#smarttec-app .btn-angebot .sub { font-size:.74rem!important;color:var(--g500)!important;margin-top:1px!important;display:block!important; }

#smarttec-app .btn-letzter {
  width:100%!important;background:var(--g900)!important;border:none!important;
  border-radius:50px!important;padding:15px!important;cursor:pointer!important;
  text-align:center!important;display:block!important;transition:var(--tr)!important;
}
#smarttec-app .btn-letzter:hover:not(:disabled) { background:var(--red)!important;transform:translateY(-1px)!important;box-shadow:0 8px 24px rgba(227,30,45,.3)!important; }
#smarttec-app .btn-letzter:disabled { background:var(--g200)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important; }
#smarttec-app .btn-letzter .main { font-weight:800!important;font-size:1rem!important;color:#fff!important;display:block!important; }
#smarttec-app .btn-letzter .sub { font-size:.76rem!important;color:rgba(255,255,255,.75)!important;margin-top:2px!important;display:block!important; }

/* ══════════════════════════════════════════════
   MODALS
══════════════════════════════════════════════ */
#smarttec-app .overlay { display:none!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.45)!important;z-index:999999!important;align-items:flex-start!important;justify-content:center!important;backdrop-filter:blur(6px)!important;overflow-y:auto!important;padding:20px 16px!important; }
#smarttec-app .overlay.open { display:flex!important; }
#smarttec-app .angebot-modal,#smarttec-app .letzter-modal {
  background:#fff!important;border-radius:24px!important;width:100%!important;
  max-width:960px!important;margin:auto!important;overflow:hidden!important;
  animation:stMIn .3s cubic-bezier(.34,1.3,.64,1)!important;
}
@keyframes stMIn { from{transform:scale(.93) translateY(20px);opacity:0;} to{transform:scale(1) translateY(0);opacity:1;} }
#smarttec-app .angebot-modal-header { display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding:28px 30px 0!important; }
#smarttec-app .angebot-modal-title { font-size:1.35rem!important;font-weight:800!important;color:var(--g900)!important;display:block!important; }
#smarttec-app .angebot-modal-title span { font-weight:900!important;color:var(--red)!important; }
#smarttec-app .angebot-modal-sub { font-size:.84rem!important;color:var(--g500)!important;margin-top:3px!important;display:block!important; }
#smarttec-app .modal-x { width:36px!important;height:36px!important;border-radius:50%!important;background:var(--g100)!important;border:none!important;font-size:1.1rem!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--g500)!important;cursor:pointer!important;flex-shrink:0!important;transition:var(--tr)!important; }
#smarttec-app .modal-x:hover { background:var(--g200)!important; }
#smarttec-app .angebot-body { display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:22px 30px 30px!important; }
@media(max-width:680px){ #smarttec-app .angebot-body { grid-template-columns:1fr!important; } }
#smarttec-app .angebot-left { padding-right:24px!important;border-right:1px solid var(--g100)!important; }
@media(max-width:680px){ #smarttec-app .angebot-left { padding-right:0!important;border-right:none!important;border-bottom:1px solid var(--g100)!important;padding-bottom:22px!important;margin-bottom:22px!important; } }
#smarttec-app .angebot-right { padding-left:24px!important; }
@media(max-width:680px){ #smarttec-app .angebot-right { padding-left:0!important; } }
#smarttec-app .letzter-header { display:flex!important;align-items:center!important;justify-content:space-between!important;padding:28px 30px 0!important; }
#smarttec-app .letzter-title { font-weight:900!important;font-size:1.25rem!important;color:var(--g900)!important; }
#smarttec-app .letzter-body { display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:22px 30px 30px!important; }
@media(max-width:680px){ #smarttec-app .letzter-body { grid-template-columns:1fr!important; } }
#smarttec-app .letzter-left { padding-right:24px!important;border-right:1px solid var(--g100)!important; }
@media(max-width:680px){ #smarttec-app .letzter-left { padding-right:0!important;border-right:none!important;border-bottom:1px solid var(--g100)!important;padding-bottom:22px!important;margin-bottom:22px!important; } }
#smarttec-app .letzter-right { padding-left:24px!important; }
@media(max-width:680px){ #smarttec-app .letzter-right { padding-left:0!important; } }

/* FORM ELEMENTS IN MODALS */
#smarttec-app .shop-location-btn { width:100%!important;background:var(--g100)!important;border:none!important;border-radius:50px!important;padding:12px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:.86rem!important;font-weight:600!important;color:var(--g700)!important;margin-bottom:10px!important;cursor:pointer!important;transition:var(--tr)!important; }
#smarttec-app .shop-location-btn:hover { background:var(--g900)!important;color:#fff!important; }
#smarttec-app .shop-addr-search { border:1.5px solid var(--g200)!important;border-radius:50px!important;padding:11px 16px!important;display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;background:#fff!important;transition:var(--tr)!important; }
#smarttec-app .shop-addr-search:focus-within { border-color:var(--g900)!important; }
#smarttec-app .shop-addr-search input { flex:1!important;border:none!important;outline:none!important;font-size:.86rem!important;color:var(--g700)!important;background:transparent!important;box-shadow:none!important;padding:0!important; }
#smarttec-app .shop-item-modal { border:1.5px solid var(--g200)!important;border-radius:var(--r-sm)!important;padding:14px!important;cursor:pointer!important;margin-bottom:8px!important;background:#fff!important;transition:var(--tr)!important; }
#smarttec-app .shop-item-modal:hover { border-color:var(--g900)!important; }
#smarttec-app .shop-item-modal.sel { border-color:var(--g900)!important;box-shadow:0 0 0 1px var(--g900)!important; }
#smarttec-app .shop-item-modal h4 { font-weight:700!important;font-size:.88rem!important;color:var(--g800)!important; }
#smarttec-app .shop-item-modal p { font-size:.76rem!important;color:var(--g500)!important;margin-top:2px!important; }
#smarttec-app .svc-modal { display:flex!important;align-items:center!important;gap:12px!important;padding:13px 14px!important;border:1.5px solid var(--g200)!important;border-radius:var(--r-sm)!important;cursor:pointer!important;margin-bottom:8px!important;background:#fff!important;transition:var(--tr)!important; }
#smarttec-app .svc-modal:hover { border-color:var(--g300)!important; }
#smarttec-app .svc-modal.sel { border-color:var(--g900)!important;box-shadow:0 0 0 1px var(--g900)!important; }
#smarttec-app .svc-modal-inf h4 { font-weight:600!important;font-size:.86rem!important;color:var(--g800)!important; }
#smarttec-app .svc-modal-inf p { font-size:.74rem!important;color:var(--g500)!important;margin-top:1px!important; }
#smarttec-app .svc-modal-pr.free { font-size:.86rem!important;font-weight:700!important;color:#34c759!important; }
#smarttec-app .svc-modal-pr.paid { font-size:.86rem!important;font-weight:700!important;color:var(--g900)!important; }
#smarttec-app .svc-chkbox { width:24px!important;height:24px!important;border:2px solid var(--g300)!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:var(--tr)!important; }
#smarttec-app .svc-modal.sel .svc-chkbox { background:var(--g900)!important;border-color:var(--g900)!important; }
#smarttec-app .svc-chk-icon { color:#fff!important;font-size:.72rem!important;display:none!important; }
#smarttec-app .svc-modal.sel .svc-chk-icon { display:block!important; }

/* FORM GRID */
#smarttec-app .form-grid-2 { display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important; }
@media(max-width:420px){ #smarttec-app .form-grid-2 { grid-template-columns:1fr!important; } }
#smarttec-app .fg2 { display:flex!important;flex-direction:column!important;gap:5px!important; }
#smarttec-app .fg2 label { font-size:.68rem!important;font-weight:700!important;color:var(--g500)!important;text-transform:uppercase!important;letter-spacing:.6px!important;display:block!important; }
#smarttec-app .fg2 label span { color:var(--red)!important; }
#smarttec-app .fg2 input,#smarttec-app .fg2 select,#smarttec-app .fg2 textarea {
  border:1.5px solid var(--g200)!important;border-radius:var(--r-sm)!important;
  padding:10px 14px!important;font-size:.88rem!important;color:var(--g800)!important;
  width:100%!important;background:#fff!important;box-shadow:none!important;outline:none!important;transition:var(--tr)!important;
}
#smarttec-app .fg2 input:focus,#smarttec-app .fg2 select:focus,#smarttec-app .fg2 textarea:focus { border-color:var(--g900)!important;box-shadow:0 0 0 3px rgba(26,26,46,.08)!important; }
#smarttec-app .fg2-grid { display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:14px!important; }
#smarttec-app .fg2-grid .full { grid-column:1/-1!important; }

/* SEND BUTTON */
#smarttec-app .btn-angebot-send {
  width:100%!important;background:var(--g900)!important;border:none!important;
  border-radius:50px!important;padding:15px!important;cursor:pointer!important;
  margin-top:18px!important;display:block!important;transition:var(--tr)!important;
}
#smarttec-app .btn-angebot-send:hover { background:var(--red)!important;transform:translateY(-1px)!important;box-shadow:0 8px 24px rgba(227,30,45,.3)!important; }
#smarttec-app .btn-angebot-send .main { font-weight:800!important;font-size:.95rem!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important; }
#smarttec-app .btn-angebot-send .sub { font-size:.74rem!important;color:rgba(255,255,255,.75)!important;margin-top:2px!important;text-align:center!important;display:block!important; }

/* CHOICE TOGGLES */
#smarttec-app .ctype-toggle { display:flex!important;gap:8px!important;margin-bottom:18px!important;flex-wrap:wrap!important; }
#smarttec-app .ctype-btn { display:flex!important;align-items:center!important;gap:8px!important;padding:8px 18px!important;border:1.5px solid var(--g200)!important;border-radius:50px!important;cursor:pointer!important;font-size:.84rem!important;font-weight:600!important;color:var(--g600)!important;background:#fff!important;transition:var(--tr)!important; }
#smarttec-app .ctype-btn:hover,#smarttec-app .ctype-btn.sel { border-color:var(--g900)!important;color:var(--g900)!important; }
#smarttec-app .ctype-chk { width:20px!important;height:20px!important;border:2px solid var(--g300)!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;font-size:.6rem!important;color:transparent!important;transition:var(--tr)!important; }
#smarttec-app .ctype-btn.sel .ctype-chk { background:var(--g900)!important;border-color:var(--g900)!important;color:#fff!important; }

#smarttec-app .passcode-opts { display:flex!important;gap:10px!important;flex-wrap:wrap!important; }
#smarttec-app .passcode-opt { display:flex!important;align-items:center!important;gap:8px!important;padding:8px 18px!important;border:1.5px solid var(--g200)!important;border-radius:50px!important;cursor:pointer!important;font-size:.86rem!important;font-weight:600!important;color:var(--g600)!important;background:#fff!important;transition:var(--tr)!important; }
#smarttec-app .passcode-opt:hover,#smarttec-app .passcode-opt.sel { border-color:var(--g900)!important;color:var(--g900)!important; }
#smarttec-app .passcode-chk { width:20px!important;height:20px!important;border:2px solid var(--g300)!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:var(--tr)!important; }
#smarttec-app .passcode-opt.sel .passcode-chk { background:var(--g900)!important;border-color:var(--g900)!important; }

/* PAYMENT */
#smarttec-app .payment-opt { display:flex!important;align-items:center!important;gap:14px!important;padding:14px 16px!important;border:1.5px solid var(--g200)!important;border-radius:var(--r-sm)!important;cursor:pointer!important;margin-bottom:8px!important;background:#fff!important;transition:var(--tr)!important; }
#smarttec-app .payment-opt:hover { border-color:var(--g300)!important; }
#smarttec-app .payment-opt.sel { border-color:var(--g900)!important;box-shadow:0 0 0 1px var(--g900)!important; }
#smarttec-app .payment-radio { width:20px!important;height:20px!important;border-radius:50%!important;border:2px solid var(--g300)!important;flex-shrink:0!important;position:relative!important;transition:var(--tr)!important; }
#smarttec-app .payment-radio::after { content:''!important;width:8px!important;height:8px!important;border-radius:50%!important;background:transparent!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;transition:var(--tr)!important; }
#smarttec-app .payment-opt.sel .payment-radio { border-color:var(--g900)!important; }
#smarttec-app .payment-opt.sel .payment-radio::after { background:var(--g900)!important; }
#smarttec-app .payment-name { font-weight:700!important;font-size:.9rem!important;color:var(--g800)!important; }
#smarttec-app .payment-badge { display:inline-block!important;padding:2px 9px!important;border-radius:20px!important;font-size:.72rem!important;font-weight:700!important;margin-top:3px!important; }
#smarttec-app .payment-badge.extra { background:#fff3cd!important;color:#856404!important; }
#smarttec-app .payment-badge.discount { background:#d1fae5!important;color:#065f46!important; }
#smarttec-app .payment-logos { display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important; }

/* TERMS */
#smarttec-app .terms-row { display:flex!important;align-items:center!important;gap:10px!important;margin:18px 0!important;font-size:.84rem!important;color:var(--g600)!important; }
#smarttec-app .terms-chk { width:22px!important;height:22px!important;border:2px solid var(--g300)!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;background:#fff!important;transition:var(--tr)!important; }
#smarttec-app .terms-chk.sel { background:var(--g900)!important;border-color:var(--g900)!important; }
#smarttec-app .terms-link { color:var(--g900)!important;font-weight:600!important;cursor:pointer!important;text-decoration:underline!important; }

/* BOOKING BUTTON */
#smarttec-app .btn-buchung { width:100%!important;background:var(--g900)!important;border:none!important;border-radius:50px!important;padding:15px 20px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;transition:var(--tr)!important; }
#smarttec-app .btn-buchung:hover:not(:disabled) { background:var(--red)!important;transform:translateY(-1px)!important;box-shadow:0 8px 24px rgba(227,30,45,.3)!important; }
#smarttec-app .btn-buchung:disabled { background:var(--g200)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important; }
#smarttec-app .btn-buchung .main { font-weight:800!important;font-size:.95rem!important;color:#fff!important; }
#smarttec-app .btn-buchung .sub { font-size:.74rem!important;color:rgba(255,255,255,.75)!important; }
#smarttec-app .btn-buchung .arrow { color:#fff!important;font-size:1rem!important; }

/* DATE PICKER */
#smarttec-app .date-section { margin-bottom:18px!important; }
#smarttec-app .date-nav { display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important; }
#smarttec-app .date-nav-title { font-size:.84rem!important;color:var(--g500)!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:6px!important; }
#smarttec-app .date-nav-title::before { content:'●';color:var(--red);font-size:.55rem; }
#smarttec-app .date-nav-title b { color:var(--g800)!important; }
#smarttec-app .date-arrows { display:flex!important;gap:6px!important; }
#smarttec-app .date-arrow-btn { width:28px!important;height:28px!important;border:1.5px solid var(--g200)!important;border-radius:50%!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--g600)!important;cursor:pointer!important;transition:var(--tr)!important; }
#smarttec-app .date-arrow-btn:hover { background:var(--g900)!important;color:#fff!important;border-color:var(--g900)!important; }
#smarttec-app .date-days { display:flex!important;gap:6px!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none!important; }
#smarttec-app .date-days::-webkit-scrollbar { display:none!important; }
#smarttec-app .date-day { display:flex!important;flex-direction:column!important;align-items:center!important;padding:10px 12px!important;border:1.5px solid var(--g200)!important;border-radius:var(--r-sm)!important;cursor:pointer!important;flex-shrink:0!important;min-width:52px!important;background:#fff!important;transition:var(--tr)!important; }
#smarttec-app .date-day:hover { border-color:var(--g900)!important; }
#smarttec-app .date-day.sel { border-color:var(--g900)!important;background:var(--g900)!important; }
#smarttec-app .date-day.today { border-color:var(--red)!important; }
#smarttec-app .date-day.disabled { opacity:.35!important;cursor:not-allowed!important; }
#smarttec-app .date-day .dd-name { font-size:.68rem!important;color:var(--g500)!important;font-weight:600!important;text-transform:uppercase!important; }
#smarttec-app .date-day .dd-num { font-size:1rem!important;font-weight:700!important;color:var(--g800)!important;margin-top:2px!important; }
#smarttec-app .date-day.sel .dd-name,#smarttec-app .date-day.sel .dd-num { color:#fff!important; }
#smarttec-app .closed-msg { background:var(--g100)!important;border-radius:var(--r-sm)!important;padding:16px!important;text-align:center!important;font-size:.86rem!important;color:var(--g500)!important;font-weight:500!important; }

/* SUCCESS MODAL */
#smarttec-app .success-modal { background:#fff!important;border-radius:24px!important;width:100%!important;max-width:460px!important;margin:auto!important;padding:40px!important;text-align:center!important;animation:stMIn .3s cubic-bezier(.34,1.3,.64,1)!important; }

/* ══════════════════════════════════════════════
   ADMIN PANEL
══════════════════════════════════════════════ */
#smarttec-app .admin-wrap { display:flex!important;min-height:calc(100vh - 60px)!important; }
#smarttec-app .asidebar { width:220px!important;background:var(--navy)!important;padding:20px 0!important;flex-shrink:0!important; }
#smarttec-app .asidebar-ttl { font-size:.63rem!important;font-weight:700!important;color:var(--g500)!important;text-transform:uppercase!important;letter-spacing:1.2px!important;padding:0 18px 10px!important;display:block!important; }
#smarttec-app .asi { display:flex!important;align-items:center!important;gap:10px!important;padding:10px 18px!important;color:var(--g400)!important;cursor:pointer!important;font-size:.84rem!important;font-weight:500!important;border-left:3px solid transparent!important;transition:var(--tr)!important; }
#smarttec-app .asi:hover { color:#fff!important;background:rgba(255,255,255,.06)!important; }
#smarttec-app .asi.active { color:#fff!important;background:rgba(227,30,45,.15)!important;border-left-color:var(--red)!important; }
#smarttec-app .amain { flex:1!important;padding:22px!important;overflow:auto!important;background:var(--bg)!important; }
#smarttec-app .asec { display:none!important; }
#smarttec-app .asec.active { display:block!important; }

/* ══════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
══════════════════════════════════════════════ */
@media(max-width:380px){
  #smarttec-app .pb-txt { display:none!important; }
  #smarttec-app .pb-line { width:30px!important;margin:0 5px!important; }
  #smarttec-app .page { padding:16px 14px 60px!important; }
  #smarttec-app .nav { padding:0 14px!important; }
}
@media(max-width:480px){
  #smarttec-app .nav-btns { flex-direction:column-reverse!important; }
  #smarttec-app .btn-back2,#smarttec-app .btn-next { width:100%!important;text-align:center!important; }
  #smarttec-app .angebot-modal-header,#smarttec-app .letzter-header { padding:20px 20px 0!important; }
  #smarttec-app .angebot-body,#smarttec-app .letzter-body { padding:18px 20px 24px!important; }
}
@media(max-width:600px){
  #smarttec-app .asidebar { width:56px!important; }
  #smarttec-app .asidebar-ttl,#smarttec-app .asi-txt { display:none!important; }
  #smarttec-app .asi { justify-content:center!important;padding:12px!important; }
  #smarttec-app .amain { padding:16px!important; }
}

/* ── PROGRESS BAR MOBILE OPTIMIERT ── */
@media(max-width:600px){
  #smarttec-app .progress { padding:12px 10px !important; overflow-x:auto !important; }
  #smarttec-app .pb { flex-shrink:0 !important; }
  #smarttec-app .pb-dot { width:32px !important; height:32px !important; font-size:.82rem !important; }
  #smarttec-app .pb-txt { font-size:.72rem !important; margin-left:5px !important; }
  #smarttec-app .pb-line { width:32px !important; margin:0 6px !important; }
}

/* ── SEARCH RESULTS UNTEREINANDER ── */
#smarttec-app .sbox-results { 
  display:flex !important; flex-direction:column !important; gap:4px !important;
  max-height:380px !important; overflow-y:auto !important;
  background:#fff !important; border-radius:12px !important;
  box-shadow:0 8px 32px rgba(0,0,0,.12) !important;
  border:1px solid var(--g200) !important;
  padding:6px !important; margin-top:8px !important;
}
#smarttec-app .sbox-result-item {
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:10px 12px !important; border-radius:10px !important;
  cursor:pointer !important; transition:var(--tr) !important;
  border:none !important; margin-bottom:0 !important;
  background:#fff !important;
}
#smarttec-app .sbox-result-item:hover { background:var(--g100) !important; }

/* ── ADMIN BUTTON VERSTECKT ── */
#smarttec-app .nav-admin { display:none !important; }