.site-gallery-section{padding:54px 0 78px;background:#fff}
.site-gallery-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:0 0 34px;padding:0;border:0}
.site-gallery-tabs .nav-item{margin:0}
.site-gallery-tab{padding:11px 20px;border:1px solid #eadfce;border-radius:999px;background:#fff;color:#4d545b;font:inherit;font-size:14px;font-weight:650;transition:background .16s,border-color .16s,color .16s}
.site-gallery-tab:hover{border-color:#c9a56f;color:#8d6736}
.site-gallery-tabs .site-gallery-tab.active{border-color:#b78947!important;background:#b78947!important;color:#fff!important}
.site-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.site-gallery-item{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:13px;background:#eee;box-shadow:0 7px 25px rgba(30,35,40,.07)}
.site-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .32s ease}
.site-gallery-item:hover img{transform:scale(1.035)}
.site-gallery-zoom{position:absolute;right:12px;bottom:12px;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#9a703b;font-size:16px;opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s}
.site-gallery-item:hover .site-gallery-zoom{opacity:1;transform:translateY(0)}
.site-gallery-empty{padding:46px 24px;border:1px dashed #ddd4c7;border-radius:15px;background:#fbfaf8;color:#747b82;text-align:center}
@media(max-width:991.98px){.site-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-gallery-section{padding-top:42px}}
@media(max-width:767.98px){.site-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-gallery-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-bottom:24px;padding-bottom:5px;scrollbar-width:none}.site-gallery-tabs::-webkit-scrollbar{display:none}.site-gallery-tab{padding:9px 15px;font-size:12px;white-space:nowrap}.site-gallery-zoom{display:none}.site-gallery-section{padding:34px 0 54px}}

@media(max-width:575.98px){
  .site-gallery-section>.container{padding-right:12px;padding-left:12px}
  .site-gallery-tabs{
    margin-right:-12px;
    margin-left:-12px;
    padding-right:12px;
    padding-left:12px;
  }
  .site-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .site-gallery-item{border-radius:10px}
}