/* ── Hero scroll effect — shop/category pages ── */
.shop-banner {
    overflow: hidden;
    position: relative;
}

.shop-banner .banner-thumbnail {
    transform-origin: center center;
    will-change: transform, opacity;
    transition: none;
}

.shop-banner .module-banner {
    overflow: hidden;
}

.shop-banner .banner-wrapper {
    overflow: hidden;
}

/* ── Active category pill ── */
#sidebar a {
    transition: color 0.2s ease,
                border-left 0.2s ease,
                padding-left 0.2s ease;
    border-left: 2px solid transparent;
    padding-left: 8px;
    display: block;
}

#sidebar a.sc-active {
    color: #009DE0;
    font-weight: 500;
    border-left: 2px solid #009DE0;
    padding-left: 8px;
}