.cpiw-thumbs-viewport {
    overflow: hidden;
    width: 100%;
    margin-top: 12px;
}

.cpiw-thumb-track {
    display: flex;
    gap: 8px;
    cursor: grab;
    transition: transform 0.25s ease;
    will-change: transform;
}

.cpiw-thumb-track:active {
    cursor: grabbing;
}

.cpiw-thumb-item {
    flex: 0 0 20%;
    display: flex;
    justify-content: center;
}

.cpiw-thumb {
    width: 100%;
    max-width: 60px;
    border-radius: 6px;
    cursor: pointer;
    border: 2px solid transparent;
}

.cpiw-thumb:hover {
    border-color: #c0002a;
}

/* ACTIVE THUMBNAIL */
.cpiw-thumb.active {
    border-color: #c0002a;
}

/* DRAG CURSOR */
.cpiw-thumb-track {
    cursor: grab;
}

.cpiw-thumb-track.dragging {
    cursor: grabbing;
}

.cpiw-thumb-item img.cpiw-thumb {
    border-radius: 8px;
}

.featureimg-css .cpiw-main-image img.cpiw-featured {
    aspect-ratio: 1 / 1.1;
    object-fit: cover;
}

.cpiw-main-image {
    border-radius: 10px;
}

img.cpiw-thumb.active {
    filter: brightness(0.8);
}

.cpiw-main-image img.cpiw-featured {
    aspect-ratio: 1 / 1.0;
    object-fit: cover;
}

/* FEATURED IMAGE HOVER EFFECT */
.cpiw-main-image {
    overflow: hidden; /* prevents scale overflow */
}

.cpiw-main-image img {
    transition: transform 0.35s ease, filter 0.35s ease;
    will-change: transform, filter;
}

.cpiw-main-image:hover img {
    transform: scale(1.05);
    filter: brightness(0.85);
}