@charset "UTF-8";.container{max-width:1200px;margin:auto;font-family:Arial}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 6px 15px rgba(0,0,0,0.12)}.card img{width:100%;height:100%;object-fit:cover;transition:0.3s}.card:hover img{transform:scale(1.08)}.card span{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.65);color:#fff;font-size:12px;padding:7px;text-align:center;font-weight:500}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.92);display:none;align-items:center;justify-content:center;z-index:999}.lightbox img{max-width:90%;max-height:90%;border-radius:10px}.lightbox.active{display:flex}@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}