.media-detail-images-container{display:flex;flex-direction:row;gap:20px;padding:0;margin-bottom:0;width:100%;height:100%}.media-detail-images-main{flex:1;width:100%}.media-detail-main-image-wrapper{min-height:530px;overflow:hidden}.media-detail-main-image,.media-detail-main-image-wrapper{position:relative;width:100%;height:100%}.media-detail-main-image img{width:100%;height:100%;object-fit:cover}.media-detail-main-image-fade img{animation:mediaDetailImageFadeIn .4s ease-out}@keyframes mediaDetailImageFadeIn{0%{opacity:0}to{opacity:1}}.media-detail-images-thumbnails{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:5px;flex-shrink:0}.media-detail-thumbnail{width:90px;height:102px;cursor:pointer;border:2px solid transparent;overflow:hidden;opacity:.6;transition:opacity .2s ease,border-color .2s ease,transform .2s ease;position:relative}.media-detail-thumbnail:hover{opacity:.8;transform:scale(1.05)}.media-detail-thumbnail.active{opacity:1}.media-detail-thumbnail img{width:100%;height:100%;object-fit:cover}.media-detail-thumbnail.has-more-indicator:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1}.media-detail-thumbnail-more-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:16px;font-weight:600;padding:4px 8px;border-radius:4px;z-index:2;pointer-events:auto;cursor:pointer}@media (max-width:1400px){.media-detail-images-container{padding:0}}@media (max-width:1250px){.media-detail-images-container{padding:0}.media-detail-main-image,.media-detail-main-image-wrapper{min-height:500px;max-height:500px}}@media (max-width:991px){.media-detail-images-container{padding:0;flex-direction:column}.media-detail-images-thumbnails{flex-direction:row;width:100%;overflow-x:auto;padding-bottom:10px}.media-detail-main-image,.media-detail-main-image img,.media-detail-main-image-wrapper{min-height:unset;max-height:unset}.media-detail-thumbnail{flex-shrink:0}.media-detail-main-image-wrapper{height:400px}}@media (max-width:650px){.media-detail-main-image-wrapper{height:300px}.media-detail-nav-button{width:40px;height:40px}.media-detail-nav-button-left{left:10px}.media-detail-nav-button-right{right:10px}}.media-detail-gallery-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.95);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.media-detail-gallery-content{width:100%;max-width:1400px;height:100vh;max-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.media-detail-gallery-close{position:fixed;top:110px;right:20px;background:rgba(255,255,255,.15);border:none;color:white;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1002;transition:background .2s ease;backdrop-filter:blur(4px)}.media-detail-gallery-close:hover{background:rgba(255,255,255,.2)}.media-detail-gallery-main{flex:1;margin-top:20px;margin-bottom:20px}.media-detail-gallery-main,.media-detail-gallery-main-image{display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.media-detail-gallery-main-image{width:100%;height:85vh;max-height:calc(100vh - 300px);overflow:hidden;cursor:zoom-in;top:0}.media-detail-gallery-main-image img{max-width:100%;max-height:100%;width:auto;min-height:50vh;height:auto;object-fit:contain;transition:transform .3s ease;cursor:zoom-in}.media-detail-gallery-main-image.zoomed{overflow-y:auto;overflow-x:hidden;cursor:zoom-out;-webkit-overflow-scrolling:touch}.media-detail-gallery-main-image.zoomed img.zoomed-image{transform:scale(2);cursor:zoom-out;transition:transform .3s ease}.media-detail-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:background .2s ease}.media-detail-gallery-nav:hover{background:rgba(255,255,255,.2)}.media-detail-gallery-nav-left{left:20px}.media-detail-gallery-nav-right{right:20px}.media-detail-gallery-thumbnails{display:flex;gap:10px;justify-content:center;padding:0 20px 20px;overflow-x:auto;max-width:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.media-detail-gallery-thumbnails::-webkit-scrollbar{display:none}.media-detail-gallery-thumbnail{width:100px;height:100px;flex-shrink:0;cursor:pointer;border:2px solid transparent;border-radius:4px;overflow:hidden;opacity:.6;transition:opacity .2s ease,border-color .2s ease}.media-detail-gallery-thumbnail:hover{opacity:.8}.media-detail-gallery-thumbnail.active{opacity:1;border-color:white}.media-detail-gallery-thumbnail img{width:100%;height:100%;object-fit:cover}@media (max-width:768px){.media-detail-gallery-nav{width:40px;height:40px}.media-detail-gallery-nav-left{left:10px}.media-detail-gallery-nav-right{right:10px}.media-detail-gallery-close{position:fixed;top:105px;right:15px;width:38px;height:38px;z-index:1002}.media-detail-gallery-thumbnails{padding:10px;gap:8px}.media-detail-gallery-thumbnail{width:80px;height:80px}}@media (max-width:320px){.media-detail-gallery-thumbnails{justify-content:flex-start;padding:10px;gap:8px;scroll-padding-left:10px}.media-detail-gallery-thumbnail{width:70px;height:70px;flex-shrink:0}.media-detail-gallery-thumbnail:first-child{margin-left:0}}@media (max-height:620px){.media-detail-gallery-overlay{padding:10px}.media-detail-gallery-content{height:100vh;max-height:100vh;padding:0}.media-detail-gallery-close{position:fixed;top:100px;right:10px;width:36px;height:36px;background:rgba(255,255,255,.2);z-index:1002}.media-detail-gallery-close svg{width:18px;height:18px}.media-detail-gallery-main{margin-top:50px;margin-bottom:-40px;flex:1 1 auto;min-height:0}.media-detail-gallery-main-image{height:calc(100vh - 180px);max-height:calc(100vh - 180px);top:0;padding:10px}.media-detail-gallery-nav{width:36px;height:36px;background:rgba(255,255,255,.15)}.media-detail-gallery-nav svg{width:20px;height:20px}.media-detail-gallery-nav-left{left:5px}.media-detail-gallery-nav-right{right:5px}.media-detail-gallery-thumbnails{padding:8px 10px;gap:6px;flex-shrink:0;max-height:120px;overflow-y:hidden;justify-content:flex-start;scroll-padding-left:10px}.media-detail-gallery-thumbnail{width:60px;height:60px;flex-shrink:0}.media-detail-gallery-main-image.zoomed{height:calc(100vh - 150px);max-height:calc(100vh - 150px)}}@media (max-width:768px) and (max-height:620px){.media-detail-gallery-main{margin-top:40px;margin-bottom:5px}.media-detail-gallery-main-image{height:calc(100vh - 180px);max-height:calc(100vh - 180px);padding:5px}.media-detail-gallery-close{position:fixed;top:90px;right:10px;width:34px;height:34px;z-index:1002}.media-detail-gallery-thumbnails{padding:5px 5px 5px 10px;gap:5px;max-height:100px;justify-content:center;scroll-padding-left:10px}.media-detail-gallery-thumbnail{width:55px;height:55px}}@media (max-width:320px) and (max-height:620px){.media-detail-gallery-thumbnails{padding:5px 5px 5px 10px;gap:5px;max-height:100px;justify-content:flex-start;scroll-padding-left:10px}.media-detail-gallery-thumbnail{width:55px;height:55px}}