.elementor-widget-webellio_super_deal_product_image {
    --webellio-sd-badge-width: 190px;
    --webellio-sd-offset-x: 20px;
    --webellio-sd-offset-y: 18px;
    --webellio-sd-rotation: -4deg;
    --webellio-sd-super-bg: #0f4f86;
    --webellio-sd-deal-bg: #e63e18;
    --webellio-sd-star-bg: #f7bb21;
}

.webellio-sd-wrap {
    display: flex;
    width: 100%;
    justify-content: center;
}

.webellio-sd-media {
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.webellio-sd-image-link {
    display: block;
    width: 100%;
}

.webellio-sd-product-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    box-sizing: border-box;
}

.webellio-sd-badge {
    position: absolute;
    width: var(--webellio-sd-badge-width);
    height: calc(var(--webellio-sd-badge-width) * 0.56);
    z-index: 10;
    transform: rotate(var(--webellio-sd-rotation));
    transform-origin: 50% 50%;
    pointer-events: none;
    filter: drop-shadow(0 calc(var(--webellio-sd-badge-width) * 0.018) calc(var(--webellio-sd-badge-width) * 0.025) rgba(0, 0, 0, 0.20));
}

.webellio-sd-position-top-left {
    top: var(--webellio-sd-offset-y);
    left: var(--webellio-sd-offset-x);
}

.webellio-sd-position-top-right {
    top: var(--webellio-sd-offset-y);
    right: var(--webellio-sd-offset-x);
}

.webellio-sd-position-bottom-left {
    bottom: var(--webellio-sd-offset-y);
    left: var(--webellio-sd-offset-x);
}

.webellio-sd-position-bottom-right {
    right: var(--webellio-sd-offset-x);
    bottom: var(--webellio-sd-offset-y);
}

.webellio-sd-super,
.webellio-sd-deal {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    line-height: 0.92;
    letter-spacing: calc(var(--webellio-sd-badge-width) * -0.004);
    text-transform: uppercase;
    text-shadow: 0 calc(var(--webellio-sd-badge-width) * 0.009) 0 rgba(0, 0, 0, 0.18);
    box-sizing: border-box;
}

.webellio-sd-super {
    top: calc(var(--webellio-sd-badge-width) * 0.08);
    left: calc(var(--webellio-sd-badge-width) * 0.04);
    width: calc(var(--webellio-sd-badge-width) * 0.72);
    height: calc(var(--webellio-sd-badge-width) * 0.23);
    padding: calc(var(--webellio-sd-badge-width) * 0.018) calc(var(--webellio-sd-badge-width) * 0.035) 0;
    background: var(--webellio-sd-super-bg);
    font-size: calc(var(--webellio-sd-badge-width) * 0.176);
    clip-path: polygon(7% 4%, 100% 0, 97% 90%, 10% 100%, 10% 78%, 0 89%, 4% 46%, 0 14%);
}

.webellio-sd-badge::before {
    content: "";
    position: absolute;
    left: calc(var(--webellio-sd-badge-width) * 0.038);
    top: calc(var(--webellio-sd-badge-width) * 0.245);
    width: calc(var(--webellio-sd-badge-width) * 0.14);
    height: calc(var(--webellio-sd-badge-width) * 0.10);
    background: var(--webellio-sd-super-bg);
    clip-path: polygon(100% 0, 100% 100%, 0 68%);
    filter: brightness(0.78);
    z-index: -1;
}

.webellio-sd-deal {
    top: calc(var(--webellio-sd-badge-width) * 0.30);
    left: calc(var(--webellio-sd-badge-width) * 0.27);
    width: calc(var(--webellio-sd-badge-width) * 0.59);
    height: calc(var(--webellio-sd-badge-width) * 0.23);
    padding-top: calc(var(--webellio-sd-badge-width) * 0.012);
    background: var(--webellio-sd-deal-bg);
    font-size: calc(var(--webellio-sd-badge-width) * 0.18);
    clip-path: polygon(2% 9%, 96% 0, 100% 91%, 4% 100%);
}

.webellio-sd-star {
    position: absolute;
    top: calc(var(--webellio-sd-badge-width) * -0.01);
    right: calc(var(--webellio-sd-badge-width) * -0.005);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--webellio-sd-badge-width) * 0.31);
    height: calc(var(--webellio-sd-badge-width) * 0.31);
    padding: calc(var(--webellio-sd-badge-width) * 0.045);
    color: #111;
    background: var(--webellio-sd-star-bg);
    clip-path: polygon(50% 0%, 59% 13%, 72% 5%, 77% 21%, 93% 18%, 91% 35%, 100% 43%, 87% 54%, 96% 68%, 79% 72%, 79% 89%, 62% 84%, 50% 100%, 39% 85%, 22% 92%, 21% 74%, 4% 69%, 13% 54%, 0 43%, 10% 34%, 7% 17%, 24% 21%, 29% 5%, 42% 13%);
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(var(--webellio-sd-badge-width) * 0.065);
    font-weight: 900;
    line-height: 0.95;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
}

.webellio-sd-star span {
    display: block;
    transform: rotate(calc(var(--webellio-sd-rotation) * -1));
}

.webellio-sd-editor-notice {
    padding: 14px 16px;
    border: 1px dashed #c5c5c5;
    border-radius: 4px;
    background: #fafafa;
    color: #555;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .elementor-widget-webellio_super_deal_product_image {
        --webellio-sd-badge-width: 110px;
        --webellio-sd-offset-x: 10px;
        --webellio-sd-offset-y: 10px;
    }
}