.tbg-wrap{--tbg-pink:#c80868;--tbg-orange:#ea6c21;--tbg-yellow:#f9d236;--tbg-text:#4a1757;--tbg-muted:#7a5a83;--tbg-border:#e3d6e6;--tbg-soft:#fbf7fc;max-width:1100px;margin:0 auto;color:var(--tbg-text);font-size:15px;line-height:1.55;text-align:left;background:#fff;border-radius:16px;box-shadow:0 18px 40px rgba(74,23,87,.25);overflow:hidden}
.tbg-wrap *{box-sizing:border-box}
.tbg-wrap p{margin:0}
.tbg-wrap>.tbg-notice{margin:28px}
.tbg-notice{padding:14px 18px;border-radius:8px;background:var(--tbg-soft);border-left:4px solid var(--tbg-yellow);margin:0 0 20px}
.tbg-notice.tbg-success{background:#fff9e0;border-left-color:#f59e05}
.tbg-notice.tbg-error{background:#fdf0f6;border-left-color:var(--tbg-pink)}

/* Productpaneel */
.tbg-product{background:var(--tbg-yellow);padding:36px 34px}
.tbg-wrap .tbg-product-name{font-family:"Bungee Shade","Bungee",var(--h2_typography-font-family),sans-serif;font-size:28px;line-height:1.15;font-weight:400;color:var(--tbg-text);margin:0 0 10px}
.tbg-wrap .tbg-price{margin:0 0 20px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tbg-price del{color:var(--tbg-muted);font-size:17px}
.tbg-price strong{font-size:34px;font-weight:800;color:var(--tbg-pink);line-height:1}
.tbg-wrap .tbg-list{margin:0 0 22px;padding:0;list-style:none}
.tbg-wrap .tbg-list li{position:relative;padding-left:28px;margin:0 0 9px;font-weight:600}
.tbg-wrap .tbg-list li::before{content:"";position:absolute;left:4px;top:4px;width:7px;height:12px;border-right:3px solid var(--tbg-pink);border-bottom:3px solid var(--tbg-pink);transform:rotate(45deg)}
.tbg-wrap .tbg-steps{margin:0;padding:18px 0 0 20px;border-top:2px dashed rgba(74,23,87,.25);font-size:14px;color:var(--tbg-text)}
.tbg-wrap .tbg-steps li{margin:0 0 6px;padding:0}

/* Formulier */
.tbg-main{padding:36px 40px}
.tbg-grid{display:flex;flex-wrap:wrap;gap:0 16px}
.tbg-wrap .tbg-field{flex:1 1 100%;margin:0 0 16px}
.tbg-wrap .tbg-field.tbg-half{flex:1 1 calc(50% - 8px)}
.tbg-wrap .tbg-field label{display:block;font-weight:700;font-size:14px;margin:0 0 5px;color:var(--tbg-text)}
.tbg-wrap .tbg-field input{width:100%;height:auto;min-height:46px;padding:11px 14px;border:2px solid var(--tbg-border);border-radius:8px;font:inherit;font-size:15px;color:var(--tbg-text);background:#fff;box-shadow:none}
.tbg-wrap .tbg-field input::placeholder{color:#b8a5bd}
.tbg-wrap .tbg-field input:focus{outline:none;border-color:var(--tbg-pink);box-shadow:0 0 0 3px rgba(200,8,104,.15)}
.tbg-wrap .tbg-has-error input{border-color:#d9534f}
.tbg-help{display:block;color:var(--tbg-muted);font-size:13px;margin-top:5px}
.tbg-field-error{display:block;color:#b52b27;font-size:13px;font-weight:600;margin-top:5px}
.tbg-wrap .tbg-agree{margin:6px 0 12px;font-size:14px;color:var(--tbg-text)}
.tbg-agree label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.tbg-wrap .tbg-agree input[type=checkbox]{-webkit-appearance:auto;appearance:auto;width:18px;height:18px;min-width:18px;margin:2px 0 0;accent-color:var(--tbg-pink);flex:0 0 auto}
.tbg-agree a{color:var(--tbg-pink);text-decoration:underline}
.tbg-wrap .tbg-submit{margin:22px 0 0}
.tbg-wrap .tbg-button{display:inline-block;background:var(--tbg-pink);color:#fff;border:0;border-radius:8px;padding:16px 34px;font-family:inherit;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 0 #8f0049;transition:background .15s,transform .1s}
.tbg-wrap .tbg-button:hover,.tbg-wrap .tbg-button:focus{background:var(--tbg-orange);box-shadow:0 4px 0 #b44c0f;color:#fff}
.tbg-wrap .tbg-button:active{transform:translateY(2px)}
.tbg-wrap .tbg-small{font-size:13px;color:var(--tbg-muted);margin-top:14px}
.tbg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

@media (max-width:600px){
.tbg-wrap{border-radius:12px}
.tbg-wrap .tbg-field.tbg-half{flex-basis:100%}
.tbg-product,.tbg-main{padding:26px 20px}
.tbg-wrap .tbg-product-name{font-size:24px}
.tbg-wrap .tbg-button{width:100%;padding:16px 20px}
}
@media (min-width:900px){
.tbg-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:stretch}
.tbg-wrap>.tbg-notice{grid-column:1/-1}
.tbg-main{padding:40px 44px}
}

/* De Avada-kolommen rond het formulier hebben veel padding (50px + 20%); op tablet en mobiel bleef er te weinig breedte over. */
@media (max-width:899px){
body .fusion-row>.fusion-layout-column>.fusion-column-wrapper:has(.tbg-wrap){padding:40px 24px!important}
body .fusion-row>.fusion-layout-column>.fusion-column-wrapper:has(.tbg-wrap) .fusion-column-wrapper:has(.tbg-wrap){padding:24px!important}
}
@media (max-width:600px){
body .fusion-row>.fusion-layout-column>.fusion-column-wrapper:has(.tbg-wrap){padding:30px 12px!important}
body .fusion-row>.fusion-layout-column>.fusion-column-wrapper:has(.tbg-wrap) .fusion-column-wrapper:has(.tbg-wrap){padding:16px 8px!important}
}