/* === PARENT CONTAINER === */ .igl-parent{width:100%;margin:0;padding:0} .igl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;height:550px} img{object-position:left;} @media(max-width:768px){.igl-grid{grid-template-columns:1fr 1fr;gap:.6rem}} @media(max-width:576px){.igl-grid{grid-template-columns:1fr;gap:.5rem}} /* === GRID IMAGES === */ .igl-item{overflow:hidden} .igl-item img{width:100%;height:100%!important;object-fit:cover!important;cursor:pointer;transition:transform .3s ease} .igl-item img:hover{transform:scale(1.08)} /* === LIGHTBOX OVERLAY === */ .igl-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem} @media(max-width:768px){.igl-lightbox{padding:1rem}} @media(max-width:576px){.igl-lightbox{align-items:flex-start;padding-top:4rem}} /* === LIGHTBOX CONTENT === */ .igl-lightbox-content{position:relative;width:80%;height:80%;overflow:hidden;padding:1rem;background-size:cover;background-position:35% 50%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:flex-end;border-radius:12px} @media(max-width:1024px){.igl-lightbox-content{width:100%;height:74%;background-position:35% 50%!important}} @media(max-width:768px){.igl-lightbox-content{flex-direction:column;justify-content:flex-end;width:90%;height:70%;padding:2rem}} @media(max-width:576px){.igl-lightbox-content{width:95%;height:70%;padding:1.5rem}} @media(max-width:476px){.igl-lightbox-content{height:38%;padding:1rem;width:100%;justify-content:center;align-items:flex-end}} /* === LIGHTBOX TEXT === */ .igl-lightbox-text{width:43%;padding:0;background:rgba(0,0,0,0);color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:left} @media(max-width:768px){.igl-lightbox-text{width:100%;text-align:center;padding:1.5rem}} @media(max-width:476px){.igl-lightbox-text{padding:1rem;width:63%}} /* === TITLE & DESCRIPTION === */ .igl-title{font-weight:600;font-size:24px !important;line-height:28px;color:#fff;margin-bottom:1rem} @media(max-width:576px){.igl-title{font-size:20px;line-height:24px}} @media(max-width:476px){.igl-title{font-size:18px}} .igl-desc{font-weight:400;font-size:20px;line-height:24px;color:#fff} @media(max-width:576px){.igl-desc{font-size:18px;line-height:22px}} @media(max-width:476px){.igl-desc{font-size:16px;line-height:20px}} /* === CLOSE BUTTON === */ .igl-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;font-size:28px;font-weight:bold;color:#fff;z-index:10;transition:transform .2s ease,color .2s ease} .igl-close-btn:hover{transform:scale(1.15)} @media(max-width:476px){.igl-close-btn{font-size:22px;top:.5rem;right:.5rem}}