/*
Theme Name: Holland IPTV Pro
Version: 1.1.0
Text Domain: holland-pro
*/
@font-face{font-family:Manrope;src:url(assets/manrope.woff2) format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#faf8f1;--ink:#102e30;--mute:#485d5c;--line:#cbd2c7;--accent:#a53b19;--foam:#e6ecdf;--white:#fffef9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf6c15;outline-offset:4px}button,select,input{font:inherit}button{cursor:pointer}.shell{width:min(1210px,91%);margin-inline:auto}.bar{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:2}.mast,.mast nav,.brand,.actions,.section-intro,.footer,.footer>div:last-child,figcaption,.frames{display:flex;align-items:center}.mast,.section-intro,.footer,figcaption{justify-content:space-between}.mast{min-height:76px}.brand{gap:.25em;font-size:21px;font-weight:550;text-decoration:none;letter-spacing:-.065em}.brand b{font-weight:800}.brandmark{display:inline-grid;place-items:center;width:32px;height:26px;border:2px solid currentColor;border-radius:5px;margin-right:7px;color:var(--accent);font-size:18px;line-height:1}.mast nav{gap:30px}.mast nav a,.menu-button{font-size:14px;font-weight:700;text-decoration:none}.mast nav a:hover,.textlink:hover,.footer a:hover{text-decoration:underline}.nav-cta{border:1px solid var(--ink);border-radius:40px;padding:9px 17px}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:20px;padding:7px 16px}.skip{position:absolute;left:-100vw}.skip:focus{left:12px;top:12px;z-index:10;background:white;padding:8px}.hero{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(30px,5vw,72px);align-items:center;padding-block:clamp(46px,6.5vw,96px)}.kicker,.category{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.kicker i{display:inline-block;background:var(--accent);width:24px;height:2px}.hero h1,.inner h1,.section-intro h2,.onscreen strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.057em}.hero h1{font-size:clamp(54px,6.7vw,100px);line-height:.99;margin:20px 0 25px}.hero h1 em{color:var(--accent);font-weight:400}.hero-copy>p{max-width:440px;font-size:clamp(16px,1.4vw,19px);color:var(--mute)}.actions{gap:22px;flex-wrap:wrap;margin:27px 0 10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:40px;font-weight:750;font-size:15px;padding:13px 21px}.button:hover,.nav-cta:hover{background:#254a48;color:white}.textlink,.plan a{font-weight:750;font-size:14px}.hero-copy .small{font-size:13px;margin-top:12px}.tuner{margin:0;background:#0c2928;color:#fff;border:7px solid #0c2928;border-radius:16px;overflow:hidden;box-shadow:0 15px 25px -22px #072726aa}.screen{position:relative;overflow:hidden;border-radius:9px;aspect-ratio:1.63;background:#a73610}.screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 52%}.screen:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#170f079e)}.onscreen{position:absolute;z-index:1;left:6%;bottom:7%;display:grid}.onscreen span{font-size:11px;font-weight:bold;letter-spacing:.15em;text-transform:uppercase;color:#fff4e4}.onscreen strong{font-size:clamp(32px,4.4vw,64px);line-height:1.14}.tuner figcaption{gap:10px;padding:12px 10px 7px;font-size:12px}.frames{gap:4px}.frames button{border:1px solid #65837a;color:#edf1e9;background:transparent;border-radius:24px;padding:5px 12px;font-size:12px}.frames button[aria-pressed=true]{background:#e9ead8;color:var(--ink);border-color:transparent}.band{background:var(--foam);padding:52px 0 58px;border-block:1px solid var(--line)}.section-intro{gap:30px;align-items:end;margin-bottom:23px}.section-intro h2{font-size:clamp(35px,4.1vw,56px);line-height:1.09;margin:10px 0 0}.section-intro p{max-width:368px;font-size:15px;margin:0;color:var(--mute)}.plan-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.plan,.guide{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:24px}.plan h3{margin:0 0 12px;font-size:16px;font-weight:650}.plan strong{font-size:clamp(27px,3.1vw,42px);line-height:1.2;letter-spacing:-.07em}.plan p{margin:4px 0 19px;color:var(--mute);font-size:13px}.plan a{display:block;padding-top:12px;border-top:1px solid var(--line);text-decoration:none}.plan a span{float:right}.journal{padding-block:64px}.guide{display:block;position:relative;text-decoration:none;background:transparent}.guide:hover{background:var(--white)}.guide h3{font-size:24px;letter-spacing:-.045em;line-height:1.2;margin:16px 0 9px}.guide p{margin:0 0 26px;color:var(--mute);font-size:14px}.arrow{position:absolute;right:20px;bottom:12px;color:var(--accent)}footer{background:var(--ink);color:#f8f7ed}.footer{padding-block:36px;gap:20px}.footer p{color:#c2cec5;font-size:13px;margin:6px 0}.footer .brandmark{color:#f3ab85}.footer>div:last-child{gap:20px;flex-wrap:wrap;font-size:13px}.inner{padding:40px 0 80px;min-height:66vh}.story{max-width:940px;margin:auto}.crumb,.by{color:var(--mute);font-size:13px}.inner .kicker{margin-top:24px}.inner h1{font-size:clamp(42px,6vw,76px);line-height:1.04;max-width:850px;margin:24px 0}.prose p,.prose li{max-width:70ch}.prose>p:first-child{font-size:20px;color:var(--mute)}.prose h2{font-size:29px;letter-spacing:-.05em;line-height:1.22;margin:32px 0 10px}.prose h3{line-height:1.25}.prose .plan-grid,.prose .guide-grid{margin:24px 0}.prose li{margin:8px 0}.lead{display:grid;gap:16px;max-width:630px;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.lead label{display:grid;gap:5px;font-weight:700;font-size:14px}.lead input:not([type=checkbox]),.lead select{padding:10px 12px;border:1px solid #859891;border-radius:5px;width:100%;background:white;color:var(--ink)}.lead .consent{display:flex;align-items:flex-start;gap:10px;font-weight:500}.consent input{margin-top:5px}.lead button{justify-self:start}.notice{background:var(--foam);border-left:4px solid var(--accent);padding:16px}.notice h2{margin:0}
@media(max-width:780px){.menu-button{display:block}.mast{min-height:64px}.mast nav{display:none}.mast nav.open{display:grid;position:absolute;inset:100% 0 auto;padding:15px 5% 22px;gap:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 18px #102e3014}.mast nav a{padding:12px 0}.nav-cta{border:0}.hero{grid-template-columns:1fr;padding-block:32px;gap:25px}.hero h1{margin:15px 0;font-size:clamp(54px,10vw,75px)}.hero-copy>p{margin:12px 0}.actions{margin-top:18px;gap:15px}.hero-copy .small{font-size:12px}.tuner{width:100%;max-width:600px}.section-intro,.footer{align-items:flex-start;flex-direction:column;gap:13px}.plan-grid,.guide-grid{grid-template-columns:1fr}.plan,.guide{padding:20px}.band,.journal{padding-block:36px}.footer>div:last-child{gap:14px}.inner{padding-block:26px 45px}.lead{padding:16px}.screen{aspect-ratio:1.92}.frames button{padding:5px 9px}.plan strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Mobile comparison and channel selection */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero h1{max-width:9.5em;text-wrap:balance;margin-top:0}.hero-copy .hero-rate{font-size:15px;color:var(--ink)}.hero-rate strong{font-size:21px;letter-spacing:-.05em}
.tuner figcaption{padding:11px 12px;gap:10px;font-size:13px}.tuner figcaption a{font-weight:700;color:#fff;text-underline-offset:3px}
.tarieven{margin:14px 0 18px}.tarieven table{border-collapse:separate;border-spacing:0;width:100%;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden;font-variant-numeric:tabular-nums}
.tarieven th,.tarieven td{padding:13px 17px;border-bottom:1px solid var(--line)}.tarieven tr:last-child>td,.tarieven tbody tr:last-child>th{border-bottom:0}.tarieven thead th{background:#eef1e7;font-size:13px;color:var(--mute)}.tarieven td:last-child{text-align:right}.tarieven td a,.quiet{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:3px 9px;color:var(--ink);font-weight:700}.tarieven .price-note{color:var(--mute);font-size:13px;margin:10px 0}
.home-help{padding:0 0 54px}.home-help h2{font:400 clamp(30px,4vw,48px)/1.18 Georgia,serif;letter-spacing:-.04em}.vragen{border-top:1px solid var(--line)}.vragen details{border-bottom:1px solid var(--line)}.vragen summary{padding:14px 0;cursor:pointer;font-weight:700}.vragen p{margin:0 0 14px;max-width:72ch}.guide h3 a{text-decoration:none}.device-guides .guide p{margin:8px 0 13px}.guide a:hover{text-decoration:underline}
.lead,.channel-check{scroll-margin-top:15px}.channel-check{max-width:700px;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:clamp(15px,3vw,28px);margin:20px 0}
.channel-check fieldset,.lead fieldset{min-width:0;border:0;margin:0;padding:0}.lead fieldset{display:grid;gap:14px}.lead fieldset+fieldset{border-top:1px solid var(--line);padding-top:18px}.lead legend,.channel-check legend{padding:0;font-size:20px;font-weight:750;letter-spacing:-.035em;margin-bottom:9px}.lead legend+label{margin-top:3px}.lead .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead select{min-width:0}.lead small,.channel-option small,.channel-check label>span:not(:has(strong)){color:var(--mute);font-weight:500}.lead [aria-invalid=true]{border-color:#ae371b}.lead input[type=checkbox],.channel-check input[type=checkbox]{min-width:18px;height:18px;accent-color:var(--ink)}.channel-check label:not(.channel-option){display:grid;gap:4px;font-weight:650;font-size:14px;margin-bottom:13px}.channel-check input:not([type=checkbox]),.channel-check select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #859891;border-radius:5px;background:white;color:var(--ink)}
.search-line{display:flex;align-items:center;gap:10px}.search-line label{flex:1}.quiet{border:0;background:transparent;text-decoration:underline}.channel-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.channel-option{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;cursor:pointer}.channel-option>span{display:grid}.channel-option:has(:checked){background:var(--foam);border-color:#45756c}.channel-option strong{font-size:15px}.channel-option small{font-size:12px}.channel-check [hidden]{display:none!important}#filter-status{min-height:1.3em;font-size:13px;color:var(--mute);margin:8px 0}.hero-copy .actions .textlink,.menu-button{min-height:44px;display:inline-flex;align-items:center}.menu-button{display:none}.section-intro h2{margin-top:0}
@media(max-width:780px){.menu-button{display:inline-flex}.hero{gap:17px;padding-top:27px}.hero h1{font-size:clamp(49px,12vw,75px)}.hero-copy .actions{gap:5px 15px}.mast nav.open{max-height:calc(100dvh - 64px);overflow:auto}.tarieven th,.tarieven td{padding:8px 6px;font-size:14px}.tarieven thead th{font-size:12px}.tarieven td a{padding:0 4px}.tuner figcaption{font-size:12px}.lead .pair{grid-template-columns:1fr}.channel-list{grid-template-columns:1fr}.lead input:not([type=checkbox]),.lead select,.channel-check input:not([type=checkbox]),.channel-check select{font-size:16px}.home-help{padding-bottom:32px}}

.zoekform{display:flex;gap:12px;align-items:end;margin:18px 0 26px;flex-wrap:wrap}.zoekform label{display:grid;gap:5px}.zoekform input{padding:10px 12px;border:1px solid var(--line);border-radius:5px}.results article{border-top:1px solid var(--line);padding:12px 0}.results h2{margin:0;font-size:22px}.results p{margin:7px 0;max-width:70ch}.channel-check fieldset>p{font-size:15px}


.hp-whatsapp{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:12;display:inline-flex;align-items:center;gap:.45rem;min-height:46px;padding:0 15px;border:2px solid white;border-radius:30px;background:#075c42;color:white;box-shadow:0 2px 9px #0004;font:700 15px/1.2 system-ui;text-decoration:none}
.hp-whatsapp:focus-visible{outline:3px solid #ff9944;outline-offset:2px}
body:has(.hp-whatsapp) footer{padding-bottom:4.5rem}
@media(max-width:640px){.hp-whatsapp{width:48px;height:48px;justify-content:center;padding:0;right:10px;bottom:max(10px,env(safe-area-inset-bottom))}.hp-whatsapp span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}