/* GLOBAL STYLE + HOVER + MOBILE */
body{margin:0;font-family:Montserrat,system-ui;background:#edf0f2;color:#222}
h1{margin:24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;padding:24px}
.item{background:#f7f7f7;border-radius:12px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,.08);cursor:pointer;
transition:transform .25s ease,box-shadow .25s ease}
.item:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.preview-thumb{height:160px;border-radius:8px;overflow:hidden;background:#e6e1d8}
.preview-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.item:hover img{transform:scale(1.05)}
@media(max-width:600px){h1{font-size:26px}.grid{gap:16px}}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:9999}
.lightbox-content{max-width:92%;max-height:92%;position:relative}
.lightbox img,.lightbox video{max-width:100%;max-height:90vh;border-radius:14px}
.close{position:absolute;top:-42px;right:0;color:#fff;font-size:34px;cursor:pointer}

.back-btn{
  display:inline-block;
  margin:24px;
  text-decoration:none;
  color:#3b342b;
  font-weight:600;
  background:linear-gradient(180deg,#fff,#f0efe9);
  padding:10px 16px;
  border-radius:10px;
  box-shadow:0 6px 18px rgba(0,0,0,0.12);
}

.back-btn:hover{
  transform:translateY(-2px);
}