/* Mobile fix: original CSS hides .menu.vertical below 475px (old site had .menu.mobile instead).
   Override to keep the vertical menu visible on all screen sizes. */
@media screen and (max-width: 475px) {
    .menu.vertical {
        display: block !important;
    }
}

/* Menu wraps on small screens instead of overflowing */
.menu.vertical .sgmt ul {
    flex-wrap: wrap;
}

/* Catalog overlay: clickable navigation zones (left/right 30%) */

.overlay-image {
    position: relative;
}

.overlay-nav-zone {
    position: absolute;
    /* top + height set dynamically by JS to match rendered image */
    top: 0;
    height: 100%;
    width: 30%;
    background: transparent;
    transition: background 0.15s ease;
    z-index: 20;
}

.overlay-nav-zone--prev {
    left: 0;
    cursor: w-resize;
}

.overlay-nav-zone--next {
    right: 0;
    cursor: e-resize;
}

.overlay-nav-zone:hover {
    background: rgba(0, 0, 0, 0.15);
}

/* Simulate arrow hover when nav zone is hovered */
.overlay.gallery-overlay .overlay-ctls.arrow-active {
    color: #f9f;
}