:root{
  --site-max: 1280px;
  --gutter: clamp(12px, 2.2vw, 24px);}

/* Re-centrează toată pagina, indiferent de global.css */
main.container.page{
  max-width: var(--site-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--gutter) !important;
  padding-right: var(--gutter) !important;
  width: 100%;
  box-sizing: border-box;}

/* Unifică toate containerele */
.container{
  max-width: var(--site-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;}

/* Profil layout */
.profile-layout{
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 16px;
  align-items: start;}

@media (max-width: 900px){
  .profile-layout{
    grid-template-columns: 1fr;}
}

/* Form grid în cardul de programare */
.booking-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;}

.booking-form-grid .full{
  grid-column: 1 / -1;}

@media (max-width: 820px){
  .booking-form-grid{
    grid-template-columns: 1fr;}
}