.woocommerce ul.products li.product .hhs-loop-slider {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    touch-action: pan-y pinch-zoom;
}
.woocommerce ul.products li.product .hhs-loop-slider > .hhs-loop-slider__link {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
}
.woocommerce ul.products li.product .hhs-loop-slider .hhs-loop-slider__link img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: contain;
}
.hhs-loop-slider[aria-busy="true"] > a { opacity: .65; }
.woocommerce ul.products li.product .hhs-loop-slider__arrow {
    display: inline-flex;
    position: absolute;
    top: 50%;
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-height: 44px;
    padding: 0;
    margin: 0;
    border: 1px solid #7b0e20;
    border-radius: 3px;
    background: rgb(255 255 255 / 92%);
    color: #7b0e20;
    font: 32px/1 Arial, sans-serif;
    text-transform: none;
    cursor: pointer;
    transform: translateY(-50%);
}
.hhs-loop-slider__arrow--previous { left: 4px; }
.hhs-loop-slider__arrow--next { right: 4px; }
.woocommerce ul.products li.product .hhs-loop-slider__arrow:hover {
    color: #fff;
    background: #7b0e20;
}
.hhs-loop-slider :is(a, button):focus-visible {
    outline: 3px solid #7b0e20;
    outline-offset: -4px;
}
.hhs-loop-slider__count {
    position: absolute;
    right: 50%;
    bottom: 5px;
    z-index: 2;
    transform: translateX(50%);
    padding: 2px 7px;
    border-radius: 3px;
    color: #fff;
    background: rgb(0 0 0 / 72%);
    font: 12px/1.5 "Open Sans", Arial, sans-serif;
    pointer-events: none;
}
.hhs-loop-slider__status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce ul.products li.product .hhs-loop-slider__arrow {
        width: 36px;
        min-height: 36px;
        font-size: 28px;
        opacity: 0;
        pointer-events: none;
    }
    .woocommerce ul.products li.product .hhs-loop-slider:is(:hover, :focus-within) .hhs-loop-slider__arrow {
        opacity: 1;
        pointer-events: auto;
    }
}
.woocommerce ul.products li.product .hhs-loop-product-surface {
    display: block;
    position: relative;
}

/* YOOtheme's per-link hover border must not split the image/text surface.
   An inset outline leaves dimensions unchanged when hovering or tabbing. */
.woocommerce ul.products li.product .hhs-loop-product-surface a.woocommerce-loop-product__link,
.woocommerce ul.products li.product .hhs-loop-product-surface a.woocommerce-LoopProduct-link {
    border: 0 !important;
}

.woocommerce ul.products li.product .hhs-loop-product-surface::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.woocommerce ul.products li.product .hhs-loop-product-surface:hover::after,
.woocommerce ul.products li.product .hhs-loop-product-surface:focus-within::after {
    outline: 3px solid #7b0e20;
    outline-offset: -3px;
}

