.ik-works-head { margin: 20px 0 10px; }
.ik-works-buttons { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin: 20px 0 40px; }
.ik-works-align-left { justify-content:flex-start; }
.ik-works-align-right { justify-content:flex-end; }
.ik-works-btn { padding: 14px 24px; border-radius: 10px; font-weight: 700; text-decoration:none; transition: transform .08s ease, opacity .2s ease; display:inline-block; }
.ik-works-btn:hover { transform: translateY(-1px); opacity:.92; }

/* Grid */
.ik-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 1200px){ .ik-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 800px){ .ik-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px){ .ik-grid { grid-template-columns: 1fr; } }
.ik-grid .ik-grid-item { display:block; position:relative; overflow:hidden; border-radius: 10px; }
.ik-grid .ik-grid-item img { width:100%; height:100%; object-fit:cover; display:block; }

/* Lightbox */
#ik-lightbox { position:fixed; inset:0; background: rgba(0,0,0,.9); display:none; align-items:center; justify-content:center; z-index: 99999; }
#ik-lightbox.is-open { display:flex; }
#ik-lightbox img { max-width: 92vw; max-height: 90vh; }
#ik-lightbox .ik-close, #ik-lightbox .ik-prev, #ik-lightbox .ik-next {
  position:absolute; top:50%; transform: translateY(-50%);
  background: rgba(255,255,255,.15); border:none; padding:12px 16px; cursor:pointer; font-size:18px; color:#fff; border-radius:8px;
}
#ik-lightbox .ik-close { top: 24px; right: 24px; transform:none; }
#ik-lightbox .ik-prev { left: 24px; }
#ik-lightbox .ik-next { right: 24px; }
#ik-lightbox .ik-counter { position:absolute; bottom:16px; left:50%; transform:translateX(-50%); color:#fff; opacity:.8; }