/* Modal Video Styles */
.modal-video-overlay {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.8);
 z-index: 9999;
 display: flex;
 justify-content: center;
 align-items: center;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s ease, visibility 0.3s ease;
}

.modal-video-overlay.is-active {
 opacity: 1;
 visibility: visible;
}

.modal-video-container {
 position: relative;
 width: 90%;
 max-width: 800px;
 background: #000;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.modal-video-close {
 position: absolute;
 top: -40px;
 right: 0;
 background: none;
 border: none;
 color: #fff;
 font-size: 30px;
 cursor: pointer;
 line-height: 1;
}

.modal-video-wrapper {
 position: relative;
 padding-bottom: 56.25%;
 /* 16:9 */
 height: 0;
 overflow: hidden;
}

.modal-video-wrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* Thumbnail Trigger Styles */
.cmn-modelhouse_movie_trigger {
 position: relative;
 width: 100%;
 padding-bottom: 56.25%;
 background-color: #000;
 cursor: pointer;
 margin-top: 15px;
 overflow: hidden;
 display: block;
}

.cmn-modelhouse_movie_trigger img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 opacity: 0.8;
 transition: opacity 0.3s;
}

.cmn-modelhouse_movie_trigger:hover img {
 opacity: 1;
}

.cmn-modelhouse_movie_trigger::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 68px;
 height: 48px;
 background-image: url("data:image/svg+xml,%3Csvg height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f00'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-size: contain;
 transition: transform 0.2s;
}

.cmn-modelhouse_movie_trigger:hover::after {
 transform: translate(-50%, -50%) scale(1.1);
}