.photo-gallery-main{display:block;gap:10px;--radius:.675rem}
.photo-wrapper{position:relative;width:100%;height:100%;overflow:hidden}
.photo-wrapper img{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}
.photo-wrapper::before{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;border-radius:inherit}
.photo-wrapper:hover::before{opacity:.15}
.photo-gallery-5{display:grid;grid-template-columns:2fr 1fr;gap:10px}
.photo-gallery-5 .photo-main{grid-row:1/span 2;grid-column:1/2;position:relative}
.photo-gallery-5 .photo-main .photo-wrapper{border-radius:var(--radius) 0 0 var(--radius)}
.photo-gallery-5 .photo-grid{grid-row:1/span 2;grid-column:2/3;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(80px,1fr);gap:10px}
.photo-gallery-5 .photo-grid .photo-wrapper{border-radius:0}
.photo-gallery-5 .photo-grid .photo-wrapper:nth-child(2){border-radius:0 var(--radius) 0 0}
.photo-gallery-5 .photo-last.photo-wrapper{border-radius:0 0 var(--radius) 0;position:relative}
.photo-gallery-5 .photo-show-more{position:absolute;bottom:15px;right:15px;background:rgba(255,255,255,.8);color:var(--theme-color,#333);padding:4px 12px;border-radius:6px;text-decoration:none;font-size:.9rem;z-index:3}
.photo-code{position:absolute;bottom:15px;left:15px;background:rgba(255,255,255,.8);color:var(--theme-color,#333);padding:4px 12px;border-radius:6px;text-decoration:none;font-size:.9rem;z-index:3}
.photo-gallery-4{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.photo-gallery-4 .photo-main{grid-row:1/span 2;grid-column:1/2}
.photo-gallery-4 .photo-main .photo-wrapper{border-radius:var(--radius) 0 0 var(--radius)}
.photo-gallery-4 .photo-top-right{grid-row:1/2;grid-column:2/3}
.photo-gallery-4 .photo-top-right .photo-wrapper{border-radius:0 var(--radius) 0 0}
.photo-gallery-4 .photo-bottom-right{grid-row:2/3;grid-column:2/3;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.photo-gallery-4 .photo-bottom-right .photo-wrapper{border-radius:0}
.photo-gallery-4 .photo-bottom-right .photo-wrapper:last-child{border-radius:0 0 var(--radius) 0}
.photo-gallery-3{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.photo-gallery-3 .photo-main{grid-row:1/span 2;grid-column:1/2}
.photo-gallery-3 .photo-main .photo-wrapper{border-radius:var(--radius) 0 0 var(--radius)}
.photo-gallery-3 .photo-top-right{grid-row:1/2;grid-column:2/3}
.photo-gallery-3 .photo-top-right .photo-wrapper{border-radius:0 var(--radius) 0 0}
.photo-gallery-3 .photo-bottom-right{grid-row:2/3;grid-column:2/3}
.photo-gallery-3 .photo-bottom-right .photo-wrapper{border-radius:0 0 var(--radius) 0}
.photo-gallery-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.photo-gallery-2 .photo-wrapper:first-child{border-radius:var(--radius) 0 0 var(--radius)}
.photo-gallery-2 .photo-wrapper:last-child{border-radius:0 var(--radius) var(--radius) 0}
.photo-gallery-1{display:block;width:100%}
.photo-gallery-1 .photo-wrapper{border-radius:var(--radius)}
.swiper-pagination-mobile-custom{font-size:.75rem!important;line-height:1rem!important;background-color:rgba(34,34,34,.66)!important;border-radius:4px!important;color:#fff!important;font-weight:500!important;margin-bottom:16px!important;margin-right:12px!important;padding:3px 10px!important;position:absolute;right:15px;bottom:15px;width:auto;left:auto;margin:0}