/* Warum wir: all selectors are local to this editable Elementor section. */
/* The skip-link target must not draw a browser outline around the whole page.
   Interactive links and buttons retain their own visible focus indicators. */
.iptv-home-main[tabindex="-1"]:focus { outline:none; }
.iptv-why { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.iptv-why .elementor-heading-title, .iptv-why .elementor-widget-text-editor { font-family:inherit; }
.iptv-why .elementor-heading-title, .iptv-why p { margin:0; }
.elementor .iptv-why { background:transparent; }
.iptv-why .iptv-why-intro { max-width:720px; margin-inline:auto; }
/* Short divider sits within the shared breathing room; no layout or background layer. */
.elementor .iptv-why::before { content:""; position:absolute; inset:10px auto auto 50%; width:min(380px,calc(100% - 80px)); height:2px; border-radius:999px; background:linear-gradient(90deg,transparent,#DD0000,#F2B705,transparent); opacity:.65; transform:translateX(-50%); pointer-events:none; }
@media (max-width:1024px) { .elementor .iptv-why::before { top:45px; } }
@media (max-width:767px) { .elementor .iptv-why::before { top:49px; } }
.iptv-why .iptv-why-eyebrow { width:fit-content; }
.iptv-why-eyebrow .elementor-heading-title { display:flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid #e5ddd0; border-radius:999px; background:rgba(255,255,255,.65); letter-spacing:.04em; }
.iptv-why-eyebrow .elementor-heading-title::before { content:""; width:6px; height:6px; border-radius:50%; background:linear-gradient(110deg,#dd0000,#f2b705); }
.iptv-why-title .elementor-heading-title { letter-spacing:-.045em; }
.iptv-why .iptv-why-card { position:relative; isolation:isolate; min-width:0; box-shadow:0 12px 35px rgba(40,30,20,.06),0 2px 8px rgba(40,30,20,.04); transition:transform 280ms ease,box-shadow 280ms ease,border-color 280ms ease; }
.iptv-why .iptv-why-card::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background:radial-gradient(ellipse at 90% 0%,rgba(242,183,5,.11),transparent 55%),radial-gradient(ellipse at 0% 0%,rgba(221,0,0,.035),transparent 45%); opacity:.65; transition:opacity 280ms ease; }
.iptv-why-card .elementor-heading-title { letter-spacing:-.02em; }
.iptv-why-icon { position:relative; width:58px; height:58px; display:grid; place-items:center; border:1px solid #e9e1d3; border-radius:16px; background:#faf7f0; color:#111; margin-bottom:10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(40,30,20,.025); transition:transform 280ms ease; }
.iptv-why-icon::after { content:""; position:absolute; width:18px; height:2px; bottom:6px; left:19px; border-radius:999px; background:linear-gradient(90deg,#dd0000,#f2b705); opacity:.65; }
.iptv-why-icon svg { display:block; width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.iptv-why-icon .accent { stroke:#aa7e13; }
.iptv-why-card:nth-child(even) .iptv-why-icon .accent { stroke:#c82b28; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .iptv-why .iptv-why-card:hover { transform:translateY(-7px); box-shadow:0 18px 42px rgba(40,30,20,.09),0 4px 12px rgba(40,30,20,.05); border-color:#d8c594; }
 .iptv-why .iptv-why-card:hover::after { opacity:1; }
 .iptv-why-card:hover .iptv-why-icon { transform:translateY(-2px) scale(1.025); }
}
@media (prefers-reduced-motion:reduce) {
 .iptv-why .iptv-why-card, .iptv-why .iptv-why-card::after, .iptv-why-icon { transition:none; }
}