/*
Theme Name: German4K Premium
Theme URI: https://german4kiptv.de/
Author: German4K IPTV
Description: Lightweight German IPTV storefront with direct ordering and dedicated plan pages.
Version: 0.6.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: german4k
*/
:root{--ink:#172231;--dark:#111925;--deep:#0c1420;--blue:#315fda;--blue2:#4778fa;--gold:#f4c542;--red:#dd3b43;--paper:#fff;--soft:#f4f6fa;--line:#e2e8ef;--muted:#5e6b79;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.62 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}img{max-width:100%;height:auto}a{color:inherit}.wrap{width:min(1080px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;color:#111;padding:10px}.topline{background:#0b1119;color:#bbc6d4;text-align:center;padding:6px 12px;font-size:.76rem;letter-spacing:.05em}.head{background:#111925;border-bottom:1px solid #293544;position:sticky;top:0;z-index:20}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:82px}.brand img{display:block;width:190px;height:auto}.nav{display:flex;align-items:center;gap:25px}.nav a{text-decoration:none;color:#d9e2ed;font-size:.9rem;font-weight:650;white-space:nowrap}.nav a:hover,.nav a:focus{color:#fff}.nav .button{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:47px;padding:11px 20px;border-radius:10px;border:1px solid var(--blue);background:var(--blue);color:#fff!important;text-decoration:none;font-size:.92rem;font-weight:750;box-shadow:0 6px 15px #183c9b22;transition:background .2s,transform .2s}.button:hover{background:#204dbf;transform:translateY(-1px)}.button.alt{background:transparent;color:#eef3fc!important;border-color:#627086;box-shadow:none}.button.alt:hover{background:#ffffff10}.button.gold{background:var(--blue);border-color:var(--blue)}.button.alt-on-light{background:#fff;border-color:#a9b7ca;color:#20324a!important;box-shadow:none}.button.alt-on-light:hover{background:#eef2f8}.hero{background:radial-gradient(circle at 81% 18%,#273a51 0%,#152235 40%,#101925 80%);color:#fff;padding:75px 0 78px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:54px}.eyebrow{color:#355ed1;letter-spacing:.13em;font-weight:800;font-size:.77rem;text-transform:uppercase;margin-bottom:16px}.hero .eyebrow,.tint .eyebrow,.closing .eyebrow,.product-hero .eyebrow{color:#f5cd59}.flag-line{display:inline-block;width:24px;height:5px;margin:0 8px 2px 0;background:linear-gradient(90deg,#111 0 33%,#df3a43 33% 66%,#f4c542 66%);border-radius:4px}h1,h2,h3{line-height:1.17;letter-spacing:-.035em;margin:0 0 17px}h1{font-size:clamp(2.55rem,4.7vw,4.45rem);font-weight:820}h2{font-size:clamp(2rem,3.3vw,3.05rem);font-weight:800}h3{font-size:1.28rem;font-weight:770}p{margin:0 0 18px}.hero h1 span{color:#f4c542}.lead{font-size:1.07rem;color:#cbd6e4;max-width:59ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 0}.hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.hero-proof span{border:1px solid #45566c;border-radius:30px;padding:5px 10px;color:#cbd5e1;font-size:.73rem}.showcase{border:1px solid #50647b;background:#192838;border-radius:22px;box-shadow:0 26px 50px #0005;overflow:hidden;transform:rotate(1deg)}.showcase-top{height:47px;display:flex;align-items:center;gap:9px;padding:0 17px;font-size:.72rem;font-weight:800;letter-spacing:.13em;color:#dbe5ef}.live-dot{width:8px;height:8px;border-radius:50%;background:#eb4c51;box-shadow:0 0 0 4px #eb4c512b}.showcase-time{margin-left:auto;color:#f4c542}.showcase-visual{min-height:275px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:30px 30px 30px 36px;background:linear-gradient(118deg,#122f48,#235e7b 56%,#131e36)}.showcase-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 34%,#44b9f177,transparent 30%),linear-gradient(155deg,transparent 55%,#dc3b4542 80%,#f4c54244 100%)}.showcase-glow{position:absolute;width:200px;height:200px;border:1px solid #ffffff25;border-radius:50%;right:4%;top:12%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.showcase-content{position:relative;z-index:1}.showcase-content span{display:block;font-size:.68rem;letter-spacing:.24em;font-weight:850;color:#b6e3f7;margin-bottom:8px}.showcase-content strong{display:block;font-size:clamp(2rem,3vw,3.1rem);line-height:1.07;letter-spacing:-.05em}.showcase-content small{display:block;margin-top:16px;color:#d4e4ed}.showcase-play{position:relative;z-index:1;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#ffffffeb;color:#1d3652;box-shadow:0 14px 35px #0004;font-size:1.3rem}.showcase-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2a3a4b}.showcase-bottom div{background:#1b2b3b;padding:15px 9px;text-align:center}.showcase-bottom b{display:block;font-size:1.08rem;color:#fff}.showcase-bottom small{font-size:.6rem;font-weight:800;letter-spacing:.12em;color:#aebfd0}.section{padding:76px 0}.section.light{background:var(--soft)}.section.tint{background:#172231;color:#fff}.section-heading{max-width:700px;margin-bottom:28px}.section-heading p{color:var(--muted);font-size:1.02rem}.section-heading.centered{text-align:center;margin:0 auto 32px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;box-shadow:0 10px 28px #1c35490a}.card.featured{border:2px solid #244ec0;box-shadow:0 18px 35px #2344a322;transform:translateY(-5px)}.tag{color:#775308;font-weight:830;text-transform:uppercase;letter-spacing:.07em;font-size:.69rem}.card h3{margin:13px 0 0}.price{font-size:2.55rem;line-height:1.08;font-weight:840;letter-spacing:-.06em;color:#13243c;margin:16px 0 4px}.monthly{color:#536473;font-size:.84rem}.card ul,.tick-list{padding-left:19px;color:#314659}.card li,.tick-list li{margin:6px 0}.card .button{margin-top:auto}.card p{color:var(--muted)}.note{font-size:.82rem;color:var(--muted);margin:21px 0}.centered{text-align:center}.payment-methods{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;margin:23px 0 0;font-size:.78rem;color:var(--muted)}.payment-mark{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:7px;color:#15354d;font-weight:800;padding:6px 10px;min-width:70px;min-height:37px}.payment-mark img{display:block;object-fit:contain;max-height:26px;max-width:110px}.payment-binance{background:#151b23;border-color:#313b4a}.payment-mastercard img{max-width:42px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.feature-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#e8efff;color:#315fda;font-size:1.3rem;margin-bottom:20px}.feature h3{font-size:1.09rem;margin-bottom:9px}.feature p{font-size:.88rem;color:#536473;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px}.tint .lead{color:#cbd7e7}.sport-panel{border:1px solid #41546a;border-radius:18px;background:#223247;padding:20px 25px}.sport-row{padding:17px 0;border-bottom:1px solid #435468;display:flex;justify-content:space-between;gap:20px}.sport-row span{color:#f4c542;font-size:.75rem;letter-spacing:.12em;font-weight:800}.sport-row b{font-weight:700}.sport-panel p{font-size:.78rem;color:#b8c7d8;margin:15px 0 0}.step{border-top:2px solid #dce4ee;padding:24px 20px 12px}.step b{color:#315fda;font-size:.78rem;letter-spacing:.12em}.step h3{margin:13px 0 7px}.step p{font-size:.91rem;color:#596a7a}.device-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.device-list span{background:#fff;border:1px solid var(--line);padding:14px 18px;border-radius:10px;font-weight:740}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:14px}.faq summary:after{content:"+";font-size:1.25rem;color:#315fda;line-height:1}.faq details[open] summary:after{content:"−"}.faq p{margin:12px 0 0;color:var(--muted);font-size:.92rem}.closing{background:#e9eef8;padding:44px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing h2{font-size:2rem;margin:0 0 6px}.closing p{margin:0;color:#536473}.footer{background:#0b121c;color:#d5e0ed;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:42px}.footer img{max-width:185px}.footer a{display:block;color:#aebed0;text-decoration:none;margin:7px 0}.footer a:hover{color:#fff}.footer p{font-size:.86rem;color:#aebed0;margin:14px 0}.footer h3{font-size:1rem;color:#fff}.footer .payment-methods{justify-content:flex-start}.footer .payment-methods>span:first-child{color:#aebed0}.legal{border-top:1px solid #2e3a48;margin-top:30px;padding-top:18px;font-size:.76rem;color:#9eafc1}.breadcrumb{padding:22px 0;font-size:.83rem;color:#657384}.breadcrumb a{color:#315fda}.product-hero{background:#142132;color:#fff;padding:38px 0 64px}.product-hero h1{font-size:clamp(2.2rem,4vw,3.7rem)}.product-hero .lead{color:#cbd7e4}.product-hero .tick-list{color:#c8d7e5}.purchase{background:#fff;color:#18283a;border-radius:18px;padding:28px;border:1px solid #dce5ef;box-shadow:0 20px 40px #0003}.purchase .price{font-size:3rem}.purchase p{color:#526577}.purchase .tiny{font-size:.76rem}.order-actions{display:grid;gap:9px}.order-actions .button.alt{color:#20324a!important;border-color:#aebbc8}.order-message{border:1px solid var(--line);border-radius:10px;padding:11px;margin-top:12px;font-size:.79rem;overflow-wrap:anywhere}.order-message span{font-weight:800;color:#315fda}.order-message p{margin:7px 0}.copy-order{border:1px solid #aab9cc;background:#fff;color:#20324a;border-radius:7px;padding:7px 10px;cursor:pointer}.comparison{width:100%;border-collapse:collapse}.comparison th,.comparison td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.comparison th{color:#315fda}.content{max-width:760px;min-height:45vh}.content a{color:#315fda}.content h2{margin-top:38px}.content p{color:#415467}.section .card .tick-list{color:#314659}.tiny{font-size:.78rem;color:#bac8d8}.light .lead{color:#526577}.light .eyebrow{color:#315fda}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f4c542;outline-offset:3px}@media(max-width:920px){.hero-grid{gap:25px}.nav{gap:13px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.head-inner{min-height:0;padding:13px 0;align-items:flex-start;flex-direction:column;gap:10px}.brand img{width:176px}.nav{width:100%;flex-wrap:wrap;gap:6px 16px}.nav a{font-size:.82rem}.nav a[href*="#so-gehts"]{display:none}.nav .button{min-height:38px;padding:7px 12px}.hero{padding:52px 0 55px}.hero-grid,.grid2{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(2.35rem,9vw,3.7rem)}.showcase{max-width:560px;width:100%;transform:none}.section{padding:58px 0}.cards{grid-template-columns:1fr}.card.featured{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.closing-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.product-hero{padding:25px 0 50px}}@media(max-width:480px){.wrap{width:min(100% - 30px,1080px)}.nav{gap:7px 14px}.nav .button{width:100%}.hero h1{font-size:2.55rem}.hero-proof{gap:6px}.hero-proof span{font-size:.67rem}.showcase-visual{min-height:228px;padding:22px}.showcase-content strong{font-size:2rem}.showcase-play{width:49px;height:49px}.feature-grid{grid-template-columns:1fr}.feature{padding:20px}.footer-grid{grid-template-columns:1fr}.device-list{grid-template-columns:1fr 1fr}.comparison th,.comparison td{padding:9px 5px;font-size:.8rem}}
/* Visual product cards and photographic service previews */
.showcase-visual{overflow:hidden;background:#0d1725}.showcase-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}.showcase-visual:before{z-index:1;background:linear-gradient(90deg,#07111fe8 0%,#0c1b2d9c 43%,#0c1b2d1c 100%)}.showcase-glow{display:none}.showcase-play{display:none}.showcase-content{z-index:2}.showcase-content strong{text-shadow:0 3px 16px #06111edc}.device-illustration{min-width:0}.device-illustration>img{display:block;width:100%;height:auto;border-radius:15px;box-shadow:0 20px 35px #20304c22}.device-illustration .device-list{margin-top:13px;grid-template-columns:repeat(3,1fr);gap:7px}.device-illustration .device-list span{font-size:.75rem;padding:7px 8px;text-align:center;white-space:nowrap}.plan-card{padding:0;overflow:hidden}.plan-card.featured{transform:translateY(-5px)}.plan-visual{height:120px;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center;position:relative;color:#fff}.plan-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1421e8,#172e49a0 67%,#10213c4a)}.plan-visual>*{position:relative}.plan-visual span{font-size:.69rem;font-weight:850;letter-spacing:.16em;color:#f6d368}.plan-visual b{font-size:1.12rem;line-height:1.1;letter-spacing:.09em}.plan-3{background-image:url('assets/hero-cinema.webp');background-position:20% 50%}.plan-6{background-image:url('assets/devices.webp');background-position:52% 35%}.plan-12{background-image:url('assets/hero-cinema.webp');background-position:85% 43%}.plan-body{padding:23px 23px 24px;display:flex;flex:1;flex-direction:column}.plan-card h3{font-size:1.34rem;margin:8px 0 12px}.plan-pricing{display:flex;align-items:baseline;gap:11px}.plan-pricing .price{font-size:2.38rem;margin:0}.plan-pricing .monthly{margin:0;font-size:.76rem;white-space:nowrap}.plan-label{border-bottom:1px solid var(--line);padding:7px 0 15px;color:#617083;font-size:.64rem;font-weight:800;letter-spacing:.075em}.plan-card ul{list-style:none;padding:10px 0 0;margin:0}.plan-card li{position:relative;padding-left:23px;font-size:.87rem;margin:7px 0}.plan-card li:before{content:"✓";position:absolute;left:0;color:#2d62d7;font-weight:900}.plan-card .plan-extra{font-size:.75rem;line-height:1.5;margin:12px 0 20px;color:#627184}.plan-card .button{width:100%}.plan-card.featured .plan-visual:after{content:"BELIEBT";position:absolute;right:18px;top:16px;background:#f4c542;color:#172231;border-radius:5px;padding:3px 8px;font-size:.62rem;font-weight:900;letter-spacing:.08em}.plan-card.featured .plan-body{background:#f8faff}@media(max-width:760px){.plan-card.featured{transform:none}.plan-visual{height:115px}.device-illustration .device-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.device-illustration .device-list{grid-template-columns:repeat(2,1fr)}.showcase-visual{min-height:235px}.plan-pricing{flex-wrap:wrap;gap:2px 10px}}
/* Version 0.4: separate vector package art, detailed product pages and footer */
.plan-visual{height:auto;aspect-ratio:900/520;padding:0;background:#f6f8fb;display:block}
.plan-visual:before,.plan-card.featured .plan-visual:after{display:none}
.plan-visual img{width:100%;height:100%;display:block;object-fit:cover}
.plan-card.featured{position:relative}
.plan-card.featured .plan-body:before{content:'BELIEBT';align-self:flex-start;background:#f4c542;color:#172231;border-radius:5px;padding:4px 9px;font-size:.65rem;font-weight:900;letter-spacing:.08em;margin-bottom:12px}
.purchase{padding:0;overflow:hidden}
.product-box-art{background:#f6f8fb;border-bottom:1px solid #e1e8f1}
.product-box-art img{display:block;width:100%;height:auto}
.purchase-content{padding:24px 29px 29px}
.plan-description{max-width:820px}
.plan-description h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.plan-description h3{font-size:1.3rem;margin:29px 0 10px}
.plan-description p{color:#415467;max-width:75ch}
.plan-description a{color:#204dbf;text-decoration-thickness:1px;text-underline-offset:3px}
.footer{padding:0 0 22px;background:#0b1420}
.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 0;margin-bottom:50px;border-bottom:1px solid #344154}
.footer-kicker{font-size:.72rem;letter-spacing:.14em;font-weight:850;color:#f4c542}
.footer-cta h2{font-size:clamp(1.5rem,2.6vw,2.15rem);margin:7px 0}
.footer-cta p{margin:0;color:#b8c8db}
.footer-actions{display:flex;gap:10px;flex-wrap:wrap}
.footer-actions .button.alt{color:#fff!important;border-color:#61738d}
.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:29px;padding-bottom:36px}
.footer-brand img{max-width:190px;width:190px;height:auto}
.footer-brand p{max-width:32ch}
.footer-location{display:block;color:#94a8bc;font-size:.82rem;margin-top:10px}
.footer-grid h3{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:7px 0 19px}
.footer-grid a{line-height:1.45;margin:10px 0;font-size:.86rem}
.footer-mail{overflow-wrap:anywhere}
.footer-payments{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #344154;border-bottom:1px solid #344154;padding:22px 0}
.footer-payments strong,.footer-payments small{display:block}
.footer-payments strong{font-size:.9rem;color:#fff}
.footer-payments small{font-size:.76rem;color:#aebed0;margin-top:2px}
.footer-payments .payment-methods{margin:0;justify-content:flex-end}
.footer-payments .payment-methods>span:first-child{display:none}
.footer-payments .payment-mark{min-width:80px;min-height:42px;border-radius:7px}
.legal{border:0;margin:0;padding:20px 0 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-cta,.footer-payments{align-items:flex-start;flex-direction:column}.footer-payments .payment-methods{justify-content:flex-start}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;gap:15px}.footer-cta{margin-bottom:31px}.footer-actions{width:100%}.footer-actions .button{flex:1}.footer-payments .payment-mark{min-width:68px}.purchase-content{padding:23px}}
/* Version 0.5: compact purchase, photographic boxes and player gallery */
.hero{background:radial-gradient(circle at 88% 8%,#223754 0%,#152336 42%,#0d1726 85%)}
.product-hero{padding:36px 0 44px;background:radial-gradient(circle at 78% 30%,#253c5b 0%,#142338 40%,#111d2e 85%)}
.product-hero .grid2{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:46px}
.product-hero h1{font-size:clamp(2.15rem,3.7vw,3.25rem)}
.product-hero .lead{font-size:1rem}
.purchase{max-width:460px;justify-self:end;width:100%;border-radius:16px}
.product-box-art{height:200px;background:#fff;overflow:hidden;display:grid;place-items:center}
.product-box-art img{width:100%;height:100%;object-fit:contain}
.purchase-content{padding:18px 24px 20px}
.purchase-content h2{font-size:1.55rem;margin:3px 0}
.purchase .price{font-size:2.35rem;margin:5px 0}
.purchase-content>p{margin:0 0 3px;font-size:.85rem}
.purchase-content .monthly{margin-bottom:13px;color:#4e5f74}
.purchase-content .tiny{margin:9px 0 0;font-size:.71rem}
.order-actions{grid-template-columns:1fr 1fr;gap:8px}
.order-actions .button{padding:9px 8px;min-height:48px;font-size:.79rem;gap:6px;line-height:1.1}
.order-actions .button img{flex:none;width:22px;height:22px}
.button.whatsapp-order{background:#168b4b;border-color:#168b4b;color:#fff!important}
.button.whatsapp-order:hover{background:#0b7540}
.button.telegram-order{background:#168dc4;border-color:#168dc4;color:#fff!important}
.button.telegram-order:hover{background:#0679b1}
.order-message{padding:0;margin:11px 0 0;border:1px solid #d9e2eb;border-radius:8px;background:#f7f9fc}
.order-message summary{padding:8px 12px;font-size:.76rem;font-weight:750;cursor:pointer;color:#365b91}
.order-message p,.order-message .copy-order{margin:4px 12px 10px}
.plan-visual{aspect-ratio:3/2;background:#fff}
.plan-visual img{object-fit:cover}
.plan-card.featured .plan-body:before{margin-bottom:6px}
.payment-methods{gap:7px;margin-top:16px}
.payment-mark{min-width:62px;min-height:34px;padding:5px 8px;border-radius:6px;box-shadow:0 2px 8px #23304408}
.payment-mark img{height:19px;max-height:19px;max-width:70px;width:auto}
.payment-binance{background:#fff;border-color:var(--line)}
.payment-binance img{max-width:75px;height:17px;filter:brightness(.6)}
.payment-mastercard img{width:32px;height:20px;max-width:32px;max-height:20px}
.footer-payments .payment-mark{min-width:62px;min-height:34px}
.player-section{background:#edf2f8;padding:44px 0 48px;border-bottom:1px solid #dbe4ef}
.player-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}
.player-heading .eyebrow{margin-bottom:9px}
.player-heading h2{font-size:clamp(1.7rem,2.8vw,2.45rem);margin-bottom:7px}
.player-heading p{color:#5d6d80;font-size:.9rem;max-width:65ch;margin:0}
.slider-controls{display:flex;gap:7px;flex:none}
.slider-controls button{width:40px;height:40px;border:1px solid #c5d1e1;border-radius:50%;background:#fff;color:#1c3b67;font-size:1.2rem;cursor:pointer}
.slider-controls button:hover{background:#e0eaff}
.player-track{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 2px 12px}
.player-tile{flex:0 0 185px;scroll-snap-align:start;overflow:hidden;background:#fff;border:1px solid #dae3ef;border-radius:13px;box-shadow:0 6px 15px #1833530e}
.player-tile img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.player-tile div{padding:12px 14px 14px}
.player-tile span{font-size:.63rem;font-weight:850;color:#4565a0;letter-spacing:.1em;text-transform:uppercase}
.player-tile h3{font-size:.98rem;margin:3px 0 0;letter-spacing:-.02em}
@media(max-width:760px){.product-hero{padding:28px 0 34px}.product-hero .grid2{grid-template-columns:1fr;gap:22px}.purchase{max-width:none;justify-self:stretch}.product-box-art{height:170px}.product-hero h1{font-size:2.3rem}.product-hero .tick-list,.product-hero .actions{display:none}.player-section{padding:36px 0}.player-tile{flex-basis:160px}.player-heading{align-items:center}}
@media(max-width:480px){.purchase-content{padding:17px}.product-box-art{height:155px}.order-actions .button{font-size:.73rem}.order-actions .button img{width:20px;height:20px}.player-tile{flex-basis:147px}.slider-controls button{width:34px;height:34px}.payment-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.payment-methods>span:first-child{grid-column:1/-1;text-align:center}.payment-mark{min-width:0;padding:4px}.payment-mark img{max-width:100%;height:17px}.footer-payments .payment-methods{width:100%}}
.seo-intro{max-width:790px;margin:38px auto 0;padding:24px 28px;border-radius:13px;background:#f5f8fc;border:1px solid #e2eaf3}
.seo-intro h3{margin:0 0 8px;font-size:1.2rem}
.seo-intro p{color:#506073;font-size:.87rem;margin:0 0 11px}
.seo-intro p:last-child{margin-bottom:0}
@media(max-width:480px){.seo-intro{padding:20px}}
/* Compact image viewport fix for replaced elements inside purchase panel */
.product-box-art{position:relative;display:block}
.product-box-art img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:contain}
/* Version 0.6: moving player logo gallery from user-provided reference */
.logo-marquee-section{background:#101925;color:#fff;padding:42px 0 22px;overflow:hidden}
.logo-marquee-heading{text-align:center;margin-bottom:24px}
.logo-marquee-heading .eyebrow{color:#f4c542;margin-bottom:8px}
.logo-marquee-heading h2{font-size:clamp(1.65rem,2.8vw,2.35rem);margin-bottom:7px}
.logo-marquee-heading p{font-size:.89rem;color:#b6c5d8;margin:0}
.logo-marquee-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.logo-marquee-track{display:flex;width:max-content;gap:18px;animation:g4k-marquee 46s linear infinite}
.logo-marquee-viewport:hover .logo-marquee-track,.logo-marquee-viewport:focus-within .logo-marquee-track{animation-play-state:paused}
.logo-marquee-item{flex:0 0 255px;width:255px;height:94px;display:block;border-radius:15px;background-image:url('assets/player-logos-reference.png');background-repeat:no-repeat;background-size:1276px 500px;filter:drop-shadow(0 6px 10px #0004)}
.logo-slot-0{background-position:-34px -39px}.logo-slot-1{background-position:-343px -39px}.logo-slot-2{background-position:-652px -39px}.logo-slot-3{background-position:-961px -39px}
.logo-slot-4{background-position:-34px -180px}.logo-slot-5{background-position:-343px -180px}.logo-slot-6{background-position:-652px -180px}.logo-slot-7{background-position:-961px -180px}
.logo-slot-8{background-position:-34px -323px}.logo-slot-9{background-position:-343px -323px}.logo-slot-10{background-position:-652px -323px}.logo-slot-11{background-position:-961px -323px}
@keyframes g4k-marquee{to{transform:translateX(-50%)}}
.logo-marquee-note{text-align:center;color:#9eb1c8;font-size:.75rem;margin:20px 0 0}
@media(prefers-reduced-motion:reduce){.logo-marquee-track{animation:none}.logo-marquee-viewport{overflow-x:auto;mask-image:none}}
@media(max-width:600px){.logo-marquee-section{padding:34px 0 17px}.logo-marquee-item{transform:scale(.84);transform-origin:center center;margin:-8px -18px}.logo-marquee-track{gap:0}.logo-marquee-note{font-size:.7rem}}