.vyroba{padding-top:48px}.vyroba .row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:30px}.vyroba .item.one{grid-column:1/2;grid-row:1/3}.vyroba .item.two{grid-column:2/3;grid-row:1/2}.vyroba .item.three{grid-column:2/3;grid-row:2/3}.vyroba .item.four{grid-column:3/4;grid-row:1/3}.vyroba .item{position:relative;display:grid;place-items:center}.vyroba img.vyroba-photo{width:100%;height:100%;object-fit:cover}.vyroba .item img{cursor:pointer}.vyroba img.icon-play{position:absolute;transition:all .2s ease-in-out}.vyroba .item:hover img.icon-play{scale:1.1}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center;z-index:1000}.video-modal-content{position:relative;width:60%;height:60%;padding:0;border-radius:0;overflow:hidden}.react-player{position:absolute;top:0;left:0;width:100%!important;height:100%!important}@media (max-width:1280px){.video-modal-content{width:80%;height:60%}}@media (max-width:1024px){.video-modal-content{width:80%;height:50%}}@media (max-width:640px){.video-modal-content{width:90%;height:40%}}@media (max-width:1280px){.vyroba img.icon-play{max-height:100px}}@media (max-width:1024px){.vyroba img.icon-play{max-height:80px}}@media (max-width:768px){.vyroba .row{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:20px}.vyroba .item.one{grid-column:1/2;grid-row:1/3}.vyroba .item.two{grid-column:2/3;grid-row:1/2}.vyroba .item.three{grid-column:1/2;grid-row:3/4}.vyroba .item.four{grid-column:2/3;grid-row:2/4}.vyroba img.icon-play{max-height:70px}}@media (max-width:475px){.vyroba .row{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.vyroba .item.four,.vyroba .item.one,.vyroba .item.three,.vyroba .item.two{grid-column:1/2;grid-row:auto}.vyroba img.icon-play{max-height:60px}}