/* Збільшене зображення початок */
                #zoomimg {
                    display:none;
                    z-index:6;
                    background: rgba(0,0,0,0.69);
                    position: fixed;
                    border: 0px solid red;
                    box-sizing: border-box;
                }
                                
                #zoomimg > div {
                    background: transparent;
                    display: flex;
                    width: 100%;
                    justify-content: space-between;
                }
                
                #zoomimg > div > figure {
                    background: transparent;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
                
                /* Індикатор завантаження (...) */
               
                #zoomimg > div > figure > span {
                    position: absolute;
                    z-index: 2;
                    color:rgba(255,255,255,0.6);
                    font-weight: 600;
                    font-size: 21pt;
                    padding: 10px;
                    border:0px solid red;
                    text-align: center;
                    padding:10px 10%;
                }
                /* Велике зображення */
                #zoomimg > div > figure > img {                    
                    border:0px solid yellow;
                    object-fit: contain;
                    box-sizing: border-box;
                    width: calc(100% - 0px);
                    height: calc(100% - 0px);
                    display: inline-block;
                 }
                /* Заголовок зображення */
                @keyframes imgzoom_figcaption {
                    from {
                        opacity: 0;
                    }
                    to {
                        opacity: 1;
                    }
                }
                #zoomimg > div > figure > figcaption {
                    background: linear-gradient(transparent, rgba(0,0,0,0.4));
                    position: absolute;
                    height: 60px;
                    width:100%;
                    top:calc(100% - 60px);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color:#eee;
                    animation: 3s imgzoom_figcaption;
                }
                /* Попереднє та наступне зображення (перемикачі) початок */
                #zoomimg > div > div:nth-of-type(1),
                #zoomimg > div > div:nth-of-type(2) {
                    background: transparent;
                    position: absolute;
                    width:300px;
                    width:20%;
                    height: 100%;
                    z-index: 1;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    opacity: 0.4;
                    cursor: pointer;
                    box-sizing: border-box;
                }
                #zoomimg > div > div:nth-of-type(1) {
                    border-right: 1px solid transparent;
                }
                #zoomimg > div > div:nth-of-type(2) {
                    border-left: 1px solid transparent;
                }
                                                      
                #zoomimg > div > div:nth-of-type(1) > svg,
                #zoomimg > div > div:nth-of-type(2) > svg {
                    width:100px;
                    height:200px;
                    enable-background:new 0 0 100 220;
                }
                #zoomimg > div > div:nth-of-type(1) > svg > polyline,
                #zoomimg > div > div:nth-of-type(2) > svg > polyline {
                    fill:none;
                    stroke:rgba(255,255,255,0.6);
                    stroke-width:3;
                    stroke-linecap:round;
                    stroke-miterlimit:10;
                }
                                
                #zoomimg > div > div:nth-of-type(2) {
                    margin-left:calc(100% - 300px);
                    margin-left:calc(100% - 30%);
                }
                
                @keyframes imgzoom_prev_next {
                    from {                        
                        background: rgba(255,255,255,0.06);
                        opacity: 1;
                        }   
                    to {
                        background: rgba(255,255,255,0);
                        opacity: 0.3;
                    }
                }
                
                              
                #zoomimg > div > div:nth-of-type(1):hover {
                    animation: 0.4s imgzoom_prev_next forwards; 
                    animation: none;
                    opacity: 1;
                }
                #zoomimg > div > div:nth-of-type(2):hover {
                    animation: 0.4s imgzoom_prev_next forwards;  
                    animation: none;                 
                    opacity: 1;
                }
                
                /* Попереднє та наступне зображення (перемикачі) кінець */
                
                /* Кнопки закрити та оригінал зображення */
                #zoomimg > div > div:nth-of-type(3),
                #zoomimg > div > a {
                    position: absolute;                    
                    background: transparent;
                    z-index: 3;
                    margin-left: calc(100% - 200px);
                    margin-left: auto;
                    margin:0;
                    cursor: pointer;
                    opacity: 0.1;
                }
                
                /* Закрити */
                #zoomimg > div > div:nth-of-type(3) {
                    /* ? */
                    padding: 5%;
                    margin-left: calc(100% - 60px - 10%);
                    
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border: 1px solid transparent;
                }
                
                @keyframes imgzoom_close_and_full {
                    from {                       
                        background: rgba(255,255,255,0.14);
                        }
                    to {                                   
                        background: rgba(255,255,255,0);
                    }
                }
                
                #zoomimg > div > div:nth-of-type(3):hover {
                    opacity: 1;
                    background: rgba(0,0,0,0.3);
                    animation: 0.4s imgzoom_close_and_full forwards;
                }
                /* Оригінал */
                #zoomimg > div > a {
                    align-self: flex-end;
                    /* ? */
                    padding: 20px;
                    width: 20%;
                    margin-left: calc(100% - 20% - 40px);
                    
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;                    
                    color:rgba(255,255,255,0.6);
                    font-weight:600;
                    text-decoration: none;
                    font-size:14pt;
                    opacity: 0.4;
                    border:1px solid transparent;
                }
                                
                
                #zoomimg > div > a:hover {
                    opacity: 1;
                    animation: 0.4s imgzoom_close_and_full forwards;
                }
                
                #zoomimg > div > div:nth-of-type(3) > svg {
                    width: 60px;
                    height: 60px;
                    margin: 0;
                }
                #zoomimg > div > div:nth-of-type(3) > svg > line {                    
                    fill:none;
                    stroke:rgba(255,255,255,0.6);
                    stroke-width:4;
                    stroke-linecap:round;
                    stroke-miterlimit:10;
                }
                
                
                #zoomimg > div > a > svg {
                    width:26px;
                    margin-right:4px;
                }
                
                #zoomimg > div > a > svg > line,
                #zoomimg > div > a > svg > polyline {
                    fill:none;
                    stroke:rgba(255,255,255,0.6);
                    stroke-width:10;
                    stroke-linecap:round;
                    stroke-miterlimit:10;
                }
                /* Збільшене зображення кінець */