.video-container{position:relative;width:100%;height:100%;min-height:240px;background-color:#f8f8f8;overflow:hidden;border-radius:8px;border:1px solid #f4f2ed;margin:8px 0}.video-container .video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f8f8;z-index:1}.video-container .video-placeholder .placeholder-icon{font-size:3rem;color:#a6916c;opacity:.5}.video-container.metadata-loaded .video-placeholder{opacity:0;transition:opacity .3s ease}.video-container video{width:100%;height:100%;object-fit:contain;max-height:400px;position:relative;z-index:2;background-color:rgba(0,0,0,0)}.video-container video[poster]{object-fit:cover}.video-container video.loading{opacity:0}.video-container video.error{opacity:.3}.video-container:hover .video-play-overlay{opacity:1}.video-container .media-video{width:100%;height:100%;object-fit:contain;display:block;background-color:rgba(0,0,0,0)}.video-container .media-video.loading{opacity:.5}.video-container .media-video.error{opacity:.3}.video-container .video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background-color:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;border:none;color:#a6916c;font-size:20px;cursor:pointer;transition:all .2s ease,opacity .3s ease;opacity:.7;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.1)}.video-container .video-play-overlay:hover{background-color:#fff;transform:translate(-50%,-50%) scale(1.1);opacity:1}.video-container .video-play-overlay svg{font-size:24px}.video-container .video-controls{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,rgba(255,255,255,.9));transition:opacity .3s ease;z-index:4}.video-container .video-controls .video-progress-container{width:100%;height:6px;background-color:rgba(166,145,108,.2);border-radius:3px;position:relative;cursor:pointer;margin-bottom:8px}.video-container .video-controls .video-progress-container:hover .video-progress-bar{height:100%;background-color:#a6916c}.video-container .video-controls .video-progress-container .video-progress-background{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:3px}.video-container .video-controls .video-progress-container .video-progress-bar{position:absolute;top:0;left:0;height:100%;background-color:#a6916c;border-radius:3px;transition:height .1s ease}.video-container .video-controls .video-controls-buttons{display:flex;align-items:center;justify-content:space-between}.video-container .video-controls .video-controls-buttons .video-control-button{background:rgba(0,0,0,0);border:none;color:#6c6c6c;font-size:16px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.video-container .video-controls .video-controls-buttons .video-control-button:hover{background-color:rgba(166,145,108,.2);color:#a6916c}.video-container .video-controls .video-controls-buttons .video-control-button svg{font-size:14px}.video-container .video-controls .video-controls-buttons .video-time{color:#6c6c6c;font-size:12px;margin:0 10px;opacity:.8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:80px;text-align:center}.video-container .video-error,.video-container .video-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.7);color:#6c6c6c;z-index:5}.video-container .video-error span,.video-container .video-loading span{margin-top:10px;font-size:14px}.video-container .video-error .spinner,.video-container .video-loading .spinner{animation:spin 1s linear infinite;font-size:24px;color:#a6916c}.video-container .video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.6);color:#6c6c6c;z-index:2}.video-container .video-loading .spinner{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:12px}.video-container .video-error{background-color:hsla(0,0%,100%,.8)}.video-container .video-error svg{color:#ef4444;font-size:24px}.video-container .video-error p{margin-top:10px;font-size:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.video-container{min-height:200px}.video-container .video-play-overlay{width:50px;height:50px}.video-container .video-play-overlay svg{font-size:20px}.video-container .video-controls .video-controls-buttons .video-time{font-size:10px;min-width:60px}.video-container .video-placeholder .placeholder-icon{font-size:2.5rem}}@media(max-width:480px){.video-container{min-height:180px}.video-container .video-play-overlay{width:40px;height:40px}.video-container .video-play-overlay svg{font-size:16px}.video-container .video-controls{padding:8px}.video-container .video-controls .video-progress-container{height:4px;margin-bottom:6px}.video-container .video-controls .video-controls-buttons .video-control-button{width:24px;height:24px}.video-container .video-controls .video-controls-buttons .video-control-button svg{font-size:12px}.video-container .video-controls .video-controls-buttons .video-time{font-size:9px;min-width:50px}.video-container .video-placeholder .placeholder-icon{font-size:2rem}}.media-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px;background-color:rgba(0,0,0,0);margin-bottom:1rem}.media-container.summary-media{margin-bottom:0;height:100%;background-color:rgba(0,0,0,0)}.media-container .media-toggle-buttons{position:absolute;top:15px;right:15px;display:flex;gap:8px;z-index:10}.media-container .media-toggle-buttons .media-toggle-btn{background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.media-container .media-toggle-buttons .media-toggle-btn:hover{background:rgba(0,0,0,.8);transform:scale(1.05)}.media-container .media-toggle-buttons .media-toggle-btn.active{background:var(--primary-color)}.media-container .video-wrapper,.media-container .video-wrapper>*{width:100%;height:100%}.media-container .photo-gallery{position:relative}.media-container .photo-gallery,.media-container .photo-gallery .photo-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.media-container .photo-gallery .photo-container .post-photo{max-width:100%;max-height:100%;object-fit:contain;display:block}.media-container .photo-gallery .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .2s ease;opacity:0;visibility:hidden}.media-container .photo-gallery .gallery-nav:hover{background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.1)}.media-container .photo-gallery .gallery-nav.prev{left:15px}.media-container .photo-gallery .gallery-nav.next{right:15px}.media-container .photo-gallery:hover .gallery-nav{opacity:1;visibility:visible}.media-container .photo-gallery .gallery-indicators{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5;opacity:0;visibility:hidden;transition:all .2s ease}.media-container .photo-gallery .gallery-indicators .indicator{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;transition:background-color .2s ease}.media-container .photo-gallery .gallery-indicators .indicator:hover{background:var(--primary-color)}.media-container .photo-gallery .gallery-indicators .indicator.active{background:#fff}.media-container .photo-gallery:hover .gallery-indicators{opacity:1;visibility:visible}.media-container .image-error,.media-container .image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsla(0,0%,100%,.9);color:#333;z-index:3;border-radius:8px}.media-container .image-error{color:#ff4d4d}@media(max-width:768px){.media-container{height:250px}.media-container.summary-media{height:180px}.media-container .media-toggle-buttons{top:10px;right:10px}.media-container .gallery-nav,.media-container .media-toggle-buttons .media-toggle-btn{width:36px;height:36px}}