.wtc-image-grid-container{width:100%;padding:20px;box-sizing:border-box}
.wtc-image-grid-layout{display:grid;gap:10px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-3x1{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-3x1 .wtc-image-grid-item{aspect-ratio:1}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"image1 image2" "image3 image3"}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--1{grid-area:image1;width:100%;height:100%;max-height:400px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--2{grid-area:image2;width:100%;height:100%;max-height:400px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--3{grid-area:image3;width:100%;height:100%;max-height:400px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:400px 400px;grid-template-areas:"image1 image3" "image2 image3"}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1 .wtc-image-grid-item--1{grid-area:image1;width:100%;height:100%;min-height:400px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1 .wtc-image-grid-item--2{grid-area:image2;width:100%;height:100%;min-height:400px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1 .wtc-image-grid-item--3{grid-area:image3;width:100%;height:810px}
.wtc-image-grid-item{position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease}
.wtc-image-grid-item:hover{transform:scale(1.02)}
.wtc-image-grid-item:hover .wtc-image-grid-overlay{opacity:1}
.wtc-image-grid-image-container{position:relative;width:100%;height:100%}
.wtc-image-grid-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}
.wtc-image-grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);opacity:0;transition:opacity .3s ease}
.wtc-image-grid-maximize-icon{position:absolute;top:10px;right:10px;background:#14b1e7;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.wtc-image-grid-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.wtc-image-grid-modal-content{position:relative;max-width:90vw;max-height:90vh;width:100%;height:100%;display:flex;align-items:center;justify-content:center;max-width:1200px}
.wtc-image-grid-modal-close{position:absolute;top:20px;right:20px;background:#14b1e7;border:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}
.wtc-image-grid-carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.wtc-image-grid-carousel-container{position:relative;width:100%;height:100%;overflow:hidden}
.wtc-image-grid-carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}
.wtc-image-grid-carousel-slide.active{opacity:1}
.wtc-image-grid-carousel-image{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}
.wtc-image-grid-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);border:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}
.wtc-image-grid-carousel-nav.wtc-image-grid-carousel-prev{left:20px}
.wtc-image-grid-carousel-nav.wtc-image-grid-carousel-next{right:20px}
.wtc-image-grid-carousel-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}
.wtc-image-grid-carousel-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);border:0;cursor:pointer;transition:background .3s ease}
.wtc-image-grid-carousel-dot.active{background:white}
.wtc-image-grid-carousel-dot:hover{background:rgba(255,255,255,0.8)}
@media(max-width:1024px) and (min-width:769px){.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--1,.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--2,.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--3{max-height:300px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1{grid-template-rows:300px 300px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1 .wtc-image-grid-item--1,.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1 .wtc-image-grid-item--2{min-height:300px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1 .wtc-image-grid-item--3{height:610px}
}
@media(max-width:768px){.wtc-image-grid-container{padding:10px}
.wtc-image-grid-layout{gap:5px}
.wtc-image-grid-modal{padding:10px}
.wtc-image-grid-modal-close,.wtc-image-grid-carousel-nav{width:35px;height:35px}
.wtc-image-grid-carousel-nav.wtc-image-grid-carousel-prev{left:10px}
.wtc-image-grid-carousel-nav.wtc-image-grid-carousel-next{right:10px}
.wtc-image-grid-carousel-dots{bottom:10px}
.wtc-image-grid-maximize-icon{width:35px;height:35px;top:8px;right:8px}
.wtc-image-grid-overlay{opacity:1;background-color:transparent}
.wtc-image-grid-overlay .wtc-image-grid-maximize-icon{opacity:1;z-index:20}
.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--1,.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--2{aspect-ratio:1;height:auto}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--1,.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--2,.wtc-image-grid-layout.wtc-image-grid-layout--grid-2x1-1 .wtc-image-grid-item--3{max-height:200px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1{grid-template-rows:200px 200px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1 .wtc-image-grid-item--1,.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1 .wtc-image-grid-item--2{min-height:200px}
.wtc-image-grid-layout.wtc-image-grid-layout--grid-1-2x1 .wtc-image-grid-item--3{height:405px}
}