/* Only structure and tab controls; card decoration stays in shared pricing.css. */
#mehrbildschirm-angebote { position:relative; box-sizing:border-box; width:100%; max-width:1280px; margin-inline:auto; padding:80px 32px 100px; }
#mehrbildschirm-angebote .iptv-pricing-intro { display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center; }
#mehrbildschirm-angebote .iptv-pricing-eyebrow .elementor-heading-title { font-size:12px; font-weight:600; line-height:1.2; color:#555047; }
#mehrbildschirm-angebote .iptv-pricing-title h2 { font-size:clamp(30px,3.4vw,44px); font-weight:750; line-height:1.12; color:#111; }
#mehrbildschirm-angebote .iptv-pricing-intro > p { font-size:17px; line-height:1.65; color:#626262; }
.iptv-multiscreen-tabs { display:flex; width:fit-content; max-width:100%; margin:28px auto 0; padding:5px; gap:4px; border:1px solid #e7d8bf; border-radius:999px; background:#fbf6ec; }
.iptv-multiscreen-tabs [role="tab"] { min-height:44px; padding:10px 22px; border:0; border-radius:999px; color:#524838; background:transparent; font-family:inherit; font-size:14px; font-weight:600; line-height:1.4; cursor:pointer; transition:background-color .2s,color .2s,box-shadow .2s; }
.iptv-multiscreen-tabs [aria-selected="true"] { color:#fff; background:linear-gradient(110deg,#B5121B,#BE201B 64%,#DDA008 112%); box-shadow:0 3px 10px rgba(150,35,30,.14); }
.iptv-multiscreen :is(button,[role="tabpanel"]):focus-visible { outline:2px solid #c9141b; outline-offset:4px; }
#mehrbildschirm-angebote .iptv-multiscreen-explanation { max-width:680px; margin:14px auto 40px; text-align:center; color:#796f60; font-size:13px; line-height:1.6; }
.iptv-multiscreen-panel[hidden] { display:none !important; }
.iptv-multiscreen-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
#mehrbildschirm-angebote .iptv-price-card { display:flex; flex-direction:column; gap:14px; padding:32px 28px 28px; border-width:1px; border-style:solid; border-radius:24px; }
#mehrbildschirm-angebote .iptv-price-duration h3 { font-size:24px; font-weight:700; line-height:1.2; color:#111; }
#mehrbildschirm-angebote .iptv-multiscreen-offer-slot { min-height:32px; }
#mehrbildschirm-angebote .iptv-price-amount p { font-size:44px; line-height:1.1; }
#mehrbildschirm-angebote .iptv-price-label p { text-transform:uppercase; }
#mehrbildschirm-angebote .iptv-price-deal-note p { position:static; padding:10px; }
#mehrbildschirm-angebote .iptv-price-card:not(.iptv-price-card--popular):not(.iptv-price-card--premium) .iptv-price-deal-note p { background:#fcfaf5; border-color:#e7dfd2; }
#mehrbildschirm-angebote .iptv-price-deal-note p strong { font-size:14px; line-height:1.45; white-space:normal; }
#mehrbildschirm-angebote .iptv-price-deal-note p span { font-size:12px; line-height:1.45; white-space:normal; }
#mehrbildschirm-angebote .iptv-price-features { margin:0; }
#mehrbildschirm-angebote .elementor-icon-list-items { margin:0; padding:0; list-style:none; }
#mehrbildschirm-angebote .elementor-icon-list-item { display:flex; }
#mehrbildschirm-angebote .elementor-icon-list-text { min-width:0; font-size:14px; font-weight:400; line-height:1.5; color:#333; }
/* Match the main Elementor grid's available payment width on wide desktops,
   without changing these cards' width or padding. The shared row styles apply. */
@media (min-width:1280px) {
 #mehrbildschirm-angebote .iptv-payment-trust { width:calc(100% + min(16px, (100vw - 1280px) / 4)); align-self:center; }
}
@media (max-width:1199px) { .iptv-multiscreen-grid { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:36px; } #mehrbildschirm-angebote { padding-block:72px 80px; } }
@media (max-width:1023px) { #mehrbildschirm-angebote { padding-inline:20px; } }
@media (max-width:767px) {
 #mehrbildschirm-angebote { padding-block:64px; }
 .iptv-multiscreen-grid { grid-template-columns:minmax(0,1fr); }
 #mehrbildschirm-angebote .iptv-price-card { padding:28px 24px 24px; }
 #mehrbildschirm-angebote .iptv-pricing-intro > p { font-size:16px; }
 .iptv-multiscreen-tabs { width:100%; border-radius:16px; }
 .iptv-multiscreen-tabs [role="tab"] { flex:1; padding:10px 8px; border-radius:12px; font-size:13px; }
 #mehrbildschirm-angebote .iptv-multiscreen-offer-slot:empty { display:none; }
}
@media (prefers-reduced-motion:reduce) { .iptv-multiscreen-tabs [role="tab"] { transition:none; } }