@media screen and (max-width:767px){.page-account-gegevens .dashboard-grid{padding-left:20px;padding-right:20px;box-sizing:border-box}.page-account-gegevens h1{margin-top:20px;margin-bottom:20px}.page-account-gegevens .account-details{width:100%;max-width:420px;margin:0 auto;padding:0;box-sizing:border-box}.page-account-gegevens .account-details h1{font-size:22px;margin-bottom:20px;font-weight:700;text-align:left}.page-account-gegevens .account-form{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}.page-account-gegevens .form-row{display:flex;flex-direction:column;gap:18px;margin-bottom:16px}.page-account-gegevens .form-field label{font-size:13px;font-weight:600;margin-bottom:6px;color:#1a1a1a;padding-left:2px}.page-account-gegevens .form-field input,.page-account-gegevens .form-field select{width:100%;max-width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:10px;font-size:15px;background:#fff;line-height:1.4;box-sizing:border-box}.page-account-gegevens .form-field input:focus,.page-account-gegevens .form-field select:focus{outline:none;border-color:#c0008f;box-shadow:0 0 0 2px #c0008f17}.page-account-gegevens .save-button{background:#000;color:#fff;padding:16px;border-radius:30px;font-size:16px;font-weight:700;border:none;width:100%;margin-top:10px;text-align:center}@media(hover:hover){.page-account-gegevens .save-button:hover{background:var(--sm-btn-bg-hover, #FFFDFB);color:var(--sm-btn-text-hover, #111);transition:background .3s ease}}.page-account-gegevens .save-button:active{transform:scale(.97);box-shadow:0 2px 8px #1111114d}.page-account-gegevens .login-details{display:flex;flex-direction:column;gap:18px;margin-top:40px!important;margin-bottom:32px}.page-account-gegevens .login-details h2{font-size:18px;font-weight:700;margin-bottom:12px;padding-left:2px}.adres-row{display:flex!important;flex-direction:row!important;gap:8px;margin-bottom:0;width:100%}.adres-row .form-field{min-width:0;flex:1 1 0;margin-bottom:0}.adres-row .form-field:first-child{max-width:88px}.adres-row .form-field:nth-child(2){max-width:54px}.adres-row .form-field:nth-child(3){max-width:54px}.adres-row input{font-size:14px;padding:8px 7px}}@media screen and (min-width:768px)and (max-width:1024px){.page-account-gegevens .dashboard-grid{padding-left:24px;padding-right:24px;box-sizing:border-box}.page-account-gegevens .account-details{width:100%;max-width:720px;margin:0 auto;padding:24px;box-sizing:border-box}.page-account-gegevens .account-details h1{font-size:26px;margin-bottom:24px;font-weight:700;text-align:left}.page-account-gegevens h1{margin-top:20px;margin-bottom:20px}.page-account-gegevens .account-form{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.page-account-gegevens .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:16px}.page-account-gegevens .form-row.adres-row,.adres-row{display:flex!important;flex-direction:row!important;gap:14px;margin-bottom:0;width:100%}.adres-row .form-field{min-width:0;flex:1 1 0;margin-bottom:0}.adres-row .form-field:first-child{max-width:115px}.adres-row .form-field:nth-child(2){max-width:74px}.adres-row .form-field:nth-child(3){max-width:74px}.adres-row input{font-size:15px;padding:10px 12px}.page-account-gegevens .form-field label{font-size:14px;font-weight:600;margin-bottom:6px;color:#1a1a1a}.page-account-gegevens .form-field input,.page-account-gegevens .form-field select{padding:14px 16px;border:1px solid #ddd;border-radius:10px;font-size:16px;background:#fff;line-height:1.4;width:100%;box-sizing:border-box}.page-account-gegevens .form-field input:focus,.page-account-gegevens .form-field select:focus{outline:none;border-color:#c0008f;box-shadow:0 0 0 2px #c0008f17}.page-account-gegevens .save-button{background:#000;color:#fff;padding:16px;border-radius:30px;font-size:16px;font-weight:700;border:none;width:100%;margin-top:10px;text-align:center}@media(hover:hover){.page-account-gegevens .save-button:hover{background:var(--sm-btn-bg-hover, #FFFDFB);color:var(--sm-btn-text-hover, #111);transition:background .3s ease}}.page-account-gegevens .save-button:active{transform:scale(.97);box-shadow:0 2px 8px #1111114d}.page-account-gegevens .login-details{display:flex;flex-direction:column;gap:18px;margin-top:40px!important;margin-bottom:32px}.page-account-gegevens .login-details h2{font-size:20px;font-weight:700;margin-bottom:12px}.page-account-gegevens .readonly-field{background:#ededed!important;color:#888!important;cursor:not-allowed!important;border:1px solid #dddddd!important;pointer-events:none;font-weight:500;opacity:1}.page-account-gegevens .readonly-field:focus{outline:none;box-shadow:none}}#postcode-error{color:#c00;margin-top:7px;margin-bottom:4px;min-height:22px;display:block;font-size:14px;padding-top:2px}.form-field .input-error,#phone-error{color:#c00!important;font-size:15px;margin-top:2px;margin-bottom:2px;font-weight:500;letter-spacing:.01em}.page-account-gegevens input.invalid,.page-account-gegevens select.invalid{border-color:#c00!important;background:#ffeaea!important}.page-account-gegevens select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%231A1A1A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 9px;padding-right:36px!important}@media screen and (max-width:767px){.page-account-gegevens .dashboard-main{width:100%;max-width:480px;margin:0 auto;padding-bottom:36px}}@media screen and (min-width:768px)and (max-width:1024px){.page-account-gegevens .dashboard-main{width:100%;max-width:860px;margin:0 auto;padding-bottom:40px}}@media screen and (max-width:767px){.adres-row{display:flex!important;flex-direction:row!important;gap:8px;margin-bottom:0;width:100%}.adres-row .form-field{min-width:0;flex:1 1 0;margin-bottom:0}.adres-row .form-field:first-child{flex-basis:40%;max-width:40%}.adres-row .form-field:nth-child(2){flex-basis:20%;max-width:20%}.adres-row .form-field:nth-child(3){flex-basis:20%;max-width:20%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/account-gegevens-mobile.css.map */