/* withira.com — HELLES Theme (Sky/Pastell/Weiss, fotorealistische 3D-Produktbilder als Star).
   Wird NACH styles.css + katalog.css geladen und überschreibt die dunklen Tokens.
   Abkehr vom dunklen Look → hell, leuchtend, scharf (wie Referenz). */
:root{
  --wi-bg-0:#e9f3ff; --wi-bg-1:#f4f9ff; --wi-bg-2:#ffffff; --wi-bg-glass:rgba(255,255,255,.72);
  --wi-gold:#bd8e3f; --wi-gold-hi:#9c7430; --wi-gold-lo:#7d6230; --wi-gold-glow:rgba(190,142,64,.28);
  --wi-ai-cyan:#1487c4; --wi-ai-cyan-soft:rgba(36,150,210,.16);
  --wi-text:#142133; --wi-text-dim:#5a6878; --wi-line:rgba(22,46,86,.13);
  --wi-grad-hero:radial-gradient(125% 85% at 50% -5%, #cfe8ff 0%, #e6f2ff 45%, #f5faff 100%);
  --wi-grad-gold:linear-gradient(135deg,#d9b977 0%,#bd8e3f 50%,#9c7430 100%);
}
body{background:var(--wi-grad-hero);color:var(--wi-text);}

/* In der hellen Welt sind die echten 3D-Bilder der Star → abstrakte WebGL-Kulisse aus */
.hero__webgl,.kat-webgl,.kat-webgl__scrim,.stage__vignette,.kat-space{display:none !important;}
.hero{background:linear-gradient(180deg, rgba(233,243,255,.30), rgba(244,250,255,.74) 78%), url("img/_hero.jpg") center/cover no-repeat, var(--wi-grad-hero);}
.hero__content::before{background:radial-gradient(60% 70% at 50% 50%,rgba(255,255,255,.7) 35%,transparent 80%);}
.hero__sub,.band__sub,.kat-hero__sub{color:var(--wi-text-dim);}

/* Header / Footer hell */
.wi-head{background:color-mix(in srgb,#ffffff 78%,transparent);border-bottom:1px solid var(--wi-line);}
.wi-head.shrink{background:color-mix(in srgb,#ffffff 90%,transparent);}
.wi-logo__word,.wi-nav a{color:var(--wi-text);}
.wi-nav a:hover{color:var(--wi-gold-hi);}
.wi-logo__mark{filter:drop-shadow(0 2px 6px rgba(30,80,150,.18));}
.wi-search,.wi-merk,.kat-select,.kat-search,.optin input{background:#fff;border-color:var(--wi-line);color:var(--wi-text-dim);}
.wi-foot{background:#e4eefb;border-top:1px solid var(--wi-line);}
.wi-foot__cols a,.wi-foot__brand{color:var(--wi-text);}

/* Buttons */
.wi-btn--ghost{color:var(--wi-text);border:1px solid var(--wi-line);background:#fff;}
.wi-btn--ghost:hover{border-color:var(--wi-gold);color:var(--wi-gold-hi);}
.wi-btn--ira{background:#fff;color:var(--wi-text);border:1px solid color-mix(in srgb,var(--wi-ai-cyan) 40%,var(--wi-line));box-shadow:0 6px 18px -10px rgba(36,150,210,.5);}
.wi-btn--gold{color:#fff;}
.wi-login{color:var(--wi-text) !important;}

/* Karten hell mit weichem Schatten */
.prod,.topcard,.feat,.trust,.lg-sec,.auction,.seller__mock,.kat-toast,.kat-modal__box,.ira-promo,.lg-toc{
  background:#fff;border:1px solid var(--wi-line);box-shadow:0 18px 44px -26px rgba(28,60,110,.30);}
.prod:hover,.topcard:hover{border-color:color-mix(in srgb,var(--wi-gold) 45%,var(--wi-line));box-shadow:0 28px 56px -26px rgba(28,60,110,.42);}
.prod::after,.topcard::after{background:radial-gradient(ellipse,rgba(40,80,140,.18),transparent 72%);}
.prod p,.topcard__pitch,.feat p,.trust p,.lg-sec p{color:var(--wi-text-dim);}
.prod__cat,.topcard__cat{color:var(--wi-gold-hi);}
.prod__price,.topcard__price,.mc-price{color:var(--wi-gold-hi);}
.prod__heart{background:rgba(255,255,255,.85);border-color:var(--wi-line);color:#94a0b0;}
.prod__badge{color:var(--wi-ai-cyan);border-color:var(--wi-ai-cyan-soft);background:var(--wi-ai-cyan-soft);}
.prod__irabtn,.topcard__ira{color:var(--wi-ai-cyan);}

/* ===== Fotorealistisches 3D-Produktbild als Karten-Banner ===== */
.prod__img,.topcard__img{display:block;width:calc(100% + 36px);margin:-18px -18px 14px;height:150px;object-fit:cover;
  border-radius:18px 18px 0 0;background:#dfeaf7;}
.topcard__img{width:calc(100% + 40px);margin:-20px -20px 14px;height:170px;border-radius:18px 18px 0 0;}
.prod.has-img .prod__icon,.topcard.has-img .topcard__icon{display:none;}  /* Bild ersetzt Emoji */
.mc-img{display:block;width:100%;height:200px;object-fit:cover;border-radius:14px;margin:0 0 14px;background:#dfeaf7;}

/* Katalog-Hero hell */
.kat-hero__grow{background:var(--wi-ai-cyan-soft);border-color:color-mix(in srgb,var(--wi-ai-cyan) 30%,transparent);color:var(--wi-ai-cyan);}
.kat-hero__stats b{color:var(--wi-gold-hi);}
.eyebrow,.lg-flag,.ira-promo__tag{color:var(--wi-ai-cyan);}

/* Modal hell */
.kat-modal__backdrop{background:rgba(20,40,70,.45);}
.mc-ira{background:linear-gradient(135deg,#eef6ff,#f7fbff);border-color:var(--wi-line);}
.mc-ira__script,.mc-title{color:var(--wi-text);}

/* Ira-Promo hell */
.ira-promo{background:radial-gradient(120% 140% at 0% 0%,#e9f4ff,#ffffff 60%);}
.ira-promo__text{color:var(--wi-text-dim);}

/* ===== Abo-Sektion ===== */
.band--abo{background:radial-gradient(120% 120% at 50% 0%,#eaf4ff,#f7fbff 72%);}
.abo{max-width:760px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--wi-line);border-radius:22px;
  padding:38px 30px;box-shadow:0 26px 60px -30px rgba(28,60,110,.40);}
.abo__title{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3.4vw,2.6rem);margin:6px 0 12px;}
.abo__sub{color:var(--wi-text-dim);font-size:15.5px;line-height:1.6;max-width:560px;margin:0 auto 16px;}
.abo__charity{background:var(--wi-ai-cyan-soft);border:1px solid color-mix(in srgb,var(--wi-ai-cyan) 30%,transparent);
  border-radius:14px;padding:14px 18px;font-size:14.5px;color:var(--wi-text);max-width:560px;margin:0 auto 22px;}
.abo__actions{display:flex;flex-direction:column;align-items:center;gap:10px;}
.abo__hint{color:var(--wi-text-dim);font-size:13px;}
.abo__badge{display:inline-block;background:#1d9b6c;color:#fff;font-weight:700;font-size:13px;border-radius:999px;padding:6px 14px;margin-bottom:14px;}
.abo__badge[hidden]{display:none;}   /* sonst überschreibt die Klasse das hidden-Attribut */