:root{--gallery-h-max:320px;--gallery-h-min:260px;--gallery-h-pref:70vh;--thumb-w:100px;--thumb-h:80px;--thumb-gap:10px}@media (max-width:1024px){:root{--gallery-h-max:400px}}@media (max-width:640px){:root{--gallery-h-max:320px}}.gallery-container{width:100%}.gallery-slide-wrapper{width:100%;height:clamp(var(--gallery-h-min), var(--gallery-h-pref), var(--gallery-h-max));max-height:var(--gallery-h-max);touch-action:pan-y;-ms-touch-action:pan-y;border-radius:12px;position:relative;overflow:hidden}.gallery-main-image{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:12px;width:100%;height:100%;transition:transform .4s,opacity .25s;display:block}@media (min-width:1024px){.gallery-main-image{transform:scale(1.02)}}.gallery-thumbs{justify-content:center;gap:var(--thumb-gap);flex-wrap:wrap;margin-top:15px;display:flex}.gallery-thumb{width:var(--thumb-w);height:var(--thumb-h);background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s,filter .2s;overflow:hidden}.gallery-thumb img{object-fit:cover;filter:grayscale()saturate(0)opacity(.7);width:100%;height:100%;display:block}.gallery-thumb.active{border-color:#000;transform:scale(1.05)}.gallery-thumb.active img{filter:none;opacity:1}.gallery-thumb:hover{cursor:pointer;border-color:#000;transform:scale(1.05)}.gallery-thumb:hover img{filter:none;opacity:1}@media (max-width:768px){:root{--thumb-w:80px;--thumb-h:60px;--thumb-gap:8px}}@media (max-width:480px){:root{--thumb-w:70px;--thumb-h:50px;--thumb-gap:5px}}