: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);border-radius:12px;overflow:hidden;position:relative;touch-action:pan-y;-ms-touch-action:pan-y}.gallery-main-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;user-select:none;pointer-events:none;transition:transform .4s ease,opacity .25s ease}@media (min-width:1024px){.gallery-main-image{transform:scale(1.02)}}.gallery-thumbs{margin-top:15px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--thumb-gap)}.gallery-thumb{border:2px solid #e2e8f0;border-radius:12px;width:var(--thumb-w);height:var(--thumb-h);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;background:#fff}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%) saturate(0) opacity(.7)}.gallery-thumb.active{border-color:#000;transform:scale(1.05)}.gallery-thumb.active img{filter:none;opacity:1}.gallery-thumb:hover{border-color:#000;transform:scale(1.05);cursor:pointer}.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}}