/* Профиль (личные данные) */
@media (min-width: 1200px) {
    .template--profile-data #main-grid {
        grid-template-areas: "aside main";
        grid-template-columns: 200px 1fr;
		gap: var(--grid-item-gap);
    }
	
	.template--profile-data #main {
        grid-template-areas: "data qr";
        grid-template-columns: 1fr 300px;
		gap: var(--grid-item-gap);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .template--profile-data #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-data #qr {
		order: -1;
	}
}

@media (max-width: 767px) {
    .template--profile-data #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-data #qr {
		order: -1;
	}
}

/* Профиль (Информация) */
@media (min-width: 1200px) {
    .template--profile-info #main-grid {
        grid-template-areas: "aside main";
        grid-template-columns: 200px 1fr;
		gap: var(--grid-item-gap);
    }
	
	.template--profile-info #main {
        grid-template-areas: "data qr";
        grid-template-columns: 1fr 300px;
		gap: var(--grid-item-gap);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .template--profile-info #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-info #qr {
		order: -1;
	}
}

@media (max-width: 767px) {
    .template--profile-info #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-info #qr {
		order: -1;
	}
}

/* Профиль (настройки) */
@media (min-width: 1200px) {
    .template--profile-settings #main-grid {
        grid-template-areas: "aside main";
        grid-template-columns: 200px 1fr;
		gap: var(--grid-item-gap);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .template--profile-settings #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
}

@media (max-width: 767px) {
    .template--profile-settings #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
}

/* Профиль (услуги) */
@media (min-width: 1200px) {
    .template--profile-services #services {
    	grid-area: services;
    }
	.template--profile-services #qr {
    	margin-bottom: 0;
    }
	.template--profile-services #services-prices {
    	margin-bottom: 0;
    }
	
	.template--profile-services #main-grid {
        grid-template-areas: "aside main";
        grid-template-columns: 200px 1fr;
		gap: var(--grid-item-gap);
    }
	
	.template--profile-services #main {
        grid-template-areas: "services qr" "services services-prices";
        grid-template-columns: 1fr 300px;
		grid-template-rows: auto 1fr;
		gap: var(--grid-item-gap);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .template--profile-services #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-services #qr {
		order: -1;
	}
}

@media (max-width: 767px) {
    .template--profile-services #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-services #qr {
		order: -1;
	}
}

/* Профиль (путевки) */
@media (min-width: 1200px) {
    .template--profile-vouchers #vouchers {
    	grid-area: vouchers;
    }
	.template--profile-vouchers #qr {
    	margin-bottom: 0;
    }
	.template--profile-vouchers #transfer {
    	margin-bottom: 0;
    }
	
	.template--profile-vouchers #main-grid {
        grid-template-areas: "aside main";
        grid-template-columns: 200px 1fr;
		gap: var(--grid-item-gap);
    }
	
	.template--profile-vouchers #main {
        grid-template-areas: "vouchers qr" "vouchers transfer";
        grid-template-columns: 1fr 300px;
		grid-template-rows: auto 1fr;
		gap: var(--grid-item-gap);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .template--profile-vouchers #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-vouchers #qr {
		order: -1;
	}
}

@media (max-width: 767px) {
    .template--profile-vouchers #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-vouchers #qr {
		order: -1;
	}
}

/* Профиль (процедуры) */
@media (min-width: 1200px) {
    .template--profile-procedures #procedures {
    	grid-area: procedures;
    }
	.template--profile-procedures #qr {
    	margin-bottom: 0;
    }
	.template--profile-procedures #services-additional {
    	margin-bottom: 0;
    }
	
	.template--profile-procedures #main-grid {
        grid-template-areas: "aside main";
        grid-template-columns: 200px 1fr;
		gap: var(--grid-item-gap);
    }
	
	.template--profile-procedures #main {
        grid-template-areas: "procedures qr" "procedures services-additional";
        grid-template-columns: 1fr 300px;
		grid-template-rows: auto 1fr;
		gap: var(--grid-item-gap);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .template--profile-procedures #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-procedures #qr {
		order: -1;
	}
}

@media (max-width: 767px) {
    .template--profile-procedures #main-grid {
        grid-template-areas:
        "aside"
        "main";
    }
	
	.template--profile-procedures #qr {
		order: -1;
	}
}



/* Общие стили */
.form__profile {
	background: color-mix(in srgb, #037170, transparent 92%);
	padding: 30px 20px;
	flex-basis: auto !important;
}
.form__profile .form__footer button {
	margin-top: 0;
}
.form__profile .form__group-label {
	font-size: 14px;
	color: #171C21;
}
.form__profile .form__row {
	gap: 20px;
}
.form__profile .form__title.form__title-contact {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.form__profile {
		padding: 25px 12px;
	}
	
	.form__profile .form__row {
        flex-direction: column;
		gap: 0;
	}
	.form__profile .form__row .form__group {
        width: 100%;
		margin-bottom: 20px;
	}
	.form__profile .form__title.form__title-contact {
		margin-top: 10px;
	}
}

.form__profile .form__footer button {
	margin-left: auto;
	/* max-width: 160px; */
}

.form__profile-settings {
	max-width: 740px;
}

.form__profile .form-messages {
	margin-bottom: 20px;
}

.form__profile .form__group-caption {
	color: #667085;
	font-size: 14px;
	margin-top: 9px;
}

.subtitle {
	font-size: 16px;
    font-weight: 500;
}
@media (width < 768px) {
    .subtitle {
        font-size: 14px;
    }
}