.elementor-79 .elementor-element.elementor-element-02ee35c{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-79 .elementor-element.elementor-element-02ee35c{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-bd6efea */@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
@import "tailwindcss";
@import "tw-animate-css";

/* Design philosophy: Night Matchday Editorial — all visual rules are scoped to .plbg-page so Elementor, WordPress RTL, and theme CSS cannot hijack the page. */
:root { --plbg-bg:#222522; --plbg-panel:#2a2e2a; --plbg-panel-2:#303530; --plbg-ink:#f4f5f1; --plbg-muted:#b8beb9; --plbg-line:rgba(208,208,208,.16); --plbg-orange:#FF4F00; --plbg-gold:#e9b949; --plbg-radius:18px; --plbg-ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--plbg-bg); color:var(--plbg-ink); font-family:Manrope,system-ui,sans-serif; }

.plbg-page { direction:ltr !important; text-align:left !important; overflow:hidden; background:var(--plbg-bg); color:var(--plbg-ink); min-height:100vh; isolation:isolate; }
.plbg-page *, .plbg-page *::before, .plbg-page *::after { direction:ltr !important; text-align:left !important; }
.plbg-page a { color:inherit; }
.plbg-shell { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:32px 0 100px; }
.plbg-brandbar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:0 0 18px; border-bottom:1px solid var(--plbg-line); }
.plbg-brand-lockup { display:flex; align-items:center; gap:10px; }
.plbg-brand-badge { display:grid; place-items:center; width:38px; height:38px; color:#fff; background:var(--plbg-orange); clip-path:polygon(0 0,100% 0,100% 74%,52% 100%,0 74%); font-family:'Barlow Condensed'; font-size:24px; font-weight:800; }
.plbg-brand-wordmark { color:var(--plbg-ink); font-family:'Barlow Condensed'; font-size:24px; font-weight:800; letter-spacing:.08em; }
.plbg-brand-wordmark span { color:var(--plbg-orange); }
.plbg-brand-caption { color:#89918b; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.plbg-breadcrumb,.plbg-kicker,.plbg-offer-label,.plbg-score small,.plbg-logo-slot small,.plbg-byline,.plbg-section-number { font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.plbg-breadcrumb { color:var(--plbg-muted); border-bottom:1px solid var(--plbg-line); padding-bottom:18px; }
.plbg-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.9fr); gap:56px; align-items:center; padding:68px 0 76px; }
.plbg-hero-copy { max-width:630px; }
.plbg-kicker { color:var(--plbg-orange); margin:0 0 14px; }
h1,h2,h3 { font-family:'Barlow Condensed',Impact,sans-serif; margin:0; font-weight:700; letter-spacing:-.025em; }
h1 { font-size:clamp(48px,6vw,86px); line-height:.92; max-width:630px; }
h2 { font-size:clamp(36px,4.2vw,58px); line-height:.96; }
h3 { font-size:28px; line-height:1; }
.plbg-dek { font-size:18px; line-height:1.65; color:var(--plbg-muted); max-width:590px; margin:28px 0 24px; }
.plbg-byline { color:#8e9790; letter-spacing:.07em; display:flex; gap:10px; align-items:center; line-height:1.5; }
.plbg-pulse { width:8px; height:8px; border-radius:50%; background:var(--plbg-orange); box-shadow:0 0 0 5px rgba(255,79,0,.12); flex:0 0 auto; }
.plbg-media-slot { display:flex; min-height:180px; padding:24px; flex-direction:column; justify-content:flex-end; border:1px dashed rgba(208,208,208,.35); color:#d0d0d0; background:linear-gradient(135deg,#343934,#252825); border-radius:var(--plbg-radius); position:relative; overflow:hidden; }
.plbg-media-slot::before { content:""; position:absolute; inset:0; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px); background-size:32px 32px; }
.plbg-media-slot > * { position:relative; }
.plbg-media-slot span { font-weight:800; font-size:14px; }
.plbg-media-slot small,.plbg-media-slot code { color:#9da59f; margin-top:8px; font-size:11px; }
.plbg-slot-hero { min-height:420px; }
.plbg-media-image { display:block; width:100%; height:100%; object-fit:cover; border-radius:var(--plbg-radius); }
.plbg-slot-hero { aspect-ratio:3/2; }
.plbg-callout { display:flex; gap:18px; border-left:3px solid var(--plbg-orange); background:#292d29; padding:18px 22px; color:var(--plbg-muted); font-size:14px; line-height:1.55; }
.plbg-callout strong { color:var(--plbg-ink); white-space:nowrap; }
.plbg-section { padding:86px 0 0; scroll-margin-top:24px; }
.plbg-section-heading { display:flex; gap:20px; align-items:flex-start; margin-bottom:32px; }
.plbg-section-number { color:var(--plbg-orange); min-width:34px; padding-top:8px; border-top:2px solid var(--plbg-orange); }
.plbg-section-heading h2 { max-width:700px; }
.plbg-table-wrap { overflow-x:auto; border:1px solid var(--plbg-line); border-radius:var(--plbg-radius); background:#272b27; box-shadow:0 20px 50px rgba(0,0,0,.16); }
.plbg-comparison-table { width:100%; border-collapse:collapse; font-size:14px; }
.plbg-comparison-table caption { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.plbg-comparison-table th,.plbg-comparison-table td { padding:20px 22px; border-bottom:1px solid var(--plbg-line); vertical-align:top; }
.plbg-comparison-table thead th { color:var(--plbg-orange); font-size:11px; letter-spacing:.12em; text-transform:uppercase; background:#202320; }
.plbg-comparison-table tbody tr { transition:background .2s var(--plbg-ease),transform .2s var(--plbg-ease); }
.plbg-comparison-table tbody tr:hover { background:#303630; transform:translateX(4px); }
.plbg-comparison-table tbody tr:last-child th,.plbg-comparison-table tbody tr:last-child td { border-bottom:0; }
.plbg-comparison-table th:first-child { color:var(--plbg-ink); font-weight:700; }
.plbg-comparison-table td strong { color:var(--plbg-orange); }
.plbg-rank-list { display:grid; gap:18px; }
.plbg-rank-card { background:linear-gradient(120deg,#2c302c,#272a27); border:1px solid var(--plbg-line); border-radius:var(--plbg-radius); padding:25px; transition:transform .22s var(--plbg-ease),border-color .22s var(--plbg-ease),box-shadow .22s var(--plbg-ease); }
.plbg-rank-card:hover { transform:translateY(-3px); border-color:rgba(255,79,0,.5); box-shadow:0 18px 40px rgba(0,0,0,.18); }
.plbg-rank-card.is-featured { background:linear-gradient(120deg,rgba(255,79,0,.2),#2d302d 42%,#252925); border:1px solid var(--plbg-orange); box-shadow:0 0 0 1px rgba(255,79,0,.12),0 22px 60px rgba(0,0,0,.28); }
.plbg-rank-top { display:grid; grid-template-columns:54px 1fr auto; gap:18px; align-items:center; padding-bottom:22px; border-bottom:1px solid var(--plbg-line); }
.plbg-rank-no { font-family:'Barlow Condensed'; font-size:48px; line-height:1; color:var(--plbg-orange); font-weight:700; }
.plbg-logo-slot { width:170px; min-height:54px; display:flex; flex-direction:column; justify-content:center; gap:4px; border:1px dashed rgba(208,208,208,.3); padding:8px 12px; background:rgba(0,0,0,.12); border-radius:10px; }
.plbg-logo-slot span { font-family:'Barlow Condensed'; font-weight:700; font-size:20px; }
.plbg-logo-slot small { color:#89918b; font-size:9px; letter-spacing:.08em; }
.plbg-score { text-align:right !important; }
.plbg-score b { font-family:'Barlow Condensed'; font-size:45px; color:var(--plbg-orange); line-height:.8; }
.plbg-score span { color:var(--plbg-muted); font-size:13px; }
.plbg-score small { display:block; color:#89918b; font-size:9px; margin-top:8px; }
.plbg-rank-body { display:grid; grid-template-columns:1.1fr 1fr; gap:28px; padding:24px 0; }
.plbg-offer-label { color:#89918b; margin:0 0 7px; }
.plbg-offer { margin:10px 0 16px; color:var(--plbg-ink); font-weight:700; }
.plbg-rank-body ul { list-style:none; padding:0; margin:0; display:grid; gap:8px; color:var(--plbg-muted); font-size:14px; }
.plbg-rank-body li::before { content:"↗"; color:var(--plbg-orange); margin-right:9px; font-weight:800; }
.plbg-facts { display:grid; gap:0; margin:0; border-left:1px solid var(--plbg-line); }
.plbg-facts div { padding:11px 0 11px 18px; border-bottom:1px solid var(--plbg-line); }
.plbg-facts div:last-child { border:0; }
.plbg-facts dt { color:#89918b; font-size:11px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.plbg-facts dd { margin:4px 0 0; color:var(--plbg-ink); font-size:13px; overflow-wrap:anywhere; }
.plbg-card-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:18px; border-top:1px solid var(--plbg-line); }
.plbg-text-link { color:var(--plbg-muted); font-size:13px; text-decoration:none; }
.plbg-text-link span { color:var(--plbg-orange); }
.plbg-button { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border:1px solid rgba(208,208,208,.25); border-radius:8px; text-decoration:none; color:var(--plbg-ink); font-size:12px; font-weight:800; transition:background .18s var(--plbg-ease),transform .18s var(--plbg-ease); }
.plbg-button:hover,.plbg-button:focus-visible { background:var(--plbg-orange); border-color:var(--plbg-orange); color:#fff; }
.plbg-button:active { transform:scale(.97); }
.plbg-button-primary { background:var(--plbg-orange); border-color:var(--plbg-orange); color:#fff; }
.plbg-media-band { display:grid; grid-template-columns:.9fr 1.1fr; gap:44px; align-items:center; margin-top:86px; padding:26px; border:1px solid var(--plbg-line); border-radius:var(--plbg-radius); background:#292d29; }
.plbg-slot-wide { aspect-ratio:16/9; min-height:0; }
.plbg-media-band h2 { margin-bottom:18px; }
.plbg-media-band p:last-child,.plbg-two-col p { color:var(--plbg-muted); line-height:1.75; }
.plbg-two-col { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.plbg-flow-panel { display:grid; grid-template-columns:.95fr 1.05fr; gap:54px; padding:34px; background:linear-gradient(120deg,#292d29,#303630); border:1px solid var(--plbg-line); border-radius:var(--plbg-radius); }
.plbg-flow-panel .plbg-section-heading { margin-bottom:18px; }
.plbg-flow-intro { color:var(--plbg-muted); line-height:1.7; margin:0; font-size:15px; }
.plbg-flow-panel .plbg-steps { padding-left:8px; }
.plbg-source-note { font-size:12px!important; color:#89918b!important; }
.plbg-source-note a { color:var(--plbg-orange); }
.plbg-date-stack { display:grid; gap:12px; }
.plbg-date-stack div { display:flex; align-items:center; gap:20px; padding:20px; background:#2a2e2a; border-left:3px solid var(--plbg-orange); }
.plbg-date-stack b { font-family:'Barlow Condensed'; font-size:34px; color:var(--plbg-orange); }
.plbg-date-stack span { font-size:14px; color:var(--plbg-muted); }
.plbg-market-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.plbg-market-card { padding:22px; min-height:180px; background:#292d29; border:1px solid var(--plbg-line); border-radius:12px; transition:transform .2s var(--plbg-ease),background .2s var(--plbg-ease); }
.plbg-market-card:hover { transform:translateY(-4px); background:#313631; }
.plbg-market-card > span { color:var(--plbg-orange); font-family:'Barlow Condensed'; font-size:22px; }
.plbg-market-card h3 { margin:28px 0 10px; font-size:25px; }
.plbg-market-card p { margin:0; color:var(--plbg-muted); font-size:13px; line-height:1.6; }
.plbg-steps { list-style:none; counter-reset:step; padding:0; margin:0; display:grid; gap:10px; }
.plbg-steps li { counter-increment:step; display:grid; grid-template-columns:42px 1fr; column-gap:16px; padding:15px 0; border-bottom:1px solid var(--plbg-line); }
.plbg-steps li::before { content:counter(step,decimal-leading-zero); color:var(--plbg-orange); font-family:'Barlow Condensed'; font-size:24px; }
.plbg-steps b { font-size:14px; }
.plbg-steps span { color:var(--plbg-muted); font-size:13px; line-height:1.5; }
.plbg-responsible { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:32px; background:linear-gradient(120deg,#3a302a,#292d29); border:1px solid rgba(255,79,0,.35); border-radius:var(--plbg-radius); }
.plbg-responsible h2 { max-width:640px; margin-bottom:18px; }
.plbg-responsible p { max-width:650px; margin:0; color:var(--plbg-muted); line-height:1.7; }
.plbg-responsible-badge { width:120px; height:120px; border-radius:50%; border:1px solid var(--plbg-orange); display:flex; flex-direction:column; justify-content:center; align-items:center; flex:0 0 auto; text-align:center!important; }
.plbg-responsible-badge span { font-family:'Barlow Condensed'; font-size:36px; color:var(--plbg-orange); }
.plbg-responsible-badge small { color:var(--plbg-muted); font-size:10px; text-align:center!important; }
.plbg-faq { display:grid; gap:8px; }
.plbg-faq details { background:#292d29; border:1px solid var(--plbg-line); border-radius:10px; overflow:hidden; }
.plbg-faq summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:20px; padding:20px; font-weight:800; font-size:15px; }
.plbg-faq summary::-webkit-details-marker { display:none; }
.plbg-faq summary span { color:var(--plbg-orange); font-size:22px; line-height:.7; }
.plbg-faq details[open] summary { color:var(--plbg-orange); }
.plbg-faq details p { margin:0; padding:0 20px 20px; color:var(--plbg-muted); line-height:1.7; font-size:14px; }
.plbg-operator-links { margin-top:86px; display:flex; justify-content:space-between; gap:30px; align-items:center; border-top:1px solid var(--plbg-line); padding-top:30px; }
.plbg-operator-links h2 { font-size:36px; }
.plbg-operator-links p:last-child { color:var(--plbg-muted); max-width:650px; line-height:1.6; }
.plbg-mark-slot { display:flex; flex-direction:column; align-items:center; gap:8px; color:#89918b; font-size:11px; text-align:center!important; }
.plbg-mark-slot img { width:64px; height:64px; object-fit:contain; }
.plbg-preloader { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; gap:12px; background:var(--plbg-bg); color:var(--plbg-muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; animation:plbg-fade .4s var(--plbg-ease) .1s forwards; }
.plbg-loader-mark { width:20px; height:20px; border:2px solid rgba(255,79,0,.25); border-top-color:var(--plbg-orange); border-radius:50%; animation:plbg-spin .7s linear infinite; }
@keyframes plbg-spin { to { transform:rotate(360deg); } } @keyframes plbg-fade { to { opacity:0; visibility:hidden; } }
@media (max-width:800px) { .plbg-brandbar { align-items:flex-start; flex-direction:column; gap:10px; } .plbg-flow-panel { grid-template-columns:1fr; padding:24px; gap:26px; } .plbg-shell { width:min(100% - 28px,620px); padding-top:22px; } .plbg-hero { grid-template-columns:1fr; gap:28px; padding:52px 0 50px; } .plbg-slot-hero { min-height:260px; } .plbg-rank-body,.plbg-two-col,.plbg-media-band { grid-template-columns:1fr; gap:24px; } .plbg-facts { border-left:0; border-top:1px solid var(--plbg-line); } .plbg-facts div { padding-left:0; } .plbg-market-grid { grid-template-columns:repeat(2,1fr); } .plbg-media-band { margin-top:60px; } .plbg-section { padding-top:60px; } .plbg-operator-links { align-items:flex-start; } }
@media (max-width:540px) { .plbg-shell { width:calc(100% - 24px); } h1 { font-size:50px; } .plbg-dek { font-size:16px; } .plbg-callout { display:block; } .plbg-callout strong { display:block; margin-bottom:6px; } .plbg-rank-card { padding:18px; } .plbg-rank-top { grid-template-columns:40px 1fr; gap:10px; } .plbg-score { grid-column:2; text-align:left!important; margin-top:-4px; } .plbg-logo-slot { width:100%; } .plbg-score small { display:inline; margin-left:5px; } .plbg-card-actions,.plbg-operator-links { flex-direction:column; align-items:stretch; } .plbg-button { width:100%; } .plbg-market-grid { grid-template-columns:1fr; } .plbg-market-card { min-height:0; } .plbg-responsible { padding:24px; align-items:flex-start; flex-direction:column; } .plbg-responsible-badge { align-self:flex-end; width:90px; height:90px; } .plbg-responsible-badge span { font-size:28px; } .plbg-date-stack b { font-size:28px; } .plbg-date-stack span { font-size:12px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; } }

/* Screenshot defect fixes: readable type, contained media, dark fixture table, safe mobile CTA, and no horizontal overflow. */
.plbg-page, .plbg-page * { max-width:100%; min-width:0; }
.plbg-page { overflow-x:hidden !important; }
.plbg-page h1,.plbg-page h2,.plbg-page h3 { font-weight:600 !important; text-shadow:none !important; }
.plbg-page h1 { font-size:clamp(44px,5.3vw,76px); line-height:.98; }
.plbg-page h2 { font-size:clamp(32px,3.6vw,50px); line-height:1.02; }
.plbg-page h3 { font-size:25px; }
.plbg-page p,.plbg-page li,.plbg-page td,.plbg-page th,.plbg-page dd { font-weight:500; }
.plbg-slot-hero { width:100%; height:auto; min-height:0; aspect-ratio:3 / 2; border:1px dashed rgba(208,208,208,.42); border-radius:var(--plbg-radius); overflow:hidden; }
.plbg-media-image { width:100%; height:100%; object-fit:cover; display:block; border-radius:inherit; }
.plbg-rank-card,.plbg-media-band,.plbg-fixture-panel,.plbg-flow-panel { min-width:0; overflow:hidden; }
.plbg-rank-body,.plbg-rank-top,.plbg-card-actions { min-width:0; }
.plbg-calendar-wrap { width:100%; max-width:100%; overflow:hidden !important; background:#292d29 !important; border:1px solid rgba(208,208,208,.18); }
.plbg-calendar { width:100% !important; max-width:100%; table-layout:fixed; background:#292d29 !important; color:#f4f5f1 !important; }
.plbg-calendar caption { color:#b8beb9; }
.plbg-calendar thead th { background:#343934 !important; color:#FF4F00 !important; border-color:rgba(208,208,208,.18) !important; }
.plbg-calendar tbody th,.plbg-calendar tbody td { background:#292d29 !important; color:#f4f5f1 !important; border-color:rgba(208,208,208,.14) !important; }
.plbg-calendar tbody tr:nth-child(even) th,.plbg-calendar tbody tr:nth-child(even) td { background:#303530 !important; }
.plbg-calendar tbody tr:hover th,.plbg-calendar tbody tr:hover td { background:#3a403a !important; }
.plbg-program-link { display:inline-flex; width:auto; max-width:100%; white-space:normal; overflow-wrap:anywhere; word-break:normal; align-items:center; }
.plbg-app-icons { display:flex; flex-wrap:wrap; gap:7px; margin:7px 0 5px; }
.plbg-app-icon { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.plbg-icon-slot { display:inline-flex; width:18px; height:18px; flex:0 0 18px; border:1px dashed rgba(208,208,208,.4); border-radius:4px; background:#313731; color:transparent; font-size:0; }
.plbg-facts dd em { display:block; font-style:normal; overflow-wrap:anywhere; }
@media (max-width:800px) { .plbg-shell { width:calc(100% - 28px); } .plbg-hero { grid-template-columns:1fr; } .plbg-slot-hero { width:100%; aspect-ratio:4 / 3; } .plbg-rank-body { grid-template-columns:1fr; } .plbg-rank-top { grid-template-columns:44px minmax(0,1fr); } .plbg-score { grid-column:2; text-align:left !important; } .plbg-facts { border-left:0; width:100%; } .plbg-calendar { display:block !important; } .plbg-calendar thead { display:none !important; } .plbg-calendar tbody,.plbg-calendar tr { display:block; width:100%; } .plbg-calendar tr { padding:12px 15px; border-bottom:1px solid rgba(208,208,208,.14); } .plbg-calendar th,.plbg-calendar td { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; width:100%; padding:6px 0; text-align:right !important; border:0 !important; } .plbg-calendar th::before { content:'Period'; color:#9da59f; font-weight:500; text-align:left; } .plbg-calendar td:nth-child(2)::before { content:'MW'; color:#9da59f; text-align:left; } .plbg-calendar td:nth-child(3)::before { content:'Release'; color:#9da59f; text-align:left; } .plbg-calendar td br { display:none; } .plbg-flow-panel .plbg-steps { grid-template-columns:1fr; } .plbg-program-link { width:100%; justify-content:center; text-align:center !important; } }
@media (max-width:480px) { .plbg-shell { width:calc(100% - 24px); } .plbg-hero { padding-top:40px; } .plbg-hero h1 { font-size:clamp(40px,12vw,58px); } .plbg-card-actions { flex-direction:column; align-items:stretch; } .plbg-card-actions .plbg-button { width:100%; } .plbg-button { max-width:100%; overflow-wrap:anywhere; } .plbg-app-icons { gap:5px; } .plbg-app-icon { font-size:10px; } }

/* Final layout fixes: steps stay readable and comparison table has no horizontal scroll. */

.plbg-flow-panel .plbg-steps {
    width: 100%;
    min-width: 0;
    padding: 0 !important;
}

.plbg-flow-panel .plbg-steps li {
    width: 100%;
    min-width: 0;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 16px;
    align-items: start;
}

.plbg-step-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
}

.plbg-step-content b,
.plbg-step-content span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.plbg-step-content b {
    margin-bottom: 5px;
}

.plbg-step-content span {
    line-height: 1.55;
}

.plbg-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.plbg-comparison-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}

.plbg-comparison-table th,
.plbg-comparison-table td {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

.plbg-comparison-table th:nth-child(1),
.plbg-comparison-table td:nth-child(1) {
    width: 30%;
}

.plbg-comparison-table th:nth-child(2),
.plbg-comparison-table td:nth-child(2) {
    width: 22%;
}

.plbg-comparison-table th:nth-child(3),
.plbg-comparison-table td:nth-child(3) {
    width: 48%;
}

@media (max-width: 700px) {

    .plbg-comparison-table,
    .plbg-comparison-table tbody,
    .plbg-comparison-table tr,
    .plbg-comparison-table th,
    .plbg-comparison-table td {
        display: block !important;
        width: 100% !important;
    }

    .plbg-comparison-table thead {
        display: none !important;
    }

    .plbg-comparison-table tr {
        padding: 16px;
        border-bottom: 1px solid var(--plbg-line);
    }

    .plbg-comparison-table tr:last-child {
        border-bottom: 0;
    }

    .plbg-comparison-table th,
    .plbg-comparison-table td {
        padding: 7px 0 !important;
        border: 0 !important;
        text-align: left !important;
    }

    .plbg-comparison-table th {
        font-size: 16px;
        color: var(--plbg-orange) !important;
    }

    .plbg-comparison-table td {
        display: grid !important;
        grid-template-columns: 110px minmax(0, 1fr) !important;
        gap: 12px;
        align-items: start;
    }

    .plbg-comparison-table td:nth-child(2)::before {
        content: 'Pick';
        color: var(--plbg-muted);
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .08em;
    }

    .plbg-comparison-table td:nth-child(3)::before {
        content: 'Why';
        color: var(--plbg-muted);
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .08em;
    }

    .plbg-flow-panel .plbg-steps li {
        grid-template-columns: 36px minmax(0, 1fr) !important;
        column-gap: 12px;
    }
}

@media (max-width: 480px) {

    .plbg-comparison-table tr {
        padding: 14px;
    }

    .plbg-comparison-table td {
        grid-template-columns: 85px minmax(0, 1fr) !important;
        gap: 8px;
    }

    .plbg-flow-panel .plbg-steps li {
        grid-template-columns: 32px minmax(0, 1fr) !important;
        column-gap: 10px;
    }

    .plbg-step-content span {
        font-size: 13px;
        line-height: 1.55;
    }
}
/* =========================================
   LOGO BOXES
   ========================================= */

.plbg-rank-top .plbg-logo-slot {
    width: 170px !important;
    height: 58px !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 14px !important;
    overflow: hidden !important;

    border: 1px solid rgba(208,208,208,.18) !important;
    border-radius: 10px !important;
    background: rgba(0,0,0,.12) !important;
}

.plbg-rank-top .plbg-logo-slot img {
    display: block !important;
    width: 138px !important;
    height: 40px !important;
    max-width: 138px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    object-position: center !important;
}


/* =========================================
   RESPONSIBLE BETTING - EXTRA TOP SPACE
   ========================================= */

.plbg-responsible {
    margin-top: 32px !important;
}


/* =========================================
   FIXTURE TIMELINE
   ========================================= */

.plbg-fixture-section {
    position: relative;
}

.plbg-fixture-timeline {
    position: relative;
    width: 100%;
    margin: 8px 0 0;
    padding: 12px 0 8px;
}

.plbg-fixture-timeline::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 20px;
    bottom: 24px;
    width: 2px;
    background: linear-gradient(
        to bottom,
        var(--plbg-orange),
        #eefd07 55%,
        rgba(255,79,0,.35)
    );
}

.plbg-fixture-item {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0,1fr);
    gap: 18px;
    align-items: stretch;
    margin-bottom: 14px;
}

.plbg-fixture-item:last-child {
    margin-bottom: 0;
}

.plbg-fixture-marker {
    position: relative;
    z-index: 2;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plbg-fixture-marker::before {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--plbg-bg);
    border: 2px solid var(--plbg-orange);
    box-shadow: 0 0 0 5px rgba(255,79,0,.08);
}

.plbg-fixture-marker span {
    position: relative;
    z-index: 1;
    font-family: 'Barlow Condensed',Impact,sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: var(--plbg-orange);
}

.plbg-fixture-card {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(180px,1.2fr) minmax(75px,.45fr) minmax(210px,.9fr);
    gap: 20px;
    align-items: center;
    padding: 20px 22px;

    border: 1px solid var(--plbg-line);
    border-radius: 14px;
    background:
        linear-gradient(
            115deg,
            rgba(255,79,0,.09),
            rgba(255,255,255,.015) 48%,
            rgba(238,253,7,.025)
        ),
        #292d29;

    box-shadow: 0 12px 30px rgba(0,0,0,.10);
    transition:
        transform .2s var(--plbg-ease),
        border-color .2s var(--plbg-ease),
        background .2s var(--plbg-ease);
}

.plbg-fixture-card:hover {
    transform: translateX(4px);
    border-color: rgba(255,79,0,.42);
    background:
        linear-gradient(
            115deg,
            rgba(255,79,0,.12),
            rgba(255,255,255,.02) 48%,
            rgba(238,253,7,.04)
        ),
        #2d312d;
}

.plbg-fixture-card small {
    display: block;
    margin-bottom: 7px;
    color: #89918b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.plbg-fixture-period strong {
    display: block;
    color: var(--plbg-ink);
    font-size: 18px;
    line-height: 1.25;
}

.plbg-fixture-mw {
    padding-left: 20px;
    border-left: 1px solid var(--plbg-line);
}

.plbg-fixture-mw strong {
    display: block;
    color: var(--plbg-orange);
    font-family: 'Barlow Condensed',Impact,sans-serif;
    font-size: 30px;
    line-height: 1;
}

.plbg-fixture-date {
    justify-self: end;
    text-align: right;
}

.plbg-fixture-date strong {
    display: block;
    color: #eefd07;
    font-size: 13px;
    line-height: 1.45;
}

.plbg-fixture-item-last .plbg-fixture-marker::before {
    border-color: #eefd07;
    box-shadow: 0 0 0 5px rgba(238,253,7,.06);
}

.plbg-fixture-item-last .plbg-fixture-marker span {
    color: #eefd07;
}


/* =========================================
   FIXTURE NOTE + CTA
   ========================================= */

.plbg-fixture-section .plbg-calendar-note {
    margin-top: 26px !important;
}

.plbg-program-link-highlight {
    margin-top: 24px !important;
    margin-bottom: 26px !important;

    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;

    align-items: center !important;
    justify-content: center !important;
    gap: 8px;

    padding: 13px 18px !important;

    background: #eefd07 !important;
    border: 1px solid #eefd07 !important;
    border-radius: 8px !important;

    color: #222522 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;

    transition:
        transform .18s var(--plbg-ease),
        filter .18s var(--plbg-ease);
}

.plbg-program-link-highlight span {
    color: #222522 !important;
}

.plbg-program-link-highlight:hover,
.plbg-program-link-highlight:focus-visible {
    background: #eefd07 !important;
    border-color: #eefd07 !important;
    color: #222522 !important;
    filter: brightness(.94);
    transform: translateY(-2px);
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 800px) {

    .plbg-responsible {
        margin-top: 26px !important;
    }

    .plbg-fixture-timeline::before {
        left: 20px;
    }

    .plbg-fixture-item {
        grid-template-columns: 42px minmax(0,1fr);
        gap: 12px;
    }

    .plbg-fixture-marker {
        width: 42px;
        height: 42px;
    }

    .plbg-fixture-marker::before {
        width: 32px;
        height: 32px;
    }

    .plbg-fixture-marker span {
        font-size: 16px;
    }

    .plbg-fixture-card {
        grid-template-columns: 1fr 70px;
        gap: 14px;
        padding: 17px 16px;
    }

    .plbg-fixture-period {
        grid-column: 1 / 2;
    }

    .plbg-fixture-mw {
        grid-column: 2 / 3;
        grid-row: 1;
        border-left: 0;
        border-left: 1px solid var(--plbg-line);
        padding-left: 15px;
    }

    .plbg-fixture-date {
        grid-column: 1 / -1;
        justify-self: stretch;
        text-align: left;
        padding-top: 13px;
        border-top: 1px solid var(--plbg-line);
    }

    .plbg-fixture-period strong {
        font-size: 16px;
    }

    .plbg-fixture-date strong {
        font-size: 12px;
    }

    .plbg-program-link-highlight {
        width: 100% !important;
        text-align: center !important;
    }
}


@media (max-width: 540px) {

    .plbg-rank-top .plbg-logo-slot {
        width: 100% !important;
        max-width: 100% !important;
        height: 56px !important;
        min-height: 56px !important;
    }

    .plbg-rank-top .plbg-logo-slot img {
        width: 130px !important;
        height: 38px !important;
        max-width: 130px !important;
        max-height: 38px !important;
    }

    .plbg-responsible {
        margin-top: 22px !important;
    }

    .plbg-fixture-timeline {
        padding-top: 5px;
    }

    .plbg-fixture-timeline::before {
        left: 17px;
        top: 16px;
        bottom: 20px;
    }

    .plbg-fixture-item {
        grid-template-columns: 36px minmax(0,1fr);
        gap: 10px;
        margin-bottom: 11px;
    }

    .plbg-fixture-marker {
        width: 36px;
        height: 36px;
    }

    .plbg-fixture-marker::before {
        width: 28px;
        height: 28px;
    }

    .plbg-fixture-marker span {
        font-size: 14px;
    }

    .plbg-fixture-card {
        grid-template-columns: 1fr 58px;
        padding: 14px;
        border-radius: 12px;
        gap: 10px;
    }

    .plbg-fixture-card small {
        font-size: 9px;
        margin-bottom: 5px;
    }

    .plbg-fixture-period strong {
        font-size: 14px;
    }

    .plbg-fixture-mw strong {
        font-size: 25px;
    }

    .plbg-fixture-date {
        padding-top: 10px;
    }

    .plbg-fixture-date strong {
        font-size: 11px;
    }

    .plbg-fixture-section .plbg-calendar-note {
        margin-top: 20px !important;
    }

    .plbg-program-link-highlight {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding: 12px 14px !important;
        font-size: 11px !important;
    }
}/* End custom CSS */