/* ----- ФОРМА ОБРАТНОЙ СВЯЗИ В ШАПКЕ ----- */
/* Стили для внешнего контейнера попапа */
.popup-container {overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; pointer-events: none; position: fixed; top: 85px; z-index: 100; box-sizing: border-box; transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s;}
/* Стили для активного состояния контейнера */
.popup-container.is-active {max-height: 600px; opacity: 1; visibility: visible; pointer-events: auto;}
/* Стили для формы внутри попапа */
.popup-container .tn-molecule, .popup-container form {opacity: 0; transition: opacity 0.4s ease-out, transform 0.4s ease-out; position: relative; box-sizing: border-box; transition-delay: 0.2s;}
.popup-container form {transform: translateY(20%);}
/* Стили для активной формы */
.popup-container.is-active .tn-molecule, .popup-container.is-active form {opacity: 1;}
.popup-container.is-active form {transform: translateY(0);}
/* Стили для закрытия формы */
.popup-container.is-closing .tn-molecule, .popup-container.is-closing form {opacity: 0; transition-delay: 0s;}
.popup-container.is-closing form {transform: translateY(20%);}
/* Курсор для кнопки */
.form-btn {cursor: pointer;}

/* ----- ССЫЛКИ С ПОДЧЕРКИВАНИЕМ ----- */
.uc-line {position: relative; display: inline-block; vertical-align: bottom; overflow: hidden; padding-bottom: 2px;}
.uc-line::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease-out;}
/* Показываем подчеркивание */
.uc-line.underline-show::before {transform: scaleX(1); transform-origin: left; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) var(--animation-delay, 0s);}
/* Скрываем подчеркивание */
.uc-line.underline-hide::before {transform: scaleX(0); transform-origin: left; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) var(--animation-delay, 0s);}

/* ----- ФОТО В КЕЙСАХ ----- */
/* Анимация при наведении на изображение */
.img-zoom {overflow: hidden;}
.case-wrap .img-zoom .tn-atom {transition: transform 0.4s ease-out;}
.case-wrap:hover .img-zoom .tn-atom {transform:scale(1.1);}