[data-loc="client/src/pages/Home.tsx:359"] { padding-top: 81px; height: 100vh; display: grid; align-items: center; }

/*[data-loc="client/src/pages/Home.tsx:371"] { padding-top: 40px !important; padding-bottom: 50px !important; }*/

[data-loc="client/src/pages/Home.tsx:371"] { /*padding-top: 5px !important; padding-bottom: 5px !important;*/ }
[data-loc="client/src/pages/Home.tsx:393"] { height: calc(100vh - 80px); }

/*[data-loc="client/src/pages/Home.tsx:393"] { display: none; }*/

@layer utilities {
  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.02fr_\.98fr\] {
      grid-template-columns: 1fr;
    }
  }
}


@layer utilities {
  @media (min-width: 64rem) {
    .lg\:max-w-\[720px\] {
      max-width: 100%;
    }
  }
}


@layer utilities {
  @media (min-width: 48rem) {
    .md\:max-w-3xl {
      max-width: 100%;
    }
  }
}


@layer utilities {
  @media (min-width: 48rem) {
    .md\:min-h-\[610px\] {
      min-height: 50px;
    }
  }
}


/* Высота не более 650 пикс */
@media (max-height: 650px) {

 .md\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading,var(--text-7xl--line-height));
    }
	[data-loc="client/src/pages/Home.tsx:383"] { padding: 10px 15px; }

}

/* Делаем родительский контейнер относительным */
.glass-panel {
    position: relative;
}

/* Первый div с текстом поднимаем выше */
.glass-panel > div:first-child {
    position: relative;
    z-index: 30;
}

/* Второй div с изображением опускаем вниз как фон */
.glass-panel > div:last-child {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    min-height: auto !important;
}

/* Настройка самого изображения внутри второго div */
.glass-panel > div:last-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Если внутри второго div есть дополнительные эффекты - они остаются */
.glass-panel > div:last-child > div {
    position: absolute;
    inset: 0;
}



.glass-panel {
    transition: all 0.4s ease-in-out;
}

.glass-panel > * {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}



@media only screen and (max-width: 768px) {
	.glass-panel > div:first-child { display: none; }
	[data-loc="client/src/pages/Home.tsx:359"] { display: block; height: auto; }
}