.yellowtext {
	color:#fef200;
}

.bluetext {
	color:#37b8c2;
	font-weight:800;
}
.subtitel {
	color:#333;
	font-style:italic;
	font-size: 14px;
}
.pl-1
{
	padding-left:30px;
}
.cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    background: #ffed00;
    color: #000000;      
    border-radius: 8px;     
    font: 600 24px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
    transition: transform .06s ease, filter .2s ease, box-shadow .2s ease;
	margin-top: 20px;
 }
  
.cta:hover {background-color:#37b8c2;color:#ffffff;text-decoration:none !important;}
.cta:active {transform: translateY(1px); filter: brightness(0.9);text-decoration:none;}
.cta:focus-visible { outline: 3px solid rgba(0,0,0,.6); outline-offset: 3px;text-decoration:none;}

.background-grey {
	background-color:#e5e5e5;
}
.mt-8 {
	margin-top:50px !important;
}
.responsive-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.responsive-item .image-container {
    flex: 0 0 50px;
}

.responsive-item .image-container img {
    width: 100%;
    height: auto;
    display: block;
}

.responsive-item .text-container {
    margin-left: 15px;
    flex: 1;
}

#vraag, #vraag2 {
	color:#000000;
	font-size:1.6em;
	margin-bottom: 0.3em;
}


.radio-group div {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin-bottom: 0.5em;
}

input[type="radio"], input[type="checkbox"] {
  transform: translateY(-1px) scale(1.5);
  transform-origin: left center;
  accent-color: #666;
  margin-right: 0.5em;
}

.radio-group label {
  font-size: 1.3em;
  line-height: 1.1;
  color:#000;
}

.radio-group {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.5em;
  margin-bottom:20px;
}
.optin {
	font-size:1em !important;
}
input[type="submit"].btn, input[type="submit"].btn:focus {

  display: inline-block;
  background-color:#ffed00;
  color:#000000;
  border:none;
  font-size:1.4em;
}

input[type="submit"].btn:hover, input[type="submit"].btn:active, input[type="submit"].btn:focus-visible, input[type="submit"].btn:invalid {
	background-color:#37b8c2 !important;
	color:#fff;
}


.redborder {
	border:1px solid #cc0000 !important;
	background-color:#ffe6e6 !important;
}

.redbordervraag {
	color:#cc0000 !important;
	background-color:#ffe6e6 !important;
}

.greenbordervraag {
	color:#000000 !important;
}

@media screen and (max-width: 400px) {
  .lh-mob {
    line-height: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .pl-1 {
	  padding-left:0px;
  }
}



.checkbox-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;

}

.checkbox-2col .col > div {
  margin-bottom: 20px;
}

.checkbox-2col label {
  margin-left: 6px;
  font-size: 1.2em;
  color: #000;
}
.voordeel {
	padding-left:7px;
}

.highlightbg {
	background-color:#fef200;
	color:#000000;
	padding: 4px;
}
@media (max-width: 640px) {
  .checkbox-2col {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Social proof - productpagina
   Duidelijk en rustig gehouden voor een 45+ doelgroep.
========================================================= */

.social-proof-card {
    position: relative;
    overflow: hidden;
    padding: 32px;
    background: var(--tertiary);
    color: #ffffff;
    border-radius: var(--border-radius2x);
}

.social-proof-card::before {
    content: "";
    display: block;
    width: 56px;
    height: 5px;
    margin-bottom: 20px;
    background: var(--primary);
    border-radius: 999px;
}

.social-proof-text {
    margin: 0 0 24px;
    color: #ffffff;
    font-family: "Lexend", sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.social-proof-text strong {
    color: #ffffff;
    font-weight: 700;
}

.social-proof-number-block {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    min-width: 150px;
    padding: 12px 24px 14px;
    margin-bottom: 18px;
    background: #ffffff;
    color: var(--dark);
    border-radius: 12px;
}

.social-proof-number {
    display: block;
    font-family: "Lexend", sans-serif;
    font-size: clamp(3.4rem, 5vw, 4.6rem);
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.social-proof-label {
    display: block;
    margin-top: 8px;
    font-family: "Lexend", sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.social-proof-note {
    color: rgba(255, 255, 255, 0.86);
    font-size: 1rem;
    line-height: 1.55;
}

@media (max-width: 767px) {
    .social-proof-card {
        padding: 26px 24px;
    }

    .social-proof-text {
        font-size: 1.12rem;
        line-height: 1.55;
    }

    .social-proof-number-block {
        min-width: 145px;
    }

    .social-proof-note {
        font-size: 1rem;
    }
}


/* =========================================================
   Recente aanvragen - productpagina
   Rustige hiërarchie en extra leesbaarheid voor 45+.
========================================================= */

.recent-applications-card {
    background: #f6f6f6;
}

.recent-applications-title {
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
    margin-bottom: 1.5rem !important;
}

.recent-application-item {
    flex-wrap: nowrap;
    gap: 14px;
    margin-bottom: 0;
    padding: 14px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.recent-application-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.recent-application-avatar {
    flex: 0 0 44px !important;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    background: #ffffff;
}

.recent-application-avatar img {
    width: 44px !important;
    height: 44px !important;
    object-fit: cover;
}

.recent-application-content {
    min-width: 0;
    margin-left: 0 !important;
}

.recent-application-location {
    color: var(--dark);
    font-family: "Lexend", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.recent-application-time {
    margin-top: 3px;
    color: #777777;
    font-size: 0.94rem;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .recent-applications-card {
        padding: 22px !important;
    }

    .recent-applications-card > .m-3 {
        margin: 0 !important;
    }

    .recent-applications-title {
        font-size: 1.4rem !important;
    }

    .recent-application-item {
        gap: 13px;
        padding: 13px 0;
    }

    .recent-application-avatar {
        flex-basis: 42px !important;
        width: 42px;
        height: 42px;
    }

    .recent-application-avatar img {
        width: 42px !important;
        height: 42px !important;
    }

    .recent-application-location {
        font-size: 1.05rem;
    }

    .recent-application-time {
        font-size: 0.95rem;
    }
}

/* =========================================================
   Productvoordelen - airco zonder buitenunit
   Extra leesbaar en klikbaar voor 45+ en mobiel.
========================================================= */

.product-benefits-section h2 {
    margin-bottom: 1.35rem !important;
}

.product-page-intro,
.product-benefits-section p {
    font-size: 1.12rem;
    line-height: 1.9;
}

.product-benefits-intro {
    margin-bottom: 1.75rem;
    color: #5d6572;
}

.product-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
}

.product-benefit-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 0;
}

.product-benefit-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f8df00;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.product-benefit-icon::before {
    content: "";
    width: 12px;
    height: 7px;
    border-left: 3px solid #1f2430;
    border-bottom: 3px solid #1f2430;
    transform: rotate(-45deg);
    margin-top: -2px;
}

.product-benefit-text {
    color: #4f5967;
    font-size: 1.16rem;
    line-height: 1.6;
}

.product-benefits-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 15px 30px;
    border-radius: 12px;
    background: #f8df00;
    color: #000000;
    font-family: "Lexend", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.product-benefits-cta:hover,
.product-benefits-cta:focus {
    color: #000000;
    background: #ffe600;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.product-benefits-cta:focus-visible {
    outline: 3px solid rgba(0, 0, 0, 0.18);
    outline-offset: 3px;
}

@media (max-width: 767px) {
    .product-page-intro,
    .product-benefits-section p {
        font-size: 1.06rem;
        line-height: 1.8;
    }

    .product-benefits-intro {
        margin-bottom: 1.5rem;
    }

    .product-benefit-item {
        align-items: flex-start;
        gap: 13px;
        padding: 9px 0;
    }

    .product-benefit-icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        margin-top: 2px;
    }

    .product-benefit-icon::before {
        width: 11px;
        height: 6px;
        border-left-width: 2.5px;
        border-bottom-width: 2.5px;
    }

    .product-benefit-text {
        font-size: 1.04rem;
        line-height: 1.55;
    }

    .product-benefits-cta {
        width: 100%;
        min-height: 60px;
        font-size: 1.18rem;
        padding: 15px 20px;
    }
}

/* =========================================================
   Productaccordion - mobiel
   Behoudt de bestaande stijl, maar reserveert voldoende
   ruimte voor de pijl zodat langere titels niet overlappen.
========================================================= */

@media (max-width: 767px) {
    #accordionWhy .accordion-toggle {
        display: block;
        width: 100%;
        padding-right: 4.75rem !important;
        white-space: normal;
        line-height: 1.35;
    }
}

/* =========================================================
   Afsluitende CTA - productpagina
   Opvallender, rustig en duidelijk voor 45+.
========================================================= */

.product-final-cta {
    position: relative;
    background: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
}

.product-final-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background: var(--primary);
}

.product-final-cta::after {
    content: "";
    position: absolute;
    top: -70px;
    right: -70px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(248, 223, 0, 0.16);
}

.product-final-cta h2 {
    position: relative;
    margin-bottom: 1.25rem !important;
}

.product-final-cta p {
    position: relative;
    max-width: 780px;
    font-size: 1.12rem;
    line-height: 1.75;
}

.product-final-cta-button {
    position: relative;
    min-width: 250px;
    margin-top: 0;
}

@media (max-width: 767px) {
    .product-final-cta::before {
        width: 100%;
        height: 8px;
    }

    .product-final-cta::after {
        width: 150px;
        height: 150px;
        top: -55px;
        right: -55px;
    }

    .product-final-cta .row {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .product-final-cta h2 {
        font-size: 2rem !important;
        line-height: 1.15 !important;
    }

    .product-final-cta p {
        font-size: 1.05rem;
        line-height: 1.7;
        margin-bottom: 1.5rem !important;
    }

    .product-final-cta-button {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   Offertepagina - fase 3
   Visuele aansluiting op de productpagina.
   Formuliervelden zelf blijven bewust voor fase 4.
========================================================= */

.offer-page-content > .row {
    align-items: flex-start;
}

.offer-page-content .col-lg-4 {
    position: relative;
}

@media (min-width: 992px) {
    .offer-page-content .col-lg-4 {
        padding-left: 1.25rem;
    }
}

@media (max-width: 991px) {
    .offer-page-content .col-lg-4 {
        margin-top: 2.25rem !important;
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    }
}

@media (max-width: 767px) {
    .offer-page-content {
        margin-top: 2rem !important;
    }
}

/* =========================================================
   Offertepagina - fase 4
   Formulier UX / 45+ / volledig responsive
========================================================= */

.offer-form {
    position: relative;
    margin-top: 1.25rem;
    padding: 32px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 16px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.06);
}

.offer-honeypot {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.offer-form__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 18px;
}

.offer-form__row--two,
.offer-form__row--postal {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.offer-field {
    min-width: 0;
}

.offer-field label,
.offer-choice-group legend {
    display: block;
    margin: 0 0 8px;
    padding: 0;
    color: var(--dark);
    font-family: "Lexend", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
}

.offer-choice-group {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.offer-form .form-control {
    width: 100%;
    min-height: 58px;
    padding: 14px 16px;
    background: #f7f7f7;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    color: #16191f;
    font-family: "Poppins", sans-serif;
    font-size: 1.06rem;
    line-height: 1.35;
    box-shadow: none;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.offer-form .form-control::placeholder {
    color: #7a7f87;
    opacity: 1;
}

.offer-form .form-control:hover {
    border-color: #cfd3d8;
}

.offer-form .form-control:focus {
    background: #ffffff;
    border-color: #1f2430;
    box-shadow: 0 0 0 4px rgba(31, 36, 48, 0.09);
    outline: 0;
}

.offer-choice-grid {
    display: grid;
    gap: 12px;
}

.offer-choice-grid--owner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.offer-choice-grid--related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.offer-choice-card {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 13px 16px;
    margin: 0;
    background: #f7f7f7;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    color: var(--dark);
    cursor: pointer;
    user-select: none;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.offer-choice-card:hover {
    border-color: #c9cdd2;
    background: #ffffff;
}

.offer-choice-card:has(input:checked) {
    background: #fffbe0;
    border-color: #f8df00;
    box-shadow: inset 0 0 0 1px rgba(248, 223, 0, 0.28);
}

.offer-choice-card:has(input:focus-visible) {
    outline: 3px solid rgba(31, 36, 48, 0.16);
    outline-offset: 2px;
}

.offer-choice-card input[type="radio"],
.offer-choice-card input[type="checkbox"] {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin: 0 13px 0 0;
    transform: none;
    accent-color: #1f2430;
}

.offer-choice-card span {
    min-width: 0;
    color: var(--dark);
    font-family: "Lexend", sans-serif;
    font-size: 1.04rem;
    font-weight: 600;
    line-height: 1.35;
}

.offer-related-group {
    padding-top: 4px;
}

.offer-optin {
    padding-top: 2px;
}

.offer-choice-card--optin {
    background: #ffffff;
}

.field-error {
    min-height: 0;
    margin: 6px 0 0;
    color: #b42318;
    font-size: 0.94rem;
    font-weight: 500;
    line-height: 1.4;
}

.field-error:empty {
    display: none;
}

.form-error-summary {
    margin-bottom: 20px;
    padding: 14px 16px;
    background: #fff0ee;
    border: 1px solid #eab0a9;
    border-radius: 10px;
    color: #8f1d14;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.45;
}

.offer-form .redborder {
    background: #fff7f6 !important;
    border-color: #c9362b !important;
}

.offer-choice-group.has-error .offer-choice-card {
    border-color: #c9362b;
}

.offer-submit-wrap {
    display: flex;
}

.offer-submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 62px;
    padding: 16px 30px;
    background: #f8df00;
    border: 0;
    border-radius: 12px;
    color: #000000;
    font-family: "Lexend", sans-serif;
    font-size: 1.22rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.09);
    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.offer-submit-button:hover,
.offer-submit-button:focus {
    background: #ffe600;
    color: #000000;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.13);
}

.offer-submit-button:focus-visible {
    outline: 3px solid rgba(0, 0, 0, 0.2);
    outline-offset: 3px;
}

.offer-submit-button:active {
    transform: translateY(1px);
}

@media (max-width: 991px) {
    .offer-form {
        padding: 28px;
    }

    .offer-form__row--two,
    .offer-form__row--postal {
        grid-template-columns: 1fr;
    }

    .offer-choice-grid--related {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .offer-form {
        margin-top: 1rem;
        padding: 22px 18px;
        border-radius: 14px;
    }

    .offer-form__row {
        gap: 14px;
        margin-bottom: 14px;
    }

    .offer-form .form-control {
        min-height: 60px;
        padding: 15px 15px;
        font-size: 1.05rem;
    }

    .offer-field label,
    .offer-choice-group legend {
        margin-bottom: 7px;
        font-size: 1.02rem;
    }

    .offer-choice-grid--owner,
    .offer-choice-grid--related {
        grid-template-columns: 1fr;
    }

    .offer-choice-card {
        min-height: 60px;
        padding: 14px 15px;
    }

    .offer-choice-card input[type="radio"],
    .offer-choice-card input[type="checkbox"] {
        width: 24px;
        height: 24px;
        margin-right: 13px;
    }

    .offer-choice-card span {
        font-size: 1.03rem;
    }

    .offer-submit-wrap {
        width: 100%;
    }

    .offer-submit-button {
        width: 100%;
        min-height: 64px;
        padding: 17px 20px;
        font-size: 1.18rem;
    }
}

@media (max-width: 420px) {
    .offer-form {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Browser fallback wanneer :has() niet beschikbaar is */
@supports not selector(label:has(input:checked)) {
    .offer-choice-card input[type="radio"]:checked,
    .offer-choice-card input[type="checkbox"]:checked {
        accent-color: #f8df00;
    }
}

/* =========================================================
   Offertepagina - fase 4 refinement
   Minder visuele drukte, duidelijker onderscheid tussen
   primaire en secundaire keuzes.
========================================================= */

.offer-choice-group--primary {
    margin-bottom: 1.75rem !important;
}

.offer-choice-group--primary .offer-choice-grid--owner {
    gap: 10px;
}

.offer-choice-group--primary .offer-choice-card {
    min-height: 54px;
    background: #ffffff;
}

.offer-choice-group--primary .offer-choice-card:has(input:checked) {
    background: #fffdf1;
    border-color: #f0d400;
    box-shadow: inset 0 0 0 1px rgba(240, 212, 0, 0.24);
}

.offer-secondary-group {
    margin-top: 1.5rem !important;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.offer-secondary-legend {
    margin-bottom: 0.3rem !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    color: #3f4752;
}

.offer-optional-label {
    color: #7a7f87;
    font-size: 0.9em;
    font-weight: 500;
}

.offer-secondary-helper {
    margin: 0 0 0.95rem;
    color: #7a7f87;
    font-size: 0.92rem;
    line-height: 1.5;
}

.offer-choice-grid--related {
    gap: 10px;
}

.offer-choice-card--secondary {
    min-height: 50px;
    padding: 11px 14px;
    background: #ffffff;
    border-color: #e2e5e9;
    box-shadow: none;
}

.offer-choice-card--secondary:hover {
    background: #fcfcfc;
    border-color: #d7dbe0;
}

.offer-choice-card--secondary:has(input:checked) {
    background: #fffef7;
    border-color: #eadf8f;
    box-shadow: inset 0 0 0 1px rgba(234, 223, 143, 0.28);
}

.offer-choice-card--secondary input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    accent-color: #6b7280;
}

.offer-choice-card--secondary span {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35;
}

.offer-optin {
    margin-top: 0.9rem;
}

.offer-choice-card--optin {
    background: #fafafa;
}

@media (max-width: 767px) {
    .offer-secondary-group {
        margin-top: 1.25rem !important;
        padding-top: 1rem;
    }

    .offer-secondary-legend {
        font-size: 0.97rem !important;
    }

    .offer-secondary-helper {
        font-size: 0.9rem;
        margin-bottom: 0.85rem;
    }

    .offer-choice-card--secondary {
        min-height: 48px;
        padding: 12px 14px;
    }

    .offer-choice-card--secondary span {
        font-size: 0.98rem;
    }
}

/* =========================================================
   Offertepagina - fase 4 refinement 2
   Extra rustige formulierkeuzes
========================================================= */

/* "Ik ben" - eenvoudige opties onder elkaar */
.offer-choice-grid--owner {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

.offer-choice-group--primary .offer-choice-card {
    min-height: auto;
    padding: 4px 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
}

.offer-choice-group--primary .offer-choice-card:hover,
.offer-choice-group--primary .offer-choice-card:has(input:checked) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.offer-choice-group--primary .offer-choice-card span {
    font-size: 1rem;
    font-weight: 400;
}

.offer-choice-group--primary .offer-choice-card input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* Secundaire interesses - vier rustige checkboxen onder elkaar */
.offer-choice-grid--related {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
}

.offer-choice-card--secondary {
    min-height: auto;
    padding: 4px 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
}

.offer-choice-card--secondary:hover,
.offer-choice-card--secondary:has(input:checked) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.offer-choice-card--secondary span {
    font-size: 0.98rem;
    font-weight: 400;
}

.offer-choice-card--secondary input[type="checkbox"] {
    width: 19px;
    height: 19px;
    margin-right: 10px;
}

/* Opt-in nog subtieler */
.offer-optin {
    margin-top: 0.8rem;
    padding-top: 0.8rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.offer-choice-card--optin {
    min-height: auto;
    padding: 2px 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.offer-choice-card--optin span {
    color: #666d76;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.45;
}

.offer-choice-card--optin input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 9px;
}

/* De secundaire titel blijft aanwezig, maar minder dominant */
.offer-secondary-legend {
    margin-bottom: 0.7rem !important;
    font-size: 0.96rem !important;
    font-weight: 500 !important;
}

.offer-optional-label {
    font-size: 0.9em;
    font-weight: 400;
}

@media (max-width: 767px) {
    .offer-choice-group--primary .offer-choice-card,
    .offer-choice-card--secondary {
        padding: 5px 0;
    }

    .offer-choice-group--primary .offer-choice-card span {
        font-size: 1rem;
    }

    .offer-choice-card--secondary span {
        font-size: 0.97rem;
    }

    .offer-choice-card--optin span {
        font-size: 0.88rem;
    }
}

/* =========================================================
   Offertepagina - fase 4 refinement 3
   Inputlabels visueel verborgen; placeholders blijven zichtbaar.
========================================================= */

.offer-field .visually-hidden + .form-control {
    margin-top: 0;
}

.offer-form__row {
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .offer-form__row {
        margin-bottom: 12px;
    }
}

/* =========================================================
   Offertepagina - invoertekst en placeholders
   Extra leesbaar voor 45+ zonder de velden zwaarder te maken.
========================================================= */

.offer-form .form-control {
    font-size: 1.14rem;
}

.offer-form .form-control::placeholder {
    font-size: 1.14rem;
    color: #666d76;
    opacity: 1;
}

@media (max-width: 767px) {
    .offer-form .form-control,
    .offer-form .form-control::placeholder {
        font-size: 1.12rem;
    }
}

/* =========================================================
   Offertepagina - eigenaar / huurder
   Zelfde leesgrootte als de invoervelden, niet vet.
========================================================= */

.offer-choice-group--primary .offer-choice-card span {
    font-size: 1.14rem;
    font-weight: 400;
}

@media (max-width: 767px) {
    .offer-choice-group--primary .offer-choice-card span {
        font-size: 1.12rem;
        font-weight: 400;
    }
}



/* =========================================================
   Pakketdeals - 2 kolommen op desktop en tablet
========================================================= */
.package-interest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 40px !important;
    row-gap: 10px !important;
}

@media (max-width: 767px) {
    .package-interest-grid {
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
    }
}


/* =========================================================
   Pakketdeals - voordeelblok
   De vermenigvuldigingsfactor (X) en het woord VOORDEEL
   moeten visueel sterk en onmiddellijk herkenbaar blijven.
========================================================= */

.package-interest-grid + .field-error {
    margin-top: 8px;
}

.social-proof-number-block .social-proof-label {
    margin-top: 10px;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 0;
}

@media (max-width: 767px) {
    .social-proof-number-block .social-proof-label {
        font-size: 1.22rem;
    }
}


/* =========================================================
   Pakketdeals - uitlijning formulier en rechterkolom
   De bovenkanten van beide kaders moeten gelijk starten.
========================================================= */

.package-form-layout-row {
    align-items: flex-start;
}

.package-offer-form {
    margin-top: 0 !important;
}

.package-social-proof-card {
    margin-top: 0 !important;
}

@media (min-width: 992px) {
    .package-form-layout-row > .col-lg-8,
    .package-form-layout-row > .col-lg-4 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
}


/* =========================================================
   Pakketdeals - compactere verticale spacing op mobiel
   Desktop/tablet blijven ongewijzigd.
========================================================= */

@media (max-width: 767px) {

    /* Minder witruimte onder de grote headerafbeelding */
    .package-page-header {
        margin-bottom: 1.25rem !important;
    }

    /* Voordelenblok compacter boven en onder */
    .package-benefits-strip {
        margin-bottom: 0 !important;
    }

    .package-benefits-strip .row {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }

    .package-benefits-strip .col-lg-4 {
        padding-top: 0.35rem !important;
        padding-bottom: 0.35rem !important;
        margin-bottom: 1rem !important;
    }

    .package-benefits-strip .col-lg-4:last-child {
        margin-bottom: 0 !important;
    }

    /* Minder ruimte tussen voordelen en intro */
    .package-intro-section {
        padding-top: 1.75rem !important;
        padding-bottom: 1.25rem !important;
    }

    .package-intro-section h2 {
        margin-bottom: 1.25rem !important;
    }

    .package-intro-section p {
        margin-bottom: 0 !important;
    }

    /* Minder ruimte tussen gele highlight en formulier */
    .package-form-section {
        margin-top: 1.25rem !important;
        margin-bottom: 2rem !important;
    }

    .package-form-section .offer-page-content {
        padding-bottom: 2rem !important;
    }
}