/* LG WooCommerce Product Splash */
ul.products li.product,
.woocommerce ul.products li.product,
.single-product div.product .woocommerce-product-gallery {
    position: relative;
}

.woocommerce ul.products li.product,
ul.products li.product {
    overflow: visible;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
ul.products li.product .woocommerce-LoopProduct-link,
ul.products li.product .woocommerce-loop-product__link,
.astra-shop-thumbnail-wrap,
.product-thumbnail,
.product-thumb,
.product-image,
.product-image-wrap,
.product-image-wrapper,
.image-wrap,
.thumbnail-wrapper,
.wc-block-grid__product-image {
    position: relative;
    overflow: visible;
}

.lgwsp-badges {
    position: absolute;
    inset: 0;
    z-index: var(--lgwsp-z-index, 9999) !important;
    pointer-events: none;
    line-height: 1;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
    height: 100%;
}

.lgwsp-badge {
    position: absolute;
    z-index: var(--lgwsp-z-index, 9999) !important;
    box-sizing: border-box;
    width: var(--lgwsp-badge-width, 82px);
    min-width: var(--lgwsp-badge-width, 82px);
    height: var(--lgwsp-badge-height, 170px);
    padding: 24px 10px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--lgwsp-badge-color, #fff);
    background: var(--lgwsp-badge-bg, #06364a);
    font-family: var(--lgwsp-font-family, inherit);
    font-weight: 800;
    letter-spacing: -0.04em;
    text-transform: none;
    clip-path: polygon(0 0, 100% 0, 100% 81%, 50% 100%, 0 81%);
    filter: drop-shadow(0 3px 2px rgba(0,0,0,.08));
    transform: translateZ(0) scale(var(--lgwsp-loop-scale, 1));
    transform-origin: top right;
    visibility: visible !important;
    opacity: 1 !important;
}

.lgwsp-badge--free {
    top: var(--lgwsp-free-top, 24px);
    left: var(--lgwsp-free-left, auto);
    right: var(--lgwsp-free-right, 216px);
    transform-origin: top var(--lgwsp-free-origin, right);
}

.lgwsp-badge--unit {
    top: var(--lgwsp-unit-top, 24px);
    left: var(--lgwsp-unit-left, auto);
    right: var(--lgwsp-unit-right, 122px);
    transform-origin: top var(--lgwsp-unit-origin, right);
}

.lgwsp-badge--discount {
    top: var(--lgwsp-discount-top, 24px);
    left: var(--lgwsp-discount-left, auto);
    right: var(--lgwsp-discount-right, 28px);
    transform-origin: top var(--lgwsp-discount-origin, right);
}

.lgwsp-badge::after {
    content: "";
    position: absolute;
    top: 0;
    right: -9px;
    width: 9px;
    height: 48px;
    background: color-mix(in srgb, var(--lgwsp-badge-bg, #06364a) 72%, #000 28%);
    clip-path: polygon(0 0, 100% 100%, 0 100%);
}

.lgwsp-badge-main {
    display: block;
    font-size: 24px;
    line-height: .92;
}

.lgwsp-badge--unit .lgwsp-badge-main,
.lgwsp-badge--discount .lgwsp-badge-main {
    line-height: .9;
}

.lgwsp-badge-extra {
    display: block;
    margin-top: 12px;
    font-size: var(--lgwsp-discount-extra-font-size, 13px);
    line-height: 1.05;
    letter-spacing: -0.02em;
    font-weight: 800;
}

.lgwsp-badge--free .lgwsp-badge-main {
    font-size: var(--lgwsp-free-font-size, 23px);
}

.lgwsp-badge--unit .lgwsp-badge-main {
    font-size: var(--lgwsp-unit-font-size, 36px);
}

.lgwsp-badge--discount .lgwsp-badge-main {
    font-size: var(--lgwsp-discount-font-size, 30px);
}


@media (max-width: 767px) {
    .lgwsp-badge {
        transform: translateZ(0) scale(calc(var(--lgwsp-loop-scale, 1) * var(--lgwsp-mobile-scale, 1)));
    }
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
    .lgwsp-badge::after {
        opacity: .72;
    }
}