/* procenta */
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    padding: 30px 0;
}

.spacer {
    overflow: visible;
}

.discount-price-top {
    color: white;
    text-align: center;
    height: 23px;
    line-height: 23px;
    border-radius: 0;
    top: 1px;
    left: 1px;
    transition: all 0.3s;
    font-size: 10px;
    background-color: red;
    font-weight: bold;
    width: 100%;
    margin-bottom: 5px;
}

.icons-flags.left {
    right: auto;
    left: 0px;
}

.icons-flags.top {
    top: -5px;
    bottom: auto;
}

.icons-flags>div+div,
.icons-flags>div+div+div,
.icons-flags>div+div+div+div {
    /*margin-top: -20px;*/
}

.icons-flags>div>div {
    color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    font-size: 10px;
    height: auto;
    border-radius: 0px;
    line-height: normal;
    padding: 5px 5px;
    font-weight: bold;
    width: auto;
    margin-bottom: 5px;
}

.icons-flags.top>div>div {
    width: 100%;
}

.icons-flags.top>div:nth-child(1)>div {
    border-top-left-radius: 0px;
}

.icons-flags.left>div>div {
    width: auto;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.icons-flags>div>div>div {
    width: 100%;
}

.icons-flags:nth-of-type>div>div span {
    font-size: 13px;
}

.topflag {
    background-color: red;
}

.top2flag {
    background-color: #90389C;
}

.giftflag {
    background-color: #af2b2e;
    cursor: pointer;
}

.newflag {
    background-color: #b2c800;
}

.moneyflag {
    background-color: #009ce3;
    cursor: pointer;
}

.stockflag {
    background-color: green;
}

.saleflag {
    background-color: #389C79;
}

.IsOnOrderflag {
    background-color: #3071ff;
}

.IsPresaleflag {
    background-color: #009ce3;
}

.myFlagDetail>div {
    z-index: 1;
}

.product-icon.product-icon--text {
    color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    font-size: 10px;
    height: auto;
    border-radius: 0px;
    line-height: normal;
    padding: 5px 5px;
    font-weight: bold;
    width: auto;
    margin-bottom: 5px;
    background: #616161;
}


/* stitky */
.product-badges-left {
    position: relative;
    top: 10px;
    left: 0px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    z-index: 20;
    background: rgb(255 255 255 / 50%);
    padding: 30px 5px;
    flex: 0 0 auto;
}

.browse-view .product-badges-left,
.owl-wrapper-outer .product-badges-left {
    position: absolute;
    top: -10px;
    left: -5px;
    padding: 5px 5px;
    width: 90px;
    gap: 0;
}

.product-quality-logo img,
.productdetails-view.productdetails .main-image .product-quality-logo img {
    width: 50px;
    height: auto;
    position: relative;
    background-color: transparent;
}

@media(max-width: 991px) {
    .product-quality-logo {
        top: -10px;
    }
}

@media(max-width: 767px) {
    .productdetails-view .product-quality-logo .product-icon {
        width: 40px;
        height: 40px;
        display: flex;
    }
}


@media (min-width: 768px) and (max-width: 979px) {
    .row-fluid .productPrice .span7 {
        width: 100%;
        margin-top: 20px;
    }
}

/* ikony nove */
.productdetails-view,
.vm-product-media-container {
    position: relative;
}

.product-icons--left {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 0px;
    z-index: 20;
    margin-bottom: 5px;
}

.product-icon {
    position: relative;
    width: 40px;
    height: auto;
    cursor: default;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 5px;
}

.spacer .pr-img-handler .product-icon img {
    max-height: 40px;
    margin: 0 auto;
}

.productdetails-view .product-icon {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}

.product-icon img,
.productdetails-view.productdetails .main-image .product-icon img {
    max-width: 35px;
    height: auto;
    display: block;
    max-height: 35px;
    width: auto;
    margin: 0 auto;
}

.product-icon:not(.product-icon--text)::after {
    content: attr(data-tooltip);
    position: absolute;
    right: -155px;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    width: 140px;
    text-wrap: auto;
    z-index: 9;
}

.browse-view .product-icon:not(.product-icon--text)::after {
    white-space: break-spaces;
    min-width: 170px;
}

/* šipka */
.product-icon:not(.product-icon--text)::before {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent #000 transparent transparent;
    opacity: 0;
    transition: opacity .2s ease;
    z-index: 9;
}

section#story-content .browse-view .product-icon:not(.product-icon--text)::before {
    right: auto;
    left: 53px;
}

section#story-content .browse-view .product-icon:not(.product-icon--text)::after {
    right: auto;
    left: 65px;
}

.releted-producteds .product-icon:not(.product-icon--text)::before {
    right: auto;
    left: 53px;
}

.releted-producteds .product-icon:not(.product-icon--text)::after {
    right: auto;
    left: 65px;
}

.owl-item .product-icon:not(.product-icon--text)::before {
    right: auto;
    left: 33px;
}

.owl-item .product-icon:not(.product-icon--text)::after {
    right: auto;
    left: 45px;
    font-size: 10px;
}

.product-icon:hover::after,
.product-icon:hover::before {
    opacity: 1;
}

@media(max-width: 991px) {
    .product-badges-left {
        position: absolute;
        left: inherit;
        right: 0;
    }
}

@media(max-width: 767px) {
    .product-icon img {
        /*max-width: 80% !important;*/
    }

    .product-icons--left {
        left: 0;
    }

    .product-badges-left {
        position: absolute;
        left: inherit;
        right: 0;
    }
}