/* Auswahl-Popup Classic / Modern / Interactive. Dunkler Look in den Farben der Marke (Marken-Klassen ikp-b-<id> am Ende). */
.ikp{
  --ikp-bg:#05090a; --ikp-panel:#0a1012; --ikp-line:rgba(var(--soft-rgb),.18); --ikp-fg:#f4f7f6; --ikp-muted:#93a1a5;
  --ikp-accent:#00ffee; --ikp-soft:#65d5c9; --ikp-card:#081012;
  --acc-rgb:0,255,238; --soft-rgb:101,213,201; --panel-rgb:10,16,18; --on-acc:#012; --pill:999px; --r-panel:22px; --r-card:18px;
  --ikp-f:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --ikp-fh:var(--ikp-f);
  position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;
  padding:max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
  font-family:var(--ikp-f);color:var(--ikp-fg);line-height:1.5;
}
.ikp[hidden]{display:none!important}
html.ikp-lock{overflow:hidden}
.ikp *{box-sizing:border-box}
/* Kein backdrop-filter: Bewegte Elemente dahinter (Halloween-Fledermäuse) hinterlassen sonst Schlieren im Popup. */
.ikp-backdrop{position:absolute;inset:0;background:rgba(2,5,6,.86);opacity:0;transition:opacity .25s}
html.ikp-lock .ithw-fly,html.ikp-lock .ithw-fix,html.ikp-lock .ithw-doc{visibility:hidden!important}
.ikp-panel{
  position:relative;width:min(1140px, 100%);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;
  border:1px solid var(--ikp-line);border-radius:var(--r-panel);
  background:radial-gradient(900px 340px at 50% -80px, rgba(var(--acc-rgb),.12), transparent 70%), linear-gradient(180deg, var(--ikp-panel), var(--ikp-bg));
  box-shadow:0 40px 120px rgba(0,0,0,.7), 0 0 0 1px rgba(var(--acc-rgb),.06);
  padding:clamp(20px, 3.4vw, 40px);
  opacity:0;transform:translateY(18px) scale(.985);transition:opacity .28s, transform .35s cubic-bezier(.2,.8,.2,1);
}
.ikp.in .ikp-backdrop{opacity:1}
.ikp.in .ikp-panel{opacity:1;transform:none}
.ikp-x{
  position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer;
  border:1px solid var(--ikp-line);background:rgba(var(--panel-rgb),.8);color:var(--ikp-muted);transition:color .2s, border-color .2s;padding:0;
}
.ikp-x:hover,.ikp-x:focus{background:rgba(var(--panel-rgb),.8)!important;color:var(--ikp-accent)!important;border-color:rgba(var(--acc-rgb),.5)}
.ikp-x svg{width:18px;height:18px}
.ikp-head{max-width:720px;margin-bottom:clamp(18px, 3vw, 28px)}
.ikp-eyebrow{display:flex;align-items:center;gap:12px;color:var(--ikp-accent);font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.ikp-eyebrow::before{content:"";width:34px;height:2px;background:var(--ikp-accent);box-shadow:0 0 12px var(--ikp-accent)}
.ikp-title{margin:10px 0 6px;font-family:var(--ikp-fh);font-weight:800;text-transform:uppercase;font-size:clamp(24px, 4vw, 42px);line-height:1.05;letter-spacing:-.005em;color:var(--ikp-fg);text-wrap:balance}
.ikp-sub{margin:0;color:var(--ikp-muted);font-size:15px;max-width:62ch}
.ikp-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:clamp(12px, 2vw, 20px)}
.ikp-tile{
  position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--r-card);overflow:hidden;text-decoration:none!important;color:inherit!important;
  border:1px solid var(--ikp-line);background:var(--ikp-card);transition:transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s, box-shadow .25s;
}
a.ikp-tile:hover,a.ikp-tile:focus-visible{transform:translateY(-4px);border-color:rgba(var(--acc-rgb),.6);box-shadow:0 18px 50px rgba(0,0,0,.5), 0 0 40px rgba(var(--acc-rgb),.14);outline:none}
.ikp-tile.hot{border-color:rgba(var(--acc-rgb),.4)}
.ikp-media{position:relative;aspect-ratio:16/10;max-width:100%;overflow:hidden;background:var(--ikp-bg)}
.ikp-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
a.ikp-tile:hover .ikp-media img{transform:scale(1.045)}
.ikp-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 45%, rgba(var(--panel-rgb),.9));pointer-events:none}
.ikp-badge{
  position:absolute;top:12px;left:12px;z-index:3;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  background:var(--ikp-accent);color:var(--on-acc);box-shadow:0 0 18px rgba(var(--acc-rgb),.5);
}
.ikp-badge.soon{left:auto;right:12px;background:rgba(5,9,10,.75);color:var(--ikp-accent);border:1px solid rgba(var(--acc-rgb),.55);backdrop-filter:blur(6px)}
.ikp-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.ikp-name{font-family:var(--ikp-fh);font-weight:800;font-size:21px;letter-spacing:-.005em;text-transform:uppercase}
.ikp-name b{color:var(--ikp-accent);font-weight:800}
.ikp-body p{margin:0;color:var(--ikp-muted);font-size:13.5px;line-height:1.55;flex:1}
.ikp-btn{
  align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 18px;border-radius:var(--pill);
  background:var(--ikp-accent);color:var(--on-acc);font-weight:700;font-size:13.5px;box-shadow:0 8px 24px rgba(var(--acc-rgb),.22);
}
.ikp-btn svg{width:15px;height:15px}
.ikp-btn.ghost{background:transparent;color:var(--ikp-fg);border:1px solid rgba(var(--acc-rgb),.45);box-shadow:none}
.ikp-btn.off{background:transparent;color:var(--ikp-muted);border:1px dashed var(--ikp-line);box-shadow:none}
.ikp-tile.soon{cursor:default}
.ikp-tile.soon .ikp-media img{filter:saturate(1.05) brightness(.92)}
/* Intelli Interactive: Tunie, Scanlinie und Hologramm-Daten über dem Hallenbild */
.ikp-scan{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg, transparent 0, rgba(var(--acc-rgb),.0) 40%, rgba(var(--acc-rgb),.22) 50%, transparent 52%) 0 0/100% 220% no-repeat;
  animation:ikp-scan 4.2s linear infinite;mix-blend-mode:screen}
@keyframes ikp-scan{from{background-position:0 120%}to{background-position:0 -120%}}
.ikp-holo{position:absolute;right:9%;top:16%;z-index:1;display:flex;gap:5px;align-items:flex-end;height:40px;pointer-events:none}
.ikp-holo i{width:6px;border-radius:2px;background:linear-gradient(180deg, var(--ikp-accent), rgba(var(--acc-rgb),.15));box-shadow:0 0 10px rgba(var(--acc-rgb),.6);animation:ikp-bar 1.6s ease-in-out infinite}
.ikp-holo i:nth-child(1){height:40%;animation-delay:-.4s}
.ikp-holo i:nth-child(2){height:75%;animation-delay:-.9s}
.ikp-holo i:nth-child(3){height:55%;animation-delay:-1.2s}
@keyframes ikp-bar{50%{transform:scaleY(.55)}}
.ikp-holo i{transform-origin:bottom}
.ikp-tunie{position:absolute;left:4%;bottom:6%;z-index:2;width:27%;max-width:120px;animation:ikp-float 3.4s ease-in-out infinite;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(var(--acc-rgb),.25))}
.ikp-tunie svg{width:100%;height:auto;display:block;overflow:visible}
.ikp-tunie .jets{animation:ikp-jet .22s steps(2) infinite}
.ikp-tunie .eyes{transform-origin:80px 68px;animation:ikp-blink 5s infinite}
@keyframes ikp-float{50%{transform:translateY(-7px)}}
@keyframes ikp-jet{50%{opacity:.6}}
@keyframes ikp-blink{0%,92%,100%{transform:none}95%{transform:scaleY(.1)}}
.ikp-bubble{
  position:absolute;top:-6%;right:-26%;padding:3px 8px;border-radius:10px 10px 10px 2px;font-size:10px;font-weight:800;letter-spacing:.14em;
  color:var(--on-acc);background:var(--ikp-accent);box-shadow:0 0 14px rgba(var(--acc-rgb),.6);
}
@media (max-width:860px){
  .ikp{align-items:end;padding-bottom:0}
  .ikp-panel{border-radius:22px 22px 0 0;max-height:calc(100dvh - 24px)}
  .ikp-grid{grid-template-columns:1fr}
  .ikp-tile{flex-direction:row;align-items:stretch}
  .ikp-media{width:40%;aspect-ratio:auto;min-height:150px;flex:none}
  .ikp-media::after{background:linear-gradient(90deg, transparent 50%, rgba(var(--panel-rgb),.85))}
  .ikp-body{padding:12px 14px}
  .ikp-name{font-size:17px}
  .ikp-body p{font-size:12.5px}
  .ikp-btn{height:36px;padding:0 14px;font-size:12.5px}
  .ikp-badge{top:8px;left:8px;font-size:10px;padding:4px 8px}
  .ikp-badge.soon{left:8px;right:auto;top:auto;bottom:8px}
  .ikp-holo{display:none}
  .ikp-tunie{width:44%;left:6%;bottom:8%}
  .ikp-bubble{display:none}
}
@media (max-width:420px){
  .ikp-tile{flex-direction:column}
  .ikp-media{width:100%;min-height:0;aspect-ratio:16/8}
  .ikp-tunie{width:22%}
  .ikp-badge.soon{left:auto;right:8px;top:8px;bottom:auto}
}
@media (prefers-reduced-motion:reduce){
  .ikp-panel,.ikp-backdrop,.ikp-tile,.ikp-media img{transition:none}
  .ikp-scan,.ikp-holo i,.ikp-tunie,.ikp-tunie .jets,.ikp-tunie .eyes{animation:none}
}

/* Nur zwei Kacheln (ohne Interactive): breitere Kacheln, schmaleres Fenster */
@media (min-width:861px){
  .ikp.ikp-two .ikp-panel{width:min(920px, 100%)}
  .ikp.ikp-two .ikp-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
/* ---------- Marke Gettuned (gettuned.de): Rot #ff0000 auf Anthrazit, Barlow / Barlow Condensed ---------- */
.ikp.ikp-b-gettuned{
  --ikp-bg:#0c0d0e; --ikp-panel:#15181b; --ikp-line:#2b3139; --ikp-fg:#f7f8fa; --ikp-muted:#8b96a7;
  --ikp-accent:#ff0000; --ikp-soft:#ff5252; --ikp-card:#121416;
  --acc-rgb:255,0,0; --soft-rgb:255,82,82; --panel-rgb:21,24,27; --on-acc:#101214; --pill:9px; --r-panel:14px; --r-card:10px;
  --ikp-f:"Barlow","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --ikp-fh:"Barlow Condensed","Barlow",Arial,sans-serif;
}
.ikp.ikp-b-gettuned .ikp-title{letter-spacing:.01em;font-size:clamp(28px, 4.4vw, 46px)}
.ikp.ikp-b-gettuned .ikp-name{font-size:24px;letter-spacing:.01em}
.ikp.ikp-b-gettuned .ikp-x{border-radius:8px}
/* Seiten-Plugins, die alle Links umfärben (z. B. „HEIDT – Hell / Dunkel“ mit ID-Spezifität und !important), wirken nicht auf die Kacheln */
html body :is(.ikp, #ikp-spec) :is(a.ikp-tile, #ikp-spec-a){color:var(--ikp-fg)!important;-webkit-text-fill-color:currentcolor!important}
/* ---------- Marke HEIDT Performance (heidt-performance.de): Orange #ff7a00 auf Schwarz ---------- */
.ikp.ikp-b-heidt{
  --ikp-bg:#000000; --ikp-panel:#0e0f11; --ikp-line:#393e44; --ikp-fg:#f3f4f5; --ikp-muted:#a9afb6;
  --ikp-accent:#ff7a00; --ikp-soft:#ffa04d; --ikp-card:#0b0c0d;
  --acc-rgb:255,122,0; --soft-rgb:255,160,77; --panel-rgb:14,15,17; --on-acc:#111111; --pill:9px; --r-panel:16px; --r-card:12px;
  --ikp-f:"Barlow","Roboto",system-ui,-apple-system,"Segoe UI",sans-serif; --ikp-fh:"Barlow Condensed","Barlow",Arial,sans-serif;
}
.ikp.ikp-b-heidt .ikp-title{letter-spacing:.01em;font-size:clamp(28px, 4.4vw, 46px)}
.ikp.ikp-b-heidt .ikp-name{font-size:24px;letter-spacing:.01em}
.ikp.ikp-b-heidt .ikp-x{border-radius:9px}