/* AI Race: Thema und eigene Bildflächen. Gemeinsame Bausteine stehen in css/product.css. */

.theme-ai {
    --p-accent: #c9a8ff;
    --p-accent-ink: #160b2e;
    --p-panel: #121220;
    --p-line: #3a3163;
    --p-glow: #7a4dff80;
    --p-media: #0d0f1c;
    --p-shot-line: #5b4aa8;
}
.theme-ai .pp-feature-grid .hp-project { border-color: #2a2a40; }
.theme-ai .pp-plan--plus { background: linear-gradient(180deg, #1b1633, #121220); }
.theme-ai .ai-shot-media { background: radial-gradient(70% 80% at 30% 20%, #3b2a7a55, transparent 70%), #0d0f1c; }
.theme-ai .ai-shot-media::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("/img/ai-race/map-1600.webp") center / cover; opacity: .35; }
.theme-ai .ai-shot-media > img { box-shadow: 0 26px 60px -24px #000c, 0 0 0 5px #0d0f1c; }
.theme-ai .ai-feature--warden .ai-shot-media { background: radial-gradient(70% 80% at 70% 30%, #ff465533, transparent 70%), #12090d; }
.theme-ai .ai-feature--warden .ai-shot-media > img { border-color: #8a3a46; }