.knm-ribbon-container {
    display: block;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    pointer-events: none;
}

.knm_cuba_pos_container a {
    text-decoration: none;
}

.knm-ribbon-container .knm_cuba_pos_container > a {
    pointer-events: all;
}

#gallery_wrapper .knm-ribbon-container {
    height: calc(100% - 2rem);
    width: calc(100% - 2rem);
}

.knm-ribbon-container {
    display: block;
    flex-direction: column;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.knm-ribbon-container .ribbon {
    position: relative;
    margin-right: auto;
    width: auto;
}

.knm-ribbon-container .knm_ribbon::before {
    border-right-color: inherit;
}

.knm-ribbon-container .knm_badge_image {
    transition: all 0.2s ease-in-out;
    position: relative;
    left: -0.5rem;
    z-index: 2;
    max-width: 100%;
    top: 0;
    margin-right: auto;
    text-align: left;
    width: auto;
}

#image_wrapper.fullscreen .knm-ribbon-container {
    display: none;
}

.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_0 .knm_badge_image,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_3 .knm_badge_image,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_6 .knm_badge_image {
    left: -1.5rem;
}

.knm-ribbon-container .knm_cuba_pos_2 .knm_badge_image,
.knm-ribbon-container .knm_cuba_pos_4 .knm_badge_image,
.knm-ribbon-container .knm_cuba_pos_7 .knm_badge_image {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
    left: unset;
    right: -.5rem !important;
}
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_2 .knm_badge_image,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_4 .knm_badge_image,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_7 .knm_badge_image,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_2 .ribbon,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_4 .ribbon,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_7 .ribbon {
    right: -1.5rem !important;
}
.productbox.productbox-hover .knm-ribbon-container .knm_cuba_pos_2 .knm_badge_image,
.productbox.productbox-hover .knm-ribbon-container .knm_cuba_pos_4 .knm_badge_image,
.productbox.productbox-hover .knm-ribbon-container .knm_cuba_pos_7 .knm_badge_image,
.productbox.productbox-hover .knm-ribbon-container .knm_cuba_pos_2 .ribbon,
.productbox.productbox-hover .knm-ribbon-container .knm_cuba_pos_4 .ribbon,
.productbox.productbox-hover .knm-ribbon-container .knm_cuba_pos_7 .ribbon {
    right: 0;
    left: unset;
}
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_0 .knm_badge_image,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_1 .knm_badge_image,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_2 .knm_badge_image,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_0 .ribbon,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_1 .ribbon,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_2 .ribbon {
    top: -0.5rem!important;
}

.knm-ribbon-container .knm_cuba_pos_2.ribbon,
.knm-ribbon-container .knm_cuba_pos_4.ribbon,
.knm-ribbon-container .knm_cuba_pos_7.ribbon {
    margin-left: auto;
    margin-right: 0;
}


.knm_cuba_pos_container {
    position: absolute;
    z-index: 1;
    width: auto;
    display: flex;
    flex-direction: column;
}
.knm-ribbon-container .knm_cuba_pos_container > a {
    pointer-events: all;
}

.productbox-ribbon.ribbon {
    top: 0;
}

.knm-ribbon-container div.knm_cuba_pos_0:not(.ribbon) {
    top: 0;
    left: 0;
}

.knm-ribbon-container div.knm_cuba_pos_1:not(.ribbon) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.knm-ribbon-container div.knm_cuba_pos_2:not(.ribbon) {
    top: 0;
    left: unset !important;
    right: 0;
}

.knm-ribbon-container div.knm_cuba_pos_3:not(.ribbon) {
    top: 50% !important;
    left: 0;
    transform: translateY(-50%);
}

.knm-ribbon-container div.knm_cuba_pos_3:not(.ribbon) div.knm_cuba_pos_3:not(.ribbon) {
    transform: translateY(0);
}

.knm-ribbon-container div.knm_cuba_pos_4:not(.ribbon) {
    top: 50% !important;
    left: unset !important;
    right: 0;
    transform: translateY(-50%);
}

.knm-ribbon-container div.knm_cuba_pos_5:not(.ribbon) {
    height: fit-content;
    left: 0;
    top: unset !important;
    bottom: 0;
}

.knm-ribbon-container div.knm_cuba_pos_6:not(.ribbon) {
    height: fit-content;
    left: 50%;
    transform: translateX(-50%);
    top: unset !important;
    bottom: 0;
}

.knm-ribbon-container div.knm_cuba_pos_7:not(.ribbon) {
    height: fit-content;
    left: unset !important;
    right: 0;
    top: unset !important;
    bottom: 0;
}

.knm-ribbon-container .knm_cuba_pos_7 .ribbon,
.knm-ribbon-container .knm_cuba_pos_2 .ribbon,
.knm-ribbon-container .knm_cuba_pos_4 .ribbon {
    left: 0;
}

.carousel .product-wrapper, #gallery-wrapper {
    position: relative!important;
}
.carousel .product-wrapper  > .knm-ribbon-container {
    width: calc(100% - 2rem);
}

.knm-ribbon-container .knm_cuba_pos_2 .ribbon:before,
.knm-ribbon-container .knm_cuba_pos_4 .ribbon:before,
.knm-ribbon-container .knm_cuba_pos_6 .ribbon:before,
.knm-ribbon-container .knm_cuba_pos_7 .ribbon:before {
    right: 0;
    left: unset;
    rotate: 270deg;
}

.knm-ribbon-container .knm_cuba_pos_1 .ribbon:before,
.knm-ribbon-container .knm_cuba_pos_1 .ribbon:after,
.knm-ribbon-container .knm_cuba_pos_6 .ribbon:before,
.knm-ribbon-container .knm_cuba_pos_6 .ribbon:after {
    content: none!important;
}

.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_1 .ribbon,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_4 .ribbon,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_6 .ribbon,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_7 .ribbon {
    left: inherit !important;
    top: inherit !important;
}
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_1:before,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_1:after,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_1:before,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_6:before,
.productbox.productbox-hover:hover .knm-ribbon-container .knm_cuba_pos_6:after {
    content: none!important;
}

.carousel .product-wrapper, #gallery-wrapper {
    position: relative;
}
.carousel .product-wrapper .inner {
    top: 0;
}

.knm-ribbon-container .knm_cuba_pos_2 .knm_badge_image,
.knm-ribbon-container .knm_cuba_pos_4 .knm_badge_image,
.knm-ribbon-container .knm_cuba_pos_7 .knm_badge_image {
    margin-right: 0;
    margin-left: auto;
    text-align: right;
    left: unset;
}
.knm_badge_w_link {
    pointer-events: all!important;
    cursor: pointer;
}

#pushed-success .knm-ribbon-container {
    display: none;
}