.gallery-container{display:flex;gap:1rem;max-width:100%}.thumbnail-container{display:flex;flex-direction:column;gap:.75rem;width:70px}.thumbnail-item{width:70px;height:70px;border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .2s ease}.thumbnail-item:hover{border-color:#2e5b5b}.main-image-container{flex:1;position:relative;background-color:#f5f5f5;border-radius:4px;height:400px;min-width:0}.custom-image-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;overflow:hidden;position:relative;cursor:zoom-in}.zoom-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-repeat:no-repeat;pointer-events:none}.nav-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:#fff;border-radius:50%;cursor:pointer;opacity:.8;transition:opacity .2s ease;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav-button:hover{opacity:1}@media (max-width:1024px){.custom-image-container{height:300px}.thumbnail-container{width:60px}.thumbnail-item{width:50px;height:50px}}@media (max-width:768px){.gallery-container{flex-direction:column-reverse}.thumbnail-container{flex-direction:row;width:100%;overflow-x:auto;padding-bottom:.5rem}.custom-image-container{height:200px}.nav-button{width:30px;height:30px}.main-image-container{height:200px}}