.badge.access-stream{color:#7ab8ff}.badge.access-download{color:#f5bb65}.badge.access-stream_download{color:var(--good)}.offer-contents{min-height:3rem;margin:1rem 0;padding-left:1.2rem;color:var(--muted);line-height:1.55}.offer-contents li::marker{color:var(--accent-2)}
.episode-actions{flex-wrap:wrap;justify-content:flex-end}.episode-actions form{margin:0}.episode-offer{display:inline-flex}
.title-rights,.account-rights,.offer-badges,.episode-rights{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}
.title-rights{margin:1rem 0}.right-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .68rem;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.02em}.right-chip.is-owned{border-color:rgba(58,194,117,.38);background:rgba(58,194,117,.1);color:var(--good)}.right-chip.is-available{color:var(--muted)}.right-chip.compact{padding:.27rem .52rem;font-size:.7rem}
.title-price-overview{margin:1.1rem 0 1.25rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:rgba(8,11,17,.78);box-shadow:0 18px 46px rgba(0,0,0,.16)}.price-overview-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.price-overview-heading strong{display:block;color:var(--text);font-size:1rem}.price-overview-heading span{color:var(--muted);font-size:.78rem;text-align:right}.price-overview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.price-group{padding:.75rem;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025)}.price-group>strong{display:block;margin-bottom:.45rem;color:var(--muted);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.price-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem;align-items:center;padding:.32rem 0;color:var(--text)}.price-line span{min-width:0}.price-line span small{display:block;color:var(--muted);font-size:.68rem}.price-line b{white-space:nowrap;font-size:.95rem}.price-line em{grid-column:1/-1;color:var(--good);font-size:.72rem;font-style:normal}.price-line.is-owned b{color:var(--good)}.price-transparency{margin:.72rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}
.episode-rights{flex-basis:100%;justify-content:flex-end}.offer-overlap-note{flex-basis:100%;margin:0;max-width:34rem;color:var(--muted);font-size:.72rem;line-height:1.45;text-align:right}
.offer-card{position:relative}.offer-card.is-owned{border-color:rgba(58,194,117,.34);box-shadow:inset 0 0 0 1px rgba(58,194,117,.06)}.offer-card .media-card-body{display:flex;height:100%;flex-direction:column}.offer-badges{margin-bottom:.65rem}.badge.scope{color:var(--muted)}.offer-total{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin:auto 0 .85rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.07)}.offer-total span{display:block;color:var(--muted);font-size:.72rem}.offer-total small{display:block;margin-top:.12rem;color:var(--muted);font-size:.65rem}.offer-total .offer-price{color:var(--text);font-size:1.12rem}.offer-ownership-note{margin:.7rem 0;padding:.68rem .75rem;border-left:3px solid #f0ae4e;border-radius:0 8px 8px 0;background:rgba(240,174,78,.08);color:#f5d298;font-size:.74rem;line-height:1.45}.offer-ownership-note.success{border-color:var(--good);background:rgba(58,194,117,.08);color:var(--good)}.account-rights{margin:.45rem 0 .75rem}
@media (max-width:760px){.price-overview-columns{grid-template-columns:1fr}.price-overview-heading{display:block}.price-overview-heading span{display:block;margin-top:.25rem;text-align:left}.episode-rights,.offer-overlap-note{justify-content:flex-start;text-align:left}.offer-total{align-items:center}}

/* Ruhige, scanbare Kaufkarten statt einer Ansammlung kleiner Chips. */
.offer-card{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 94%,#fff),var(--surface));box-shadow:0 20px 55px rgba(0,0,0,.18)}
.offer-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--line) 65%,#fff)}
.offer-card .media-card-body{padding:1.25rem}
.offer-card .media-card-body>p.muted,.offer-card .offer-contents{display:none}
.offer-card h2,.offer-card h3{margin:.15rem 0 1.15rem;font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.18;letter-spacing:-.025em}
.offer-badges{display:grid;grid-template-columns:1fr;gap:.55rem;margin:0 0 1rem}
.offer-badges .badge{display:flex;align-items:center;gap:.65rem;width:max-content;max-width:100%;padding:0;background:none;border-radius:0;font-size:.8rem;font-weight:750;line-height:1.25}
.offer-badges .badge::before{content:'';display:block;flex:0 0 18px;width:18px;height:18px;background:currentColor}
.offer-badges .badge.access-stream::before{clip-path:polygon(12% 0,100% 50%,12% 100%)}
.offer-badges .badge.access-download::before{clip-path:polygon(37% 0,63% 0,63% 50%,88% 50%,50% 88%,12% 50%,37% 50%)}
.offer-badges .badge.access-stream_download::before{clip-path:polygon(0 0,38% 0,38% 100%,0 100%,62% 0,100% 0,100% 100%,62% 100%)}
.offer-badges .badge.scope::before{clip-path:polygon(50% 0,100% 22%,100% 76%,50% 100%,0 76%,0 22%,50% 45%,100% 22%,50% 0,0 22%,50% 45%)}
.offer-badges .badge.active{margin-top:.15rem;color:var(--good)}
.offer-badges .badge.active::before{clip-path:polygon(0 52%,18% 34%,40% 56%,82% 8%,100% 25%,41% 92%)}
.offer-total{display:grid;grid-template-areas:'label terms' 'price terms';grid-template-columns:minmax(0,1fr) auto;gap:.22rem 1rem;align-items:center;margin:auto 0 1rem;padding:1rem;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025)}
.offer-total small{grid-area:label;display:flex;align-items:center;gap:.45rem;margin:0;color:var(--muted);font-size:.72rem;font-weight:700}
.offer-total small::before{content:'€';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:.68rem;font-weight:900}
.offer-total .offer-price{grid-area:price;margin:.05rem 0 0;color:var(--text);font-size:clamp(1.45rem,3vw,1.75rem);line-height:1;font-variant-numeric:tabular-nums}
.offer-total>span{grid-area:terms;display:flex;align-items:center;gap:.4rem;max-width:8.5rem;color:var(--muted);font-size:.72rem;line-height:1.25}
.offer-total>span::before{content:'×';display:grid;place-items:center;width:20px;height:20px;border:2px solid currentColor;border-radius:50%;font-size:.8rem;font-weight:900}
.offer-card form{margin:0}
.offer-card .button{width:100%;min-height:52px;padding:.8rem 1rem;border-radius:14px;text-align:center;line-height:1.2}
.offer-card .button.primary{box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 23%,transparent)}
@media (max-width:420px){.offer-card .media-card-body{padding:1.05rem}.offer-total{grid-template-areas:'label' 'price' 'terms';grid-template-columns:1fr}.offer-total>span{margin-top:.45rem}}

/* Kompakte Preisnebeninformationen ohne Kollision mit dem Betrag. */
.offer-total{grid-template-columns:minmax(0,1fr) minmax(96px,auto);column-gap:.55rem}
.offer-total small{font-size:.61rem;line-height:1.15}
.offer-total small::before{width:18px;height:18px;font-size:.6rem}
.offer-total>span{justify-self:end;width:96px;max-width:96px;gap:.42rem;font-size:.61rem;line-height:1.15;white-space:normal}
.offer-total>span::before{content:'';flex:0 0 21px;width:21px;height:19px;border:1.5px solid currentColor;border-radius:5px;background:linear-gradient(135deg,transparent 43%,currentColor 44%,currentColor 54%,transparent 55%),linear-gradient(currentColor,currentColor) 4px 5px/11px 1.5px no-repeat}
@media (max-width:420px){.offer-total{grid-template-columns:1fr}.offer-total>span{justify-self:start;width:auto;max-width:none}}

/* Preis und Abo-Hinweis bleiben auch in schmalen Karten sauber nebeneinander. */
.offer-total{grid-template-columns:minmax(0,1fr) 62px;column-gap:.45rem;align-items:center}
.offer-total .offer-price{white-space:nowrap;font-size:clamp(1.45rem,2.4vw,1.62rem);letter-spacing:-.045em}
.offer-total>span{justify-self:center;display:grid;width:62px;max-width:62px;justify-items:center;gap:.3rem;text-align:center;font-size:.58rem;line-height:1.12}
.offer-total>span::before{margin:0}
@media (max-width:420px){.offer-total{grid-template-areas:'label terms' 'price terms';grid-template-columns:minmax(0,1fr) 62px}.offer-total>span{grid-area:terms;justify-self:center;width:62px;max-width:62px;margin:0}}

/* Finale, bewusst reduzierte Kaufkarte. */
.offer-card .media-card-body{padding:1.35rem}
.offer-card h2,.offer-card h3{margin:.65rem 0 1.2rem;font-size:clamp(1.2rem,2.1vw,1.42rem);line-height:1.16}
.offer-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;margin:0}
.offer-badges .badge{font-size:.76rem}
.offer-badges .badge::before{width:15px;height:15px;flex-basis:15px}
.offer-badges .badge.scope{padding-left:.7rem;border-left:1px solid var(--line);font-size:.69rem;font-weight:650}
.offer-badges .badge.scope::before{display:none}
.offer-total{display:grid;grid-template-areas:'label terms' 'price price';grid-template-columns:1fr auto;gap:.42rem .8rem;align-items:center;margin:auto 0 1.15rem;padding:1rem 0 .15rem;border:0;border-top:1px solid rgba(255,255,255,.09);border-radius:0;background:none}
.offer-total small{grid-area:label;gap:.38rem;font-size:0;font-weight:750}
.offer-total small::before{width:18px;height:18px}
.offer-total small::after{content:'Einmalpreis';font-size:.67rem;letter-spacing:.015em}
.offer-total .offer-price{grid-area:price;margin:0;color:var(--text);font-size:clamp(2rem,4vw,2.35rem);line-height:1;letter-spacing:-.055em;white-space:nowrap}
.offer-total>span{grid-area:terms;justify-self:end;display:flex;width:auto;max-width:none;align-items:center;gap:.42rem;margin:0;font-size:0;text-align:left}
.offer-total>span::before{width:21px;height:19px;flex-basis:21px;margin:0}
.offer-total>span::after{content:'Kein Abo';font-size:.67rem;font-weight:700;white-space:nowrap}
.offer-card .button.primary{font-size:0}
.offer-card .button.primary::after{font-size:.94rem;line-height:1.2}
.offer-card:has(.badge.access-stream) .button.primary::after{content:'Streaming freischalten'}
.offer-card:has(.badge.access-download) .button.primary::after{content:'Download freischalten'}
.offer-card:has(.badge.access-stream_download) .button.primary::after{content:'Streaming & Download freischalten'}
.offer-card .button.primary[href*='/watch.php']::after{content:'Kostenlos ansehen'}
@media (max-width:420px){.offer-card .media-card-body{padding:1.15rem}.offer-total{grid-template-areas:'label terms' 'price price';grid-template-columns:1fr auto}.offer-total>span{grid-area:terms;justify-self:end;width:auto;max-width:none}.offer-total .offer-price{grid-area:price}}

/* Öffentliche Paketübersicht: Gesamtangebote zuerst, Einzelfolgen kompakt je Produkt. */
.shop-page{display:grid;gap:clamp(2.2rem,6vw,4.5rem)}.shop-head{align-items:end}.shop-jump{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:.65rem}.shop-jump a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:64px;padding:.75rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-decoration:none}.shop-jump a:hover{border-color:var(--accent)}.shop-jump strong{font-size:1.35rem;color:var(--accent-2)}.shop-jump span{color:var(--muted);font-size:.76rem;line-height:1.25}.shop-offer-section{scroll-margin-top:1rem}.shop-section-heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.shop-section-heading h2{margin:.15rem 0 .35rem;font-size:clamp(1.7rem,4vw,2.6rem)}.shop-section-heading p{margin:.25rem 0}.shop-package-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.individual-product-list{display:grid;gap:1rem}.individual-product{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.individual-product[open]{box-shadow:0 22px 60px rgba(0,0,0,.16)}.individual-product>summary{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.15rem;cursor:pointer;list-style:none}.individual-product>summary::-webkit-details-marker{display:none}.individual-product>summary:hover{background:rgba(255,255,255,.022)}.individual-product-cover{display:grid;place-items:center;width:64px;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:var(--surface-2);color:var(--accent-2)}.individual-product-cover img{width:100%;height:100%;object-fit:cover}.individual-product-copy{display:grid;gap:.15rem;min-width:0}.individual-product-copy small{color:var(--accent-2);font-size:.65rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.individual-product-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem}.individual-product-copy>span{color:var(--muted);font-size:.76rem}.individual-product-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:1.25rem;transition:transform .2s ease}.individual-product[open] .individual-product-toggle{transform:rotate(180deg)}.episode-offer-list{border-top:1px solid var(--line)}.episode-offer-season{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.7rem 1.15rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2)}.episode-offer-season:first-child{border-top:0}.episode-offer-season strong{font-size:.82rem}.episode-offer-season span{color:var(--muted);font-size:.66rem}.episode-offer-row{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.4fr);gap:1rem;align-items:center;padding:1rem 1.15rem}.episode-offer-row+.episode-offer-row{border-top:1px solid var(--line)}.episode-offer-row:hover{background:rgba(255,255,255,.018)}.episode-offer-title{display:flex;align-items:center;gap:.8rem;min-width:0}.episode-offer-title .episode-number{flex:0 0 auto}.episode-offer-title div{min-width:0}.episode-offer-title h3{margin:0;font-size:.96rem;line-height:1.3}.episode-offer-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.55rem}.episode-offer-variant{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem .65rem;padding:.7rem;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.episode-offer-variant.is-owned{border-color:color-mix(in srgb,var(--good) 40%,var(--line));background:color-mix(in srgb,var(--good) 5%,var(--bg))}.episode-offer-variant .badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-offer-variant>strong{font-size:.92rem;white-space:nowrap}.episode-offer-owned-note{grid-column:1/-1;color:var(--good);font-size:.64rem}.episode-offer-variant .button{grid-column:1/-1;width:100%;min-height:36px;padding:.45rem .6rem;border-radius:9px}.episode-offer-variant .button.primary{font-size:.78rem}.episode-offer-variant .button.primary::after{content:none}.access-duration-notice{margin-bottom:0}
@media(max-width:820px){.shop-head{display:grid}.shop-jump{width:100%}.episode-offer-row{grid-template-columns:1fr}.episode-offer-variants{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.shop-jump{grid-template-columns:1fr}.individual-product>summary{grid-template-columns:52px minmax(0,1fr) auto;padding:.85rem}.individual-product-cover{width:52px}.episode-offer-row{padding:.9rem}.episode-offer-variants{grid-template-columns:1fr}.episode-offer-variant{grid-template-columns:minmax(0,1fr) auto auto}.episode-offer-variant .button{grid-column:auto;width:auto;min-width:92px}.individual-product-copy strong{white-space:normal}.shop-page{gap:2.5rem}}

/* Visueller Feinschliff der eigenständigen Shopseite. */
.shop-page{width:100%;max-width:1600px;margin:0 auto;padding-top:clamp(1.25rem,4vw,3rem)}
.shop-head{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(1.5rem,5vw,5rem);margin:0;padding:clamp(1.5rem,4.5vw,4.25rem);overflow:hidden;border:1px solid var(--line);border-radius:clamp(20px,3vw,30px);background:linear-gradient(120deg,color-mix(in srgb,var(--surface) 97%,#fff),color-mix(in srgb,var(--surface) 88%,var(--accent) 12%));box-shadow:0 28px 90px rgba(0,0,0,.2)}
.shop-head::after{content:"+";position:absolute;z-index:-1;right:clamp(-1rem,1vw,2rem);bottom:clamp(-5rem,-6vw,-2rem);color:color-mix(in srgb,var(--accent) 16%,transparent);font-size:clamp(12rem,28vw,28rem);font-weight:900;line-height:.7;pointer-events:none}
.shop-intro{align-self:center;max-width:780px}.shop-intro .eyebrow{margin:0 0 .85rem}.shop-intro h1{max-width:12ch;margin:0;font-size:clamp(2.7rem,7vw,6rem);line-height:.9;letter-spacing:-.07em}.shop-intro>p:last-child{max-width:62ch;margin:1.25rem 0 0;color:var(--muted);font-size:clamp(.95rem,1.5vw,1.12rem);line-height:1.65}
.shop-jump{position:relative;align-self:end}.shop-jump a{min-height:82px;border-color:color-mix(in srgb,var(--line) 82%,#fff);background:color-mix(in srgb,var(--bg) 76%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .18s ease,background .18s ease,transform .18s ease}.shop-jump a:hover{transform:translateY(-2px);background:var(--surface-2)}.shop-jump strong{font-size:1.7rem;letter-spacing:-.04em}.shop-jump span{font-size:.72rem;font-weight:700}
.shop-access-duration-notice{display:flex;align-items:center;gap:.9rem;margin-top:calc(clamp(2.2rem,6vw,4.5rem)*-1 + 1rem);padding:.9rem 1.1rem;border:1px solid color-mix(in srgb,var(--good) 30%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--good) 6%,var(--surface));color:var(--muted);font-size:.78rem;line-height:1.45}.shop-access-duration-notice>span:last-child{display:grid;gap:.08rem}.shop-access-duration-notice strong{color:var(--text);font-size:.82rem}.shop-access-duration-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--good) 16%,var(--surface-2));color:var(--good);font-weight:900;font-variant-numeric:tabular-nums}
.shop-section-heading{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.shop-section-heading>div{max-width:760px}.shop-section-heading h2{letter-spacing:-.055em}.shop-section-heading .muted{line-height:1.55}
.shop-package-grid{gap:1rem}.shop-package-grid .offer-card{min-height:0;border-radius:20px;transform:none}.shop-package-grid .offer-card:hover{transform:none;border-color:color-mix(in srgb,var(--line) 55%,var(--accent-2))}.shop-package-grid .offer-card:has(.access-stream_download){border-color:color-mix(in srgb,var(--good) 26%,var(--line));background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 92%,var(--good) 8%),var(--surface))}.shop-package-cover{position:relative;display:grid;place-items:center;aspect-ratio:16/7;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--surface-2),color-mix(in srgb,var(--accent) 22%,var(--surface)))}.shop-package-cover img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.shop-package-cover>span{font-size:1.25rem;font-weight:900;letter-spacing:-.05em}.shop-package-cover small{position:absolute;right:.7rem;bottom:.7rem;padding:.28rem .55rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,9,12,.78);color:#fff;font-size:.61rem;font-weight:800;backdrop-filter:blur(10px)}.shop-package-grid .offer-card h3{margin:.8rem 0 1.2rem;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.15;letter-spacing:-.035em}.shop-package-grid .offer-total{margin-top:auto}.shop-package-grid .offer-card .button{margin-top:.15rem}
.individual-product{border-radius:22px;background:color-mix(in srgb,var(--surface) 96%,var(--bg));transition:border-color .18s ease}.individual-product[open]{border-color:color-mix(in srgb,var(--line) 68%,#fff);box-shadow:0 24px 70px rgba(0,0,0,.2)}.individual-product>summary{grid-template-columns:58px minmax(0,1fr) auto;min-height:78px;padding:.8rem 1.05rem}.individual-product-cover{width:58px;border:1px solid var(--line);border-radius:9px;box-shadow:0 7px 20px rgba(0,0,0,.18)}.individual-product-copy{gap:.18rem}.individual-product-copy strong{font-size:clamp(1.05rem,1.7vw,1.2rem);letter-spacing:-.025em}.individual-product-copy>span{font-size:.72rem}.individual-product-toggle{background:var(--surface-2)}
.episode-offer-season{padding:.75rem 1.4rem}.episode-offer-row{min-height:112px;padding:1rem 1.4rem}.episode-offer-row:nth-of-type(even){background:rgba(255,255,255,.009)}.episode-offer-title .episode-number{display:grid;place-items:center;min-width:38px;height:38px;padding:0 .55rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:.8rem;font-weight:850}.episode-offer-title h3{font-size:1rem}.episode-offer-variants{gap:.65rem}.episode-offer-variant{min-height:92px;padding:.72rem .78rem;border-radius:14px;background:color-mix(in srgb,var(--bg) 86%,var(--surface-2))}.episode-offer-variant .badge{padding:0;background:none;font-size:.69rem;font-weight:800}.episode-offer-variant>strong{font-size:1rem}.episode-offer-variant .button{border-radius:10px}.episode-offer-variant [data-cart-add].is-in-cart{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--good) 55%,transparent)}
@media(max-width:900px){.shop-head{grid-template-columns:1fr}.shop-jump{align-self:auto}.shop-access-duration-notice{margin-top:-1.35rem}}
@media(max-width:620px){.shop-page{padding-top:.75rem}.shop-head{padding:1.35rem;border-radius:20px}.shop-intro h1{font-size:clamp(2.45rem,14vw,4rem)}.shop-jump a{min-height:64px}.shop-access-duration-notice{align-items:flex-start;margin-top:-1.5rem}.individual-product>summary{grid-template-columns:48px minmax(0,1fr) auto;min-height:70px;padding:.75rem}.individual-product-cover{width:48px}.episode-offer-season{padding:.65rem .9rem}.episode-offer-season span{display:none}.episode-offer-row{min-height:0;padding:1rem .85rem}.episode-offer-title{align-items:flex-start}.episode-offer-variant{min-height:0}.episode-offer-variant .button{min-width:96px}.shop-package-grid .offer-card{min-height:0}.shop-package-cover{aspect-ratio:16/8}}

/* Korrektur: Paketinhalt darf durch das Cover nicht aus der Karte gedrückt werden. */
.shop-package-grid .offer-card{display:flex;min-width:0;flex-direction:column;overflow:hidden}
.shop-package-grid .offer-card .media-card-body{display:flex;flex:1 1 auto;height:auto;min-height:0;padding:1.25rem;overflow:visible}
.shop-package-cover{flex:0 0 auto;width:100%;max-height:290px;aspect-ratio:16/7.2;padding:.75rem;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--surface-2) 72%,#fff),var(--bg));cursor:pointer}
.shop-package-cover img{width:100%;height:100%;padding:0;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}
.shop-package-cover:hover img{transform:scale(1.015)}
.shop-package-cover img{transition:transform .2s ease}
.shop-package-grid .offer-card .media-card-body>p.muted{display:block;min-height:3.2em;margin:.2rem 0 .8rem;overflow:hidden;color:var(--muted);font-size:.78rem;line-height:1.5}
.shop-package-grid .offer-contents{display:block;min-height:0;margin:.2rem 0 1rem;padding:.75rem .85rem .75rem 1.8rem;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);font-size:.72rem;line-height:1.45}
.shop-package-grid .offer-contents::before{content:"Enthalten";display:block;margin:0 0 .3rem -1rem;color:var(--muted);font-size:.59rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.shop-package-grid .offer-total{margin-top:auto}
.shop-package-grid .offer-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--accent-2);text-underline-offset:4px}
.shop-package-grid .offer-card.is-owned .offer-contents{margin-bottom:auto}
.shop-package-owned-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.55rem;margin-top:1rem}
.shop-package-grid .offer-card .shop-package-owned-actions .button{width:100%;min-height:46px;margin:0}
.shop-package-grid .offer-card .button.primary{font-size:.88rem}
.shop-package-grid .offer-card .button.primary::after{content:none}

/* Folgen als fließendes Kartenraster statt als lange Tabelle. */
.episode-offer-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:.8rem;padding:.9rem;background:color-mix(in srgb,var(--bg) 72%,var(--surface))}
.episode-offer-season{grid-column:1/-1;margin:.15rem 0 -.15rem;border:1px solid var(--line);border-radius:11px}
.episode-offer-row{display:flex;min-width:0;min-height:0;flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem;border:1px solid var(--line)!important;border-radius:15px;background:var(--surface)}
.episode-offer-row:hover{border-color:color-mix(in srgb,var(--line) 60%,var(--accent-2))!important;background:color-mix(in srgb,var(--surface) 97%,#fff)}
.episode-offer-title{min-height:48px;align-items:flex-start}
.episode-offer-title h3{font-size:1rem;line-height:1.35}
.episode-offer-variants{display:grid;grid-template-columns:1fr;gap:.45rem;margin-top:auto}
.episode-offer-variant{grid-template-columns:minmax(0,1fr) auto auto;min-height:48px;padding:.52rem .58rem;border-radius:10px}
.episode-offer-variant .button{grid-column:auto;width:auto;min-width:88px;min-height:34px;padding:.38rem .55rem}
.episode-offer-owned-note{grid-column:1/-1}
@media(min-width:1450px){.episode-offer-list{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}
@media(max-width:520px){.shop-package-cover{max-height:250px;aspect-ratio:4/3}.shop-package-grid .offer-card .media-card-body{padding:1rem}.episode-offer-list{grid-template-columns:1fr;padding:.6rem}.episode-offer-row{padding:.85rem}.episode-offer-variant{grid-template-columns:minmax(0,1fr) auto}.episode-offer-variant .button{grid-column:1/-1;width:100%}}

/* Gesamtpakete: Cover vollständig zeigen und auf breiten Ansichten platzsparend seitlich anordnen. */
.shop-package-cover img {
  object-fit: contain;
  object-position: center;
}

@media (min-width: 1180px) {
  .shop-package-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shop-package-grid .offer-card {
    display: grid;
    grid-template-columns: minmax(175px, 34%) minmax(0, 1fr);
    align-items: stretch;
  }

  .shop-package-cover {
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: none;
    aspect-ratio: auto;
    border-right: 1px solid var(--line);
    border-bottom: 0;
    padding: 1rem;
  }

  .shop-package-cover img {
    width: 100%;
    height: 100%;
  }
}

/* Einzelfolgen: eindeutiges Chevron und ruhiges Raster für Recht, Preis und Aktion. */
.individual-product-toggle {
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 0;
}

.individual-product-toggle svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.individual-product[open] .individual-product-toggle {
  transform: rotate(180deg);
}

.episode-offer-variant {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(76px, auto) 104px;
  grid-template-rows: minmax(34px, auto) auto;
  align-items: center;
  column-gap: .75rem;
  row-gap: .15rem;
  min-height: 60px;
}

.episode-offer-variant .badge {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.episode-offer-variant > strong {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  text-align: right;
}

.episode-offer-variant > strong.episode-offer-status {
  color: var(--good);
  font-size: .72rem;
  font-weight: 800;
}

.episode-offer-variant .episode-offer-owned-note {
  grid-column: 1 / 3;
  grid-row: 2;
  align-self: start;
  margin-top: -.2rem;
}

.episode-offer-variant .button {
  grid-column: 3;
  grid-row: 1 / 3;
  width: 104px;
  min-width: 104px;
  align-self: stretch;
}

.episode-offer-owned-actions {
  grid-column: 3;
  grid-row: 1 / 3;
  display: grid;
  align-self: stretch;
  gap: .3rem;
  width: 104px;
}

.episode-offer-owned-actions .button {
  grid-column: auto;
  grid-row: auto;
  width: 104px;
  min-width: 104px;
  min-height: 30px;
  padding: .3rem .4rem;
}

@media (max-width: 520px) {
  .episode-offer-variant {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
  }

  .episode-offer-variant .badge {
    grid-column: 1;
    grid-row: 1;
  }

  .episode-offer-variant > strong {
    grid-column: 2;
    grid-row: 1;
  }

  .episode-offer-variant .episode-offer-owned-note {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .episode-offer-variant .button {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    min-width: 0;
    margin-top: .3rem;
  }

  .episode-offer-owned-actions {
    grid-column: 1 / -1;
    grid-row: 3;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin-top: .3rem;
  }

  .episode-offer-owned-actions .button {
    width: 100%;
    min-width: 0;
    margin-top: 0;
  }
}

.offer-format-note {
  display: block;
  color: var(--muted);
  font-size: .66rem;
  font-weight: 650;
  line-height: 1.35;
}

.shop-package-grid .media-card-body > .offer-format-note {
  margin: .4rem 0 .15rem;
}

.episode-offer-variant > .offer-format-note {
  grid-column: 1 / 3;
  grid-row: 2;
  align-self: start;
}

@media (max-width: 520px) {
  .episode-offer-variant > .offer-format-note {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}
