.wmg-wrap{width:100%} .wmg-item{
display:block;
text-decoration:none;
color:inherit;
-webkit-tap-highlight-color: transparent;
margin-bottom: 14px;
}
.wmg-media{
position:relative;
display:block;
width:100%;
overflow:hidden;
border-radius:12px;
}
.wmg-img{
display:block;
width:100% !important;
height:auto !important;
max-width:100% !important;
object-fit: unset !important;
} .wmg-images{
column-count: 4; column-gap: var(--wmg-gap, 14px);} @media (max-width: 1024px){
.wmg-images{ column-count: 4; }
} @media (max-width: 767px){
.wmg-images{ column-count: 2; }
}
}
.wmg-images > .wmg-item{
display: inline-block; width: 100%;
break-inside: avoid;
-webkit-column-break-inside: avoid;
margin: 0 0 var(--wmg-gap, 14px) 0; }
.wmg-images .wmg-media{
height:auto !important;
} .wmg-videos{
display:grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--wmg-gap, 14px);
margin-top: var(--wmg-gap, 14px);
}
@media (max-width: 767px){
.wmg-videos{ grid-template-columns: 1fr; }
}
.wmg-videos .wmg-media{
aspect-ratio: 16 / 9;
}
.wmg-videos img.wmg-img{
width:100% !important;
height:100% !important;
object-fit: cover !important;
} .wmg-video .wmg-play{
position:absolute;
inset: 0;
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
}
.wmg-video .wmg-play::before{
content:"";
width:64px;
height:64px;
border-radius:999px;
background: rgba(0,0,0,0.55);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}
.wmg-video .wmg-play::after{
content:"";
position:absolute;
width:0;height:0;
border-left:16px solid #fff;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
margin-left:4px;
} .wmg-video-fallback{
display:flex;
align-items:center;
justify-content:center;
width:100%;
aspect-ratio: 16 / 9;
background: #111;
}
.wmg-video-badge{
font: 600 14px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
background:#fff;
color:#111;
padding:8px 12px;
border-radius:999px;
} .wmg-lightbox{
position:fixed;
inset:0;
z-index: 999999;
display:none;
}
.wmg-lightbox.is-open{display:block}
.wmg-lb-backdrop{
position:absolute;
inset:0;
background: rgba(0,0,0,0.72);
}
.wmg-lb-content{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
padding: 24px;
}
.wmg-lb-inner{
position:relative;
width: min(1100px, 100%);
max-height: calc(100vh - 48px);
}
.wmg-lb-inner img{
width: auto;
height: auto;
max-width: 100%;
max-height: calc(100vh - 48px);
display:block;
margin: 0 auto;
border-radius: 14px;
background: #000;
object-fit: contain;
} .wmg-lb-inner iframe{
width:100%;
max-height: calc(100vh - 48px);
display:block;
border-radius: 14px;
background: #000;
border:0;
}
.wmg-lb-inner iframe{
height: min(70vh, 650px);
border:0;
}
.wmg-lb-close{
position:absolute;
top: -14px;
right: -14px;
width: 44px;
height: 44px;
border-radius: 999px;
border: 0;
background: #fff;
color: #111;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.wmg-lb-close:before{
content:"×";
font: 600 28px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
margin-top:-2px;
}