.dm-hsn-modal__content{overflow:visible!important;max-height:none!important;}
          .dm-modal__body{overflow:visible;}
          .ff-modal-tabs{display:flex;gap:4px;padding:12px 24px;background:rgba(0,0,0,0.03);}
          .ff-modal-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;border:1px solid transparent;background:none;color: var(--ff-gray);cursor:pointer;border-radius:10px;transition:all .2s;}
          .ff-modal-tab:hover{color: var(--ff-ink);background:rgba(0,0,0,0.03);}
          .ff-modal-tab.is-active{color:#0a1017;background:#fff;border-color:rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.06);}
          .ff-modal-tab .material-symbols-rounded{font-size:18px;}
          .ff-modal-ss{position:relative;margin-bottom:10px;}
          .ff-modal-ss__trigger{width:100%;text-align:left;padding:10px 14px;border:1px solid rgba(0,0,0,0.12);border-radius:8px;background:#fafafa;font-size:14px;color:#333;cursor:pointer;transition:border-color .2s;}
          .ff-modal-ss__trigger:not([disabled]):hover{border-color:rgba(0,0,0,0.25);}
          .ff-modal-ss__trigger[disabled]{opacity:.45;cursor:not-allowed;}
          .ff-modal-ss__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.12);display:none;max-height:220px;overflow:hidden;}
          .ff-modal-ss.is-open .ff-modal-ss__dropdown{display:block;}
          .ff-modal-ss__search{padding:8px;border-bottom:1px solid rgba(0,0,0,0.06);}
          .ff-modal-ss__search input{width:100%;padding:8px 10px;border:1px solid rgba(0,0,0,0.08);border-radius:6px;font-size:16px;color: var(--ff-ink);box-sizing:border-box;}
          .ff-modal-ss__options{overflow-y:auto;max-height:170px;padding:4px;}
          .ff-modal-ss__option{display:block;width:100%;text-align:left;background:none;border:0;font-family:inherit;padding:10px 12px;min-height:40px;font-size:14px;color: var(--ff-ink);cursor:pointer;border-radius:6px;transition:background .15s;}
          .ff-modal-ss__option:hover,.ff-modal-ss__option:focus-visible{background:rgba(0,0,0,0.04);}
          .ff-modal-feld{width:100%;padding:10px 14px;border:1px solid rgba(0,0,0,0.12);border-radius:8px;background:#fafafa;font-size:16px;color:#333;box-sizing:border-box;}
          .dm-modal__close{min-width:44px;min-height:44px;}
          .ff-modal-ss__option.is-selected{background:rgba(10,16,23,0.08);font-weight:600;}
          .ff-modal-ss__icon{position:absolute;right:12px;top:10px;pointer-events:none;color: var(--ff-gray);font-size:20px;}
          .ff-modal-cascade__result{display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgba(34,197,94,0.06);border:1px solid rgba(34,197,94,0.2);border-radius:10px;font-size:14px;font-weight:600;color:#15803d;margin-top:8px;}
          #ff-modal-skip:hover{border-color:rgba(0,0,0,0.2);color: var(--ff-ink);background:rgba(0,0,0,0.02);}

/* ═══ Dunkelmodus: Fahrzeug-Modal (Konfigurator/Produktseite) ═══ */
:root[data-theme="dark"] .dm-modal__content { background: var(--card, #1a1a1c) !important; color: var(--text, #f4f4f2); }
:root[data-theme="dark"] .dm-modal__content :is(h2, h3, label) { color: var(--text, #f4f4f2) !important; }
:root[data-theme="dark"] .dm-modal__content p { color: var(--text2, #b4b4ba) !important; }
:root[data-theme="dark"] .ff-modal-tabs { background: rgba(255,255,255,.03); }
:root[data-theme="dark"] .ff-modal-tab { color: var(--text3, #9b9ba1) !important; background: transparent !important; }
:root[data-theme="dark"] .ff-modal-tab:hover { color: var(--text, #f4f4f2) !important; background: rgba(255,255,255,.05) !important; }
:root[data-theme="dark"] .ff-modal-tab.is-active { color: var(--text, #f4f4f2) !important; background: var(--card-inner, #232326) !important; border-color: rgba(255,255,255,.14); box-shadow: none; }
:root[data-theme="dark"] :is(.ff-modal-ss__trigger, .ff-modal-feld, #kfg-modal-hsn, #kfg-modal-tsn) { background: var(--card-inner, #232326) !important; color: var(--text, #f4f4f2) !important; border-color: rgba(255,255,255,.14) !important; }
:root[data-theme="dark"] .ff-modal-ss__dropdown { background: var(--card-inner, #232326); border-color: rgba(255,255,255,.14); box-shadow: 0 12px 32px rgba(0,0,0,.5); }
:root[data-theme="dark"] .ff-modal-ss__search { border-bottom-color: rgba(255,255,255,.08); }
:root[data-theme="dark"] .ff-modal-ss__search input { background: var(--card, #1a1a1c); color: var(--text, #f4f4f2); border-color: rgba(255,255,255,.12); }
:root[data-theme="dark"] .ff-modal-ss__option { color: var(--text, #f4f4f2); }
:root[data-theme="dark"] .ff-modal-ss__option:hover, :root[data-theme="dark"] .ff-modal-ss__option:focus-visible { background: rgba(255,255,255,.07); }
:root[data-theme="dark"] .ff-modal-ss__option.is-selected { background: rgba(255,255,255,.1); }
:root[data-theme="dark"] .ff-modal-ss__icon { color: rgba(255,255,255,.4); }
:root[data-theme="dark"] .ff-modal-cascade__result { background: rgba(34,197,94,.1); border-color: rgba(34,197,94,.35); color: #86efac; }
:root[data-theme="dark"] #kfg-modal-skip, :root[data-theme="dark"] #ff-modal-skip { color: var(--text2, #b4b4ba) !important; border-color: rgba(255,255,255,.14) !important; }
:root[data-theme="dark"] .dm-modal__close, :root[data-theme="dark"] .ff-modal-tab.is-active .material-symbols-rounded { color: var(--text, #f4f4f2); }
:root[data-theme="dark"] .dm-modal__close { background: var(--card-inner, #232326) !important; }
:root[data-theme="dark"] #kfg-modal-submit { background: #f4f4f2 !important; color: #111 !important; }

/* ═══ Grundgeruest des Fahrzeug-Dialogs (Produktseite) ═══
   Fehlte auf Felgenforum ganz — nur #kfg-vehicle-modal (Konfigurator) war
   gestaltet. Der Dialog stand dadurch MITTEN in der Seite statt darueber
   (Schliessen-Knopf als Kasten, Kopf ohne Abstand). Farben ueber die
   Theme-Variablen: Hell/Dunkel und Sommer/Winter (--ff-accent) stimmen. */
#ff-vehicle-modal.dm-modal {
  position: fixed; inset: 0; z-index: 100000;
  align-items: center; justify-content: center; padding: 16px;
  background: rgba(0,0,0,.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
#ff-vehicle-modal .dm-modal__backdrop { position: absolute; inset: 0; }
#ff-vehicle-modal .dm-modal__content {
  position: relative; z-index: 1; width: 100%; max-width: 480px;
  max-height: calc(100dvh - 32px) !important; overflow-y: auto !important; overscroll-behavior: contain;
  background: var(--ff-card); color: var(--ff-ink);
  border: 1px solid var(--ff-line); border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,.28);
}
#ff-vehicle-modal .dm-modal__header {
  display: flex; align-items: center; gap: 14px; padding: 18px 20px;
  border-bottom: 1px solid var(--ff-line);
}
#ff-vehicle-modal .dm-modal__header-img {
  width: 48px; height: 48px; border-radius: 12px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; background: var(--ff-soft);
}
#ff-vehicle-modal .dm-modal__header-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#ff-vehicle-modal .dm-modal__close {
  width: 40px; height: 40px; min-width: 40px; min-height: 40px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  border: 0; border-radius: 10px; background: var(--ff-soft) !important; color: var(--ff-ink);
  font-size: 22px; line-height: 1; cursor: pointer;
}
#ff-vehicle-modal .ff-modal-tabs { padding: 12px 20px; background: var(--ff-soft); }
#ff-vehicle-modal .ff-modal-tab { color: var(--ff-gray); }
#ff-vehicle-modal .ff-modal-tab.is-active { color: var(--ff-ink); background: var(--ff-card); border-color: var(--ff-line); }
#ff-vehicle-modal .ff-modal-feld { background: var(--ff-card); color: var(--ff-ink); border-color: var(--ff-line); }
#ff-vehicle-modal .dm-modal__body { padding: 20px !important; }
#ff-vehicle-modal #ff-modal-skip { color: var(--ff-gray) !important; border-color: var(--ff-line) !important; }
@media (max-width: 480px) {
  #ff-vehicle-modal.dm-modal { padding: 10px; align-items: flex-end; }
  #ff-vehicle-modal .dm-modal__content { max-height: calc(100dvh - 20px) !important; }
  #ff-vehicle-modal .dm-modal__header { padding: 14px 16px; gap: 12px; }
  #ff-vehicle-modal .dm-modal__header-img { width: 40px; height: 40px; }
  #ff-vehicle-modal .ff-modal-tabs { padding: 10px 16px; }
  #ff-vehicle-modal .dm-modal__body { padding: 16px !important; }
}