.contact-hero{align-items:center;background-color:#f8f9fa;background-image:url(/img/huisdieren_hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:220px;padding:56px 24px;position:relative;text-align:center}.contact-hero:before{background:hsla(0,0%,100%,.72);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.contact-hero>*{position:relative;z-index:1}.contact-hero__title{color:#1a1a1a;font-size:max(1.75rem,min(4vw,2.5rem));font-weight:700;margin-bottom:12px}.contact-hero__subtitle{color:#616161;font-size:1.1rem;line-height:1.6;margin:0 auto 28px;max-width:600px}.contact-hero__ctas{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.contact-benefits{background:#fff;padding:64px 24px}.contact-benefits__title{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin-bottom:48px;text-align:center}.contact-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin:0 auto;max-width:1100px}@media(max-width:960px){.contact-benefits__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.contact-benefits__grid{grid-template-columns:1fr}}.contact-benefit-card{background:#f8f9fa;border:1px solid rgba(0,0,0,.04);border-radius:16px;padding:32px 24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-benefit-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)}.contact-benefit-card__icon{align-items:center;background:rgba(27,169,213,.1);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.contact-benefit-card__icon .v-icon{color:#1ba9d5;font-size:32px}.contact-benefit-card__title{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:12px}.contact-benefit-card__text{color:#616161;font-size:.95rem;line-height:1.6}.contact-cta{background:#f8f9fa;padding:64px 24px}.contact-cta__container{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px;grid-gap:48px;align-items:start;gap:48px}@media(max-width:768px){.contact-cta__container{gap:32px;grid-template-columns:1fr}}.contact-cta__info{background:linear-gradient(135deg,rgba(27,169,213,.06),rgba(27,169,213,.02));border-radius:16px;padding:32px}.contact-cta__title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:24px}.contact-cta__benefits{list-style:none;margin:0 0 24px;padding:0}.contact-cta__benefits li{align-items:flex-start;color:#424242;display:flex;font-size:.95rem;gap:12px;margin-bottom:16px}.contact-cta__benefits li .v-icon{color:#43a047;flex-shrink:0;margin-top:2px}.contact-cta__email{color:#616161;font-size:.9rem}.contact-cta__email a{color:#1ba9d5;font-weight:500;-webkit-text-decoration:none;text-decoration:none}.contact-cta__email a:hover{-webkit-text-decoration:underline;text-decoration:underline}.contact-cta__credits{align-items:flex-start;border-top:1px solid rgba(0,0,0,.08);display:flex;gap:12px;margin-top:24px;padding-top:24px}.contact-cta__credits-icon{align-items:center;background:rgba(27,169,213,.1);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.contact-cta__credits-icon .v-icon{color:#1ba9d5}.contact-cta__credits-text{color:#666;font-size:.875rem;font-style:italic;line-height:1.6;margin:0}.contact-cta__form{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.06);padding:32px}.contact-cta__form-title{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:24px}.contact-form .v-text-field .v-input__slot,.contact-form .v-textarea .v-input__slot{background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:8px!important}.contact-form .v-text-field .v-input__slot:after,.contact-form .v-text-field .v-input__slot:before,.contact-form .v-textarea .v-input__slot:after,.contact-form .v-textarea .v-input__slot:before{display:none}.contact-form .v-text-field.v-input--is-focused .v-input__slot,.contact-form .v-textarea.v-input--is-focused .v-input__slot{border-color:#1ba9d5!important;box-shadow:0 0 0 3px rgba(27,169,213,.12)}.contact-form .v-text-field--outlined fieldset,.contact-form .v-textarea--outlined fieldset{border-color:rgba(0,0,0,.12);transition:border-color .2s ease}.contact-form .v-input--is-focused fieldset{border-color:#1ba9d5!important;border-width:2px}.contact-form .v-icon{color:#888}.contact-form .v-input--is-focused .v-icon{color:#1ba9d5}.contact-cta__success{padding:32px;text-align:center}.contact-cta__success .v-icon{color:#43a047;font-size:48px;margin-bottom:16px}.contact-cta__success h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:8px}.contact-cta__success p{color:#616161;font-size:.95rem;line-height:1.5}@media(max-width:600px){.contact-hero{min-height:180px;padding:40px 16px}.contact-benefits{padding:48px 16px}.contact-benefit-card{padding:24px 20px}.contact-cta{padding:48px 16px}.contact-cta__form,.contact-cta__info{padding:24px}}.theme--dark .contact-hero:before{background:rgba(0,0,0,.75)}.theme--dark .contact-hero__title{color:#fff}.theme--dark .contact-hero__subtitle{color:#b0b0b0}.theme--dark .contact-benefits{background:#121212}.theme--dark .contact-benefits__title{color:#fff}.theme--dark .contact-benefit-card{background:#1e1e1e;border-color:hsla(0,0%,100%,.08)}.theme--dark .contact-benefit-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3)}.theme--dark .contact-benefit-card__icon{background:rgba(27,169,213,.15)}.theme--dark .contact-benefit-card__title{color:#fff}.theme--dark .contact-benefit-card__text{color:#b0b0b0}.theme--dark .contact-cta{background:#1e1e1e}.theme--dark .contact-cta__info{background:linear-gradient(135deg,rgba(27,169,213,.1),rgba(27,169,213,.04))}.theme--dark .contact-cta__title{color:#fff}.theme--dark .contact-cta__benefits li{color:#e0e0e0}.theme--dark .contact-cta__email{color:#b0b0b0}.theme--dark .contact-cta__credits{border-top-color:hsla(0,0%,100%,.08)}.theme--dark .contact-cta__credits-icon{background:rgba(27,169,213,.15)}.theme--dark .contact-cta__credits-text{color:#9e9e9e}.theme--dark .contact-cta__form{background:#2a2a2a;border-color:hsla(0,0%,100%,.08);box-shadow:0 4px 24px rgba(0,0,0,.3)}.theme--dark .contact-cta__form-title{color:#fff}.theme--dark .contact-form .v-text-field .v-input__slot,.theme--dark .contact-form .v-textarea .v-input__slot{background:#1e1e1e!important;border-color:hsla(0,0%,100%,.12)!important}.theme--dark .contact-cta__success h3{color:#fff}.theme--dark .contact-cta__success p{color:#b0b0b0}
