.rm-product-indicators {
    display: flex;
    gap: 5px;
    z-index: 3 !important;
}

.commercekit-wishlist.mini, li.product .commercekit-wishlist a {
    z-index: 1 !important;
}

@media (max-width: 992px) {
    .archive.cgkit-has-wishlist .shoptimizer-plp-carousel-container {
        overflow-x: visible !important;
    }
}

@media (max-width: 768px) {
    .commercekit-wishlist.mini {
        top: 6px !important;
        right: 6px !important;
    }
}

.rm-indicator {
    display: flex;
    padding: 10px 18px 10px 14px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 30px;
    background: rgba(240, 237, 232, .82);
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    color: #1a1a1a;
}

/* .rm-indicator can end up nested inside <a class="swiper-slide-imglink"> in
   sticky mode; without this, the link's :hover color rule bleeds into the
   badge text when the visitor hovers the gallery image. */
.swiper-slide-imglink:hover .rm-indicator,
a:hover .rm-indicator {
    color: #1a1a1a !important;
}

.rm-loop-indicators {
    position: absolute;
    right: 10px;
    top: 9.929px;
}

/* Positioned relative to the gallery wrapper (not a specific <li>) so it works
   whether CommerceKit renders a real image or its no-image placeholder, and
   keeps displaying correctly through client-side variation image swaps. */
#commercegurus-pdp-gallery-wrapper {
    position: relative;
}

.rm-product-indicators.rm-single-image-indicators {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 12;
    gap: 3px;
    flex-wrap: wrap;
    max-width: calc(100% - 12px);
    left: auto;
    justify-content: right;
}

@media (max-width: 768px) {
    .rm-loop-indicators {
        right: 5px;
        top: 5px;
    }

    .rm-single-image-indicators {
        right: 5px;
        top: 5px;
    }

    .rm-indicator {
        padding: 8px 12px 8px 10px;
        font-size: 11px;
    }
}

.woocommerce-image__wrapper .sale-item.product-label.type-bubble,
.woocommerce-image__wrapper .ckit-badge_wrapper,
#commercegurus-pdp-gallery-wrapper .ckit-badge_wrapper {
    display: none;
}