.gfj-wrap{width:100%}
.gfj-title{margin:0 0 22px;font-size:clamp(26px,4vw,40px);line-height:1.1;font-weight:700;text-align:center}
.gfj-grid{display:grid;grid-template-columns:repeat(var(--gfj-cols,4), minmax(0,1fr));gap:22px}
.gfj-card{display:block;text-decoration:none;color:inherit}
.gfj-image{display:block;aspect-ratio:1/1;background:#f2f2f2;overflow:hidden;border-radius:18px;box-shadow:0 8px 25px rgba(0,0,0,.08);transition:transform .25s ease, box-shadow .25s ease}
.gfj-card:hover .gfj-image{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.gfj-image img{width:100%;height:100%;object-fit:cover;display:block}
.gfj-name{display:block;padding:12px 6px 4px;text-align:center;font-weight:600;font-size:16px;line-height:1.3}
.gfj-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:30px;z-index:999999}
.gfj-lightbox.is-open{display:flex}
.gfj-lightbox-content{max-width:min(92vw,1100px);max-height:92vh;text-align:center}
.gfj-lightbox-image{max-width:100%;max-height:80vh;display:block;border-radius:12px}
.gfj-lightbox-caption{color:#fff;margin-top:14px;font-size:16px;line-height:1.4}
.gfj-lightbox-close{position:absolute;top:16px;right:20px;background:transparent;border:0;color:#fff;font-size:42px;line-height:1;cursor:pointer}
@media (max-width: 1024px){.gfj-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 767px){.gfj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gfj-name{font-size:15px;padding:10px 4px 2px}}