*{margin:0;padding:0;box-sizing:border-box}.form-section{display:flex;justify-content:center;padding:2rem calc(var(--padding) + 3rem) 0rem}.contact-form-container{display:flex;gap:2rem;max-width:120rem;margin:0rem auto}.left-column{flex:1;padding-right:2rem}.left-column img{margin-top:5rem;border-radius:.5rem}.right-column{margin-top:2rem;flex:1;margin-bottom:3rem}.form-title{margin-bottom:.5rem}.form-subtitle{font-size:var(--text-small--font-size);color:#666;margin-bottom:2rem}.form-image{width:100%;max-width:500px;height:auto;border-radius:8px}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-field{margin-bottom:1.5rem;width:100%}label{display:block;margin-bottom:.5rem;font-weight:300;font-size:var(--text-small--font-size)}input,select,textarea{width:100%;padding:.75rem;background-color:#ebe7e1;border:none;border-radius:4px;font-size:var(--text-small--font-size);font-weight:400;font-family:Inter-Light}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px #a4907c}textarea{resize:vertical}.submit-button{background-color:#000;color:#fff;padding:1rem 2rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;margin-left:auto;display:block}.submit-button:hover{background-color:#333}@media (max-width: 768px){.contact-form-container{flex-direction:column;gap:2rem}.form-row{flex-direction:column;gap:1rem}}.button-wrapper{display:flex;justify-content:flex-end;width:100%}input[type=file]::file-selector-button{content:"Kies Afbeelding"}.file-upload-btn{padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-bottom:10px}.file-upload-btn:hover{background-color:#e0e0e0}.selected-files{margin-top:10px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;margin-bottom:5px}.file-name{margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-file{background:none;border:none;color:red;cursor:pointer;font-size:18px;padding:0 5px}.delete-file:hover{color:#c00}@media screen and (max-width: 1024px){.form-section{padding:2rem calc(var(--padding) + 1rem)}.contact-form-container{gap:0rem}}@media screen and (max-width: 768px){.contact-form-container{flex-direction:column;gap:2rem}.form-row{flex-direction:column;gap:1rem}.left-column{padding-right:0rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/style-form.css.map */
