/* Speelse Tarieven-pagina. Alles is lokaal gescoped zodat andere pagina's, betalingen en mobiele navigatie ongewijzigd blijven. */
body.tl-pricing-playful{background:#faf8f4}
body.tl-pricing-playful .page-hero{
 position:relative;isolation:isolate;overflow:hidden;margin-top:26px;padding:42px 48px 38px;
 border-radius:35px;border:1px solid #f2d6c4;
 background:radial-gradient(circle at 98% 8%,rgba(249,143,81,.26),transparent 35%),linear-gradient(118deg,#fffaf3,#fff0e2);
 box-shadow:0 15px 45px rgba(137,77,38,.065)
}
body.tl-pricing-playful .page-hero:before,
body.tl-pricing-playful .page-hero:after{content:'';position:absolute;pointer-events:none;z-index:-1;border-radius:50%}
body.tl-pricing-playful .page-hero:before{width:240px;height:240px;right:-113px;top:-128px;border:32px solid rgba(247,153,85,.15)}
body.tl-pricing-playful .page-hero:after{width:130px;height:130px;left:-85px;bottom:-80px;background:rgba(250,139,74,.1)}
body.tl-pricing-playful .page-hero .eyebrow{
 display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #f0cfb8;
 border-radius:999px;padding:7px 14px;margin-bottom:22px;font-size:10px;letter-spacing:.13em;
 box-shadow:0 5px 15px rgba(141,78,36,.04);color:#b34f1b
}
body.tl-pricing-playful .page-hero .eyebrow:before{display:none}
body.tl-pricing-playful .page-hero .eyebrow span{font-size:15px;color:#ef7932;line-height:1}
body.tl-pricing-playful .page-hero h1{max-width:900px;font-weight:700;font-size:clamp(44px,5.65vw,75px);line-height:1.09;letter-spacing:-.065em}
body.tl-pricing-playful .page-hero h1 em{color:#bf4d1b}
body.tl-pricing-playful .page-hero .intro{font-size:15px;line-height:1.7;color:#4f5c59;margin-top:19px;max-width:690px}
body.tl-pricing-playful .tl-pay-pill-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:27px}
body.tl-pricing-playful .tl-pay-pill-row>span:not(.tl-pay-pill-arrow){
 display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.92);
 border:1px solid #ecd2be;border-radius:999px;padding:9px 14px;
 color:#34433b;font-size:12px;font-weight:800;box-shadow:0 6px 15px rgba(127,60,26,.04)
}
body.tl-pricing-playful .tl-pay-pill-row b{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;background:#e87535;color:#fff;border-radius:50%;font-size:11px}
body.tl-pricing-playful .tl-pay-pill-row .tl-pay-pill-arrow{color:#c56530;font-size:22px;line-height:1}
body.tl-pricing-playful .tl-pay-pill-row .tl-pay-chip-quiet{background:#e6f3e8!important;border-color:#c5dec9!important;color:#2f7351!important}
body.tl-pricing-playful .price-hero{
 position:relative;isolation:isolate;overflow:hidden;
 margin-top:23px;align-items:center;gap:34px;
 padding:37px 42px;border-radius:31px;border:1px solid #eec7a9;
 background:linear-gradient(115deg,#ffecdb 0%,#fff8f0 65%);
 box-shadow:0 12px 36px rgba(125,67,31,.06)
}
body.tl-pricing-playful .price-hero:before{content:'';position:absolute;z-index:-1;right:-80px;bottom:-115px;width:255px;height:255px;border:2px dashed #f4d5bd;border-radius:50%}
body.tl-pricing-playful .price-hero>div:first-child{position:relative;flex:0 0 38%;min-width:0}
body.tl-pricing-playful .price-hero small{font-weight:850;letter-spacing:.1em;font-size:11px;color:#b44f1c}
body.tl-pricing-playful .price-hero>div>strong{font-size:clamp(76px,8vw,115px);font-weight:800;letter-spacing:-.085em;line-height:1.05;margin-top:12px;color:#263b36}
body.tl-pricing-playful .tl-price-icon{
 position:absolute;right:12%;top:-6px;display:grid;place-items:center;width:61px;height:61px;
 border-radius:20px;background:#fff9f3;border:1px solid #f0d6c5;box-shadow:0 8px 20px rgba(156,90,44,.08);
 font-size:30px;transform:rotate(9deg)
}
body.tl-pricing-playful .price-hero p{max-width:540px;color:#4d6057;font-size:15px;line-height:1.8}
body.tl-pricing-playful .tl-rates-section{padding-top:55px;padding-bottom:67px}
body.tl-pricing-playful .tl-rates-section .section-heading{margin-bottom:20px}
body.tl-pricing-playful .tl-rates-section .section-heading .eyebrow{
 font-size:11px;color:#bc551e;letter-spacing:.11em;margin-bottom:13px
}
body.tl-pricing-playful .tl-rates-section .section-heading h2{font-size:clamp(38px,4vw,54px);font-weight:750;line-height:1.12}
body.tl-pricing-playful .tl-rates-section .section-heading h2 em{font-style:normal;color:#ba4f1c}
body.tl-pricing-playful .tl-rates-section .section-heading>p{font-size:13px;line-height:1.7}
body.tl-pricing-playful .tl-carousel-heading{margin-bottom:16px}
body.tl-pricing-playful .tl-carousel-heading>p{
 display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 14px;
 background:#fff0e4;border:1px solid #f2d7c6;color:#ae4c1c;font-size:13px;font-weight:800
}
body.tl-pricing-playful .tl-carousel-heading>p span{font-size:20px;line-height:.8}
body.tl-pricing-playful .tl-carousel-controls button{
 background:#fff;border-color:#eebda0;width:48px;height:48px;box-shadow:0 6px 13px rgba(150,75,33,.07);color:#cb581f
}
body.tl-pricing-playful .tl-carousel-controls button:not(:disabled):hover{background:#ffdeca;transform:translateY(-2px) scale(1.04)}
body.tl-pricing-playful .tl-carousel-controls button:disabled{opacity:.35}
body.tl-pricing-playful .tl-carousel-count{font-size:13px;font-weight:850;color:#263832}
body.tl-pricing-playful .rate-grid.tl-carousel-track{
 gap:19px;grid-auto-columns:calc((100% - 23px)/2);padding:8px 5px 24px;scroll-padding-inline:5px
}
body.tl-pricing-playful .tl-carousel-track>.rate-card{
 position:relative;overflow:hidden;border:1.5px solid #ead6c5;border-radius:32px;
 padding:27px 28px 27px;min-height:395px;background:linear-gradient(145deg,#fffefa,#fff8f1);
 box-shadow:0 13px 32px rgba(95,50,24,.075);transition:transform .25s ease,box-shadow .25s ease
}
body.tl-pricing-playful .tl-carousel-track>.rate-card:hover{transform:translateY(-3px);box-shadow:0 17px 42px rgba(95,50,24,.12)}
body.tl-pricing-playful .tl-carousel-track>.rate-card:before{content:'';pointer-events:none;position:absolute;width:175px;height:175px;border-radius:50%;background:rgba(243,145,87,.1);top:-105px;right:-65px}
body.tl-pricing-playful .tl-carousel-track>.rate-card.tl-rate-spoed{border-color:#eeb68d;background:linear-gradient(145deg,#fff0e0,#fffaf5 72%)}
body.tl-pricing-playful .tl-carousel-track>.rate-card.tl-rate-turbo{border-color:#c6decf;background:linear-gradient(145deg,#f0f8f3,#fffdf8 83%)}
body.tl-pricing-playful .tl-rate-turbo:before{background:rgba(115,174,136,.12)!important}
body.tl-pricing-playful .tl-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}
body.tl-pricing-playful .tl-route-tag{display:inline-flex;align-items:center;gap:6px;color:#bd521d;font-size:10px;font-weight:850;letter-spacing:.095em;text-transform:uppercase}
body.tl-pricing-playful .tl-route-tag b{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#ec7539;color:#fff;font-size:11px;letter-spacing:0}
body.tl-pricing-playful .tl-rate-turbo .tl-route-tag{color:#28664c}
body.tl-pricing-playful .tl-rate-turbo .tl-route-tag b{background:#2b8a64}
body.tl-pricing-playful .tl-card-icon{display:grid;place-items:center;flex-shrink:0;width:51px;height:51px;border:1px solid #f4d4bd;border-radius:17px;background:#ffebdc;font-size:26px;transform:rotate(7deg)}
body.tl-pricing-playful .tl-rate-spoed .tl-card-icon{background:#ffdfc9;border-color:#efbc9d}
body.tl-pricing-playful .tl-rate-turbo .tl-card-icon{background:#e0efe5;border-color:#c0dfcb}
body.tl-pricing-playful .rate-card h3{font-size:clamp(32px,3.5vw,43px);font-weight:800;letter-spacing:-.055em}
body.tl-pricing-playful .rate-card>p{font-size:13px;line-height:1.7;margin-top:12px;min-height:50px;color:#5a6862}
body.tl-pricing-playful .tl-rate-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
body.tl-pricing-playful .tl-rate-chips span{display:inline-flex;align-items:center;min-height:29px;border-radius:999px;padding:5px 10px;background:rgba(255,255,255,.86);border:1px solid #f1d8c7;color:#80502f;font-size:10px;font-weight:750;line-height:1.25}
body.tl-pricing-playful .tl-rate-turbo .tl-rate-chips span{border-color:#d3e9db;color:#326e52}
body.tl-pricing-playful .rate-card .rate{
 display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:18px 0 10px;
 padding:16px 18px;border:1px solid #eee1d5;border-radius:21px;
 background:rgba(255,255,255,.91);font-size:clamp(55px,5.3vw,75px);line-height:1.15;
 font-weight:800;color:#263b36;letter-spacing:-.07em
}
body.tl-pricing-playful .rate-card .rate span{font-size:13px;font-weight:700;white-space:nowrap;letter-spacing:0;color:#b55626}
body.tl-pricing-playful .rate-card .rate-foot{font-size:12px;font-weight:650;color:#52635a;margin:5px 0 24px;padding-left:21px;position:relative}
body.tl-pricing-playful .rate-card .rate-foot:before{content:'✓';position:absolute;left:0;top:0;font-size:14px;font-weight:850;color:#2b9265}
body.tl-pricing-playful .rate-card>.button,
body.tl-pricing-playful .rate-card>.button.outline{
 min-height:55px;width:100%;border:1px solid #e86929;border-radius:999px;
 padding:7px 8px 7px 20px;display:flex;justify-content:space-between;align-items:center;
 font-weight:850;font-size:13px;color:#fff;background:#e86929;
 box-shadow:0 9px 22px rgba(226,103,39,.19);transition:background .2s,transform .2s
}
body.tl-pricing-playful .rate-card>.button span{display:grid;place-items:center;flex-shrink:0;background:#fff;color:#d96120;width:39px;height:39px;border-radius:50%;font-size:19px}
body.tl-pricing-playful .rate-card>.button:hover{background:#c95419;transform:translateY(-1px)}
body.tl-pricing-playful .tl-rate-turbo>.button{background:#287759!important;border-color:#287759!important;box-shadow:0 9px 22px rgba(36,112,80,.16)}
body.tl-pricing-playful .tl-rate-turbo>.button span{color:#287759}
body.tl-pricing-playful .tl-rate-turbo>.button:hover{background:#1c6046!important}
body.tl-pricing-playful .trajectory-note{
 max-width:none;margin-top:5px;padding:16px 19px;background:#fffdf9;border:1px solid #e9dfd5;border-radius:18px
}
body.tl-pricing-playful .trajectory-note>span{display:grid;place-items:center;flex-shrink:0;height:27px;width:27px;background:#fff0e3;color:#bf5c25;border-radius:50%}
body.tl-pricing-playful .tl-pay-steps{background:#fff1e5;border-top:1px solid #ecd4c3;border-bottom:1px solid #ecd4c3}
body.tl-pricing-playful .tl-pay-steps .section-heading{margin-bottom:27px}
body.tl-pricing-playful .tl-pay-steps h2{font-size:clamp(36px,4vw,51px);font-weight:750}
body.tl-pricing-playful .tl-pay-steps h2 em{font-style:normal;color:#b44f1a}
body.tl-pricing-playful .tl-pay-steps .eyebrow{color:#bb541f}
body.tl-pricing-playful .tl-pay-steps .info-grid{gap:17px}
body.tl-pricing-playful .tl-pay-steps .info-card{
 border:1px solid #efd5c1;border-radius:28px;padding:24px;min-height:245px;
 background:#fffefa;box-shadow:0 11px 26px rgba(119,63,28,.06)
}
body.tl-pricing-playful .tl-pay-steps .info-card:nth-child(2){background:#fff9ef}
body.tl-pricing-playful .tl-pay-steps .info-card:nth-child(3){background:#f2f9f2;border-color:#cbded0}
body.tl-pricing-playful .tl-step-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
body.tl-pricing-playful .tl-step-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#ffead8;border:1px solid #f2cfb4;font-size:25px}
body.tl-pricing-playful .info-card:nth-child(2) .tl-step-icon{background:#ffddc6}
body.tl-pricing-playful .info-card:nth-child(3) .tl-step-icon{background:#dcefe0;border-color:#c3ddcb}
body.tl-pricing-playful .tl-pay-steps .info-card .number{
 font-size:12px;letter-spacing:.03em;display:grid;place-items:center;
 background:#fff0e3;border:1px solid #f1d3be;border-radius:999px;width:38px;height:38px;color:#bb591e
}
body.tl-pricing-playful .tl-pay-steps .info-card h3{font-size:24px;font-weight:800;margin:20px 0 12px;letter-spacing:-.045em}
body.tl-pricing-playful .tl-pay-steps .info-card p{font-size:12px;line-height:1.75}
body.tl-pricing-playful .tl-pricing-cta{padding-top:49px;padding-bottom:65px}
body.tl-pricing-playful .highlight-banner{
 position:relative;isolation:isolate;overflow:hidden;border-radius:31px;border:1px solid #f0c8a8;
 background:radial-gradient(circle at 100% 0%,rgba(244,166,108,.23),transparent 40%),linear-gradient(117deg,#fff4e5,#ffe5cf);
 box-shadow:0 12px 30px rgba(125,70,33,.06)
}
body.tl-pricing-playful .highlight-banner h2{font-weight:750;line-height:1.13}
body.tl-pricing-playful .highlight-banner .eyebrow{color:#b64f1b}
body.tl-pricing-playful .highlight-banner .eyebrow:before{display:none}
body.tl-pricing-playful .highlight-banner>div>p:last-child{font-size:13px;line-height:1.75}
body.tl-pricing-playful .highlight-banner .button{border-radius:999px;padding:9px 10px 9px 21px;min-height:54px;font-weight:850;flex-shrink:0;display:inline-flex;align-items:center;gap:18px}
body.tl-pricing-playful .highlight-banner .button span{display:grid;place-items:center;background:#fff;color:#d96120;border-radius:50%;height:36px;width:36px;font-size:19px}
@media(max-width:760px){
 body.tl-pricing-playful .page-hero{width:calc(100% - 30px);margin-top:15px;padding:23px 19px 24px;border-radius:27px}
 body.tl-pricing-playful .page-hero:before{width:142px;height:142px;right:-80px;top:-65px;border-width:20px}
 body.tl-pricing-playful .page-hero h1{font-size:clamp(33px,8.7vw,44px);line-height:1.12;overflow-wrap:break-word}
 body.tl-pricing-playful .page-hero .eyebrow{font-size:9px;padding:6px 11px;margin-bottom:15px}
 body.tl-pricing-playful .page-hero .intro{font-size:12px;line-height:1.65;margin-top:13px}
 body.tl-pricing-playful .tl-pay-pill-row{gap:7px;margin-top:19px}
 body.tl-pricing-playful .tl-pay-pill-row>span:not(.tl-pay-pill-arrow){padding:7px 10px;font-size:10px;gap:6px}
 body.tl-pricing-playful .tl-pay-pill-row b{height:20px;width:20px;font-size:10px}
 body.tl-pricing-playful .tl-pay-pill-row .tl-pay-pill-arrow{display:none}
 body.tl-pricing-playful .price-hero{width:calc(100% - 38px);margin-top:15px;padding:24px 21px;border-radius:25px;gap:17px}
 body.tl-pricing-playful .price-hero>div:first-child{flex:auto;width:100%}
 body.tl-pricing-playful .price-hero small{font-size:10px}
 body.tl-pricing-playful .price-hero>div>strong{font-size:clamp(75px,20vw,100px);margin-top:9px}
 body.tl-pricing-playful .tl-price-icon{width:54px;height:54px;font-size:26px;right:4%;top:0}
 body.tl-pricing-playful .price-hero p{font-size:12px;line-height:1.75}
 body.tl-pricing-playful .tl-rates-section{padding-top:33px;padding-bottom:47px}
 body.tl-pricing-playful .tl-rates-section .section-heading{margin-bottom:18px}
 body.tl-pricing-playful .tl-rates-section .section-heading h2{font-size:clamp(33px,9vw,44px)}
 body.tl-pricing-playful .tl-rates-section .section-heading>p{font-size:12px}
 body.tl-pricing-playful .tl-carousel-heading>p{font-size:10px;padding:8px 10px;max-width:165px;gap:5px}
 body.tl-pricing-playful .tl-carousel-heading>p span{font-size:17px}
 body.tl-pricing-playful .tl-carousel-controls{gap:4px}
 body.tl-pricing-playful .tl-carousel-controls button{height:36px;width:36px;font-size:18px}
 body.tl-pricing-playful .tl-carousel-count{min-width:39px;font-size:11px}
 body.tl-pricing-playful .rate-grid.tl-carousel-track{grid-auto-columns:calc(100% - 32px);gap:12px;padding:6px 3px 20px;scroll-padding-inline:3px}
 body.tl-pricing-playful .tl-carousel-track>.rate-card{min-height:350px;border-radius:27px;padding:21px 20px 20px}
 body.tl-pricing-playful .tl-card-topline{margin-bottom:11px}
 body.tl-pricing-playful .tl-card-icon{height:43px;width:43px;border-radius:15px;font-size:23px}
 body.tl-pricing-playful .rate-card h3{font-size:32px}
 body.tl-pricing-playful .rate-card>p{min-height:0;font-size:12px}
 body.tl-pricing-playful .rate-card .rate{margin-top:16px;padding:13px 15px;border-radius:17px;font-size:58px}
 body.tl-pricing-playful .rate-card .rate-foot{margin-bottom:19px;font-size:11px}
 body.tl-pricing-playful .trajectory-note{padding:14px 12px;margin-top:3px}
 body.tl-pricing-playful .trajectory-note p{font-size:10px}
 body.tl-pricing-playful .tl-pay-steps{padding-top:43px;padding-bottom:49px}
 body.tl-pricing-playful .tl-pay-steps h2{font-size:clamp(33px,9vw,43px)}
 body.tl-pricing-playful .tl-pay-steps .info-card{min-height:0;padding:20px 21px;border-radius:24px}
 body.tl-pricing-playful .tl-pay-steps .info-card h3{font-size:22px;margin:15px 0 9px}
 body.tl-pricing-playful .tl-step-icon{width:45px;height:45px;border-radius:15px;font-size:22px}
 body.tl-pricing-playful .tl-pricing-cta{padding-top:40px;padding-bottom:54px}
 body.tl-pricing-playful .highlight-banner{padding:25px 23px;border-radius:26px}
 body.tl-pricing-playful .highlight-banner h2{font-size:clamp(30px,8vw,40px)}
 body.tl-pricing-playful .highlight-banner .button{margin-top:22px}
}
@media(max-width:350px){
 body.tl-pricing-playful .page-hero h1{font-size:32px}
 body.tl-pricing-playful .tl-carousel-heading{flex-wrap:wrap}
 body.tl-pricing-playful .rate-card .rate{font-size:50px}
}
@media(prefers-reduced-motion:reduce){
 body.tl-pricing-playful .tl-carousel-track>.rate-card,
 body.tl-pricing-playful .rate-card>.button,
 body.tl-pricing-playful .tl-carousel-controls button{transition:none}
}
/* TL_VECTOR_ICONS_V1: dezelfde iconenset als op Trajecten */
body.tl-pricing-playful .tl-card-icon svg{display:block;width:27px;height:27px}
body.tl-pricing-playful .tl-price-icon svg{display:block;width:32px;height:32px}
body.tl-pricing-playful .tl-step-icon svg{display:block;width:28px;height:28px}
body.tl-pricing-playful .tl-card-icon,
body.tl-pricing-playful .tl-price-icon,
body.tl-pricing-playful .tl-step-icon{color:#c5632c}
body.tl-pricing-playful .tl-rate-spoed .tl-card-icon{color:#e46827}
body.tl-pricing-playful .tl-rate-turbo .tl-card-icon,
body.tl-pricing-playful .info-card:nth-child(3) .tl-step-icon{color:#2b7a58}
@media(max-width:760px){
 body.tl-pricing-playful .tl-card-icon svg{width:25px;height:25px}
 body.tl-pricing-playful .tl-price-icon svg{width:29px;height:29px}
 body.tl-pricing-playful .tl-step-icon svg{width:25px;height:25px}
}