.rgsg { width: 100%; }
.rgsg .rgsg-caption{
margin-top:8px;
font-size: 13px;
line-height: 1.25;
opacity: .85;
}
.rgsg a { text-decoration: none; }
.rgsg .rgsg-img{
width: 100%;
height: auto;
display: block;
border-radius: 12px;
}
.rgsg .rgsg-crop{
aspect-ratio: var(--rgsg-ar, 4/3);
object-fit: cover;
} .rgsg-grid{
display:grid;
gap: var(--rgsg-gap, 12px);
grid-template-columns: repeat(var(--rgsg-grid-d, 4), 1fr);
}
@media (max-width: 1023px){
.rgsg-grid{ grid-template-columns: repeat(var(--rgsg-grid-t, 3), 1fr); }
}
@media (max-width: 639px){
.rgsg-grid{ grid-template-columns: repeat(var(--rgsg-grid-m, 2), 1fr); }
} .rgsg-masonry{
column-gap: var(--rgsg-gap, 12px);
columns: var(--rgsg-masonry-d, 4);
}
.rgsg-masonry .rgsg-itemwrap{
break-inside: avoid;
margin: 0 0 var(--rgsg-gap, 12px);
}
@media (max-width: 1023px){
.rgsg-masonry{ columns: var(--rgsg-masonry-t, 3); }
}
@media (max-width: 639px){
.rgsg-masonry{ columns: var(--rgsg-masonry-m, 2); }
} .rgsg-itemwrap .rgsg-item, .rgsg-itemwrap .rgsg-slide { display:block; } .rgsg-swiper { width:100%; }
.rgsg .swiper-button-prev,
.rgsg .swiper-button-next{ color: inherit; }  .rgsg-lightbox{
position: fixed;
inset: 0;
background: rgba(0,0,0,.82);
display: grid;
place-items: center;
z-index: 99999;
padding: 24px;
}
.rgsg-lightbox-img{
max-width: min(1200px, 92vw);
max-height: 80vh;
width: auto;
height: auto;
border-radius: 14px;
}
.rgsg-lightbox-cap{
margin-top: 10px;
color: #fff;
max-width: min(1200px, 92vw);
opacity: .9;
}
.rgsg-lightbox-close{
position: fixed;
top: 16px;
right: 16px;
border: 0;
background: #fff;
border-radius: 999px;
width: 42px;
height: 42px;
cursor: pointer;
font-size: 18px;
} .rgsg-lightbox{
padding: 18px;
}
.rgsg-lightbox-img{
max-width: 96vw;
max-height: 84vh;
}
.rgsg-lightbox-prev,
.rgsg-lightbox-next{
position: fixed;
top: 50%;
transform: translateY(-50%);
border: 0;
background: rgba(255,255,255,.9);
border-radius: 999px;
width: 46px;
height: 46px;
cursor: pointer;
font-size: 28px;
line-height: 1;
display: grid;
place-items: center;
}
.rgsg-lightbox-prev{ left: 14px; }
.rgsg-lightbox-next{ right: 14px; }
@media (max-width: 639px){
.rgsg-lightbox-prev,
.rgsg-lightbox-next{
width: 40px;
height: 40px;
font-size: 24px;
}
}  .rgsg-view-slider:not(.rgsg-slider-fixedheight) .rgsg-swiper,
.rgsg-view-slider:not(.rgsg-slider-fixedheight) .rgsg-swiper .swiper-wrapper,
.rgsg-view-slider:not(.rgsg-slider-fixedheight) .rgsg-swiper .swiper-slide{
height: auto !important;
}
.rgsg-view-slider:not(.rgsg-slider-fixedheight) .rgsg-swiper .swiper-slide{
display: flex;
flex-direction: column;
align-items: stretch;
}
.rgsg-view-slider:not(.rgsg-slider-fixedheight) .rgsg-swiper .rgsg-slide{
width: 100%;
}
.rgsg-view-slider:not(.rgsg-slider-fixedheight) .rgsg-swiper .rgsg-img{
width: 100%;
height: auto !important;
object-fit: contain !important;
} .rgsg-swiper .swiper-wrapper{
transition: height .35s ease;
} .rgsg-lightbox[hidden]{
display: none !important;
} .rgsg-lightbox{
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
.rgsg-lightbox-inner{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.rgsg-lightbox-img{
margin: 0 auto !important;
} .rgsg-view-slider.rgsg-slider-fixedheight .rgsg-swiper{
height: var(--rgsg-slider-h-d, auto);
}
@media (max-width: 1023px){
.rgsg-view-slider.rgsg-slider-fixedheight .rgsg-swiper{
height: var(--rgsg-slider-h-t, var(--rgsg-slider-h-d, auto));
}
}
@media (max-width: 639px){
.rgsg-view-slider.rgsg-slider-fixedheight .rgsg-swiper{
height: var(--rgsg-slider-h-m, var(--rgsg-slider-h-t, var(--rgsg-slider-h-d, auto)));
}
}
.rgsg-view-slider.rgsg-slider-fixedheight .rgsg-swiper .swiper-wrapper,
.rgsg-view-slider.rgsg-slider-fixedheight .rgsg-swiper .swiper-slide{
height: 100% !important;
}
.rgsg-view-slider.rgsg-slider-fixedheight .rgsg-slide{
height: 100%;
width: 100%;
}
.rgsg-view-slider.rgsg-slider-fixedheight .rgsg-slide .rgsg-img{
height: 100% !important;
width: 100%;
object-fit: cover !important;
object-position: center;
} .rgsg-view-slider .swiper-button-prev,
.rgsg-view-slider .swiper-button-next{
z-index: 100 !important;
pointer-events: auto !important;
} .rgsg-lightbox--dynamic{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap: 10px;
}
.rgsg-lightbox--dynamic .rgsg-lightbox-swiper{
width: min(1200px, 96vw);
height: 84vh;
}
.rgsg-lightbox--dynamic .swiper-slide{
display:flex;
align-items:center;
justify-content:center;
}
.rgsg-lightbox--dynamic .rgsg-lightbox-img{
max-width: 96vw;
max-height: 84vh;
width: auto;
height: auto;
border-radius: 14px;
}