.template-page { padding: 3rem 0; }
.template-content { width: 90%; max-width: 1100px; margin: 0 auto; }
.template-gallery { column-count: 1; column-gap: 1rem; }
.template-gallery .gallery-img { width: 100%; margin: 0 0 1rem; break-inside: avoid; cursor: pointer; border-radius: .375rem; box-shadow: 0 1px 2px rgb(0 0 0 / .2); transition: transform .3s ease; }
.template-gallery .gallery-img:hover { transform: scale(1.02); }
@media (min-width: 640px) { .template-gallery { column-count: 2; } }
@media (min-width: 1024px) { .template-gallery { column-count: 3; } }
@media (min-width: 1280px) { .template-gallery { column-count: 4; } }