/* КОНСТАНТА ДЛЯ .modal-conten - width: */
 :root {
     /* ширина модального окна при портретной ориентации */
     --por: 60vh;
     /* ширина модального окна при альбомной ориентации */
     --lan: 85vh;
 }

 /* КОРРЕКЦИЯ - ОТМЕНА ПЕРВОНАЧАЛЬНЫХ НАСТРОЕК */
 .serts a {
     padding: 0;

 }

 .serts img {
     max-width: none;
     /* height: auto; */
 }

 /* ПРОСМОТР ВЫБРАНОЙ КАРТИНКИ В МОДАЛЬНОМ ОКНЕ */
 /* ТЕНЬ НА ОСНОВНОЕ ОКНО */
 .modal {
     display: none;
     position: fixed;
     z-index: 10015;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     transition: opacity 0.3s ease;
 }

 /* НАСТРОЙКА МОДАЛЬНОГО ОКНА */
 .modal-content {
     background: rgba(20, 20, 20, 0.50);
     /* max-height: 80vh; */
     /* относительная высота */
     overflow: auto;
     /* скрол */
     width: var(--por);
     /* фиксированная ширина */
     max-width: 100%;
     /* не больше ширины родительского элемента */
     margin: 7% auto;
     padding: 10px;
     border-radius: 8px;
     position: relative;
     overflow: auto;
     transition: all 0.3s ease;
 }

 /* НАСТРОЙКИ КАРТИНКИ */
 .modal-image {
     width: 100%;
     height: auto;
     display: block;
     transition: transform 0.3s ease;
 }


 /* КНОПКА"ЗАКРЫТЬ" */
 .close {
     position: absolute;
     top: 10px;
     right: 20px;
     cursor: pointer;
     font-size: 35px;
     color: #050505;
 }

 .close:hover {
     color: #8b8b8b;
 }