﻿.picture-container {
    position: relative;
}

.universal-ribbon-content img {
    object-fit: cover;
    height: auto;
    background: transparent !important;
}

.universal-ribbon-content {
    position: relative;
}

    .universal-ribbon-content img + .ribbon-image-text {
        position: absolute;
        margin: 0;
        width: 100%;
        top: 0;
        left: 0;
        line-height: initial;
    }

.universal-ribbon-position {
    position: absolute;
    z-index: 99;
}

.topleft {
    top: 0;
    left: 0;
}

.topright {
    top: 0;
    right: 0;
}

.topmiddle {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.rightmiddle {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bottomleft {
    bottom: 0;
    left: 0;
}

.bottomright {
    bottom: 0;
    right: 0;
}

.bottommiddle {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.leftmiddle {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .universal-ribbon-content img {
        max-width: 100px;
    }
}

@media (max-width: 991px) {
    .product-details-page .gallery .product__slider-main {
        gap: 2px;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        margin: 0 -15px;
    }

    .product-thumb {
        display: none;
    }

    .product-details-page .gallery img {
        width: 100%;
    }
}

@media(min-width:768px) {
    .universal-ribbon-content img {
        max-width: 120px;
    }

    .gallery .universal-ribbon-content img {
        max-width: 180px;
    }
}

@media(min-width:992px) {
    .product-main-img {
        position: relative;
    }
}
