.coverimg {
    width: 100%;
    height: 70vh;
    object-fit: cover;
}

.carousel-zsslide {
    position: absolute;
    right: 15%;
    left: 15%;
    top: max(40vh, calc(5vh + min(10vw,10vh)));
    text-align: center;
    font-size: min(10vw, 10vh);
}

.carousel-zsahob {
    position: absolute;
    right: 15%;
    left: 15%;
    top: 5vh;
    text-align: center;
    font-size: min(10vw, 10vh);
}

.carousel-zsslogan {
    position: absolute;
    right: 15%;
    left: 15%;
    top: max(20vh, calc(5vh + min(10vw,10vh)));
    text-align: center;
    font-size: min(3vw, 3vh);
}

.carousel-zsfooter {
    position: absolute;
    right: 55%;
    bottom: -2vh;
    left: 10%;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-right: 1vw;
    padding-left: 1vw;
    min-width: 18.0rem;
    max-width: 60.0rem;
    max-height: 20vh;
    font-size: min(1vw + 1vh);
}

.carousel-zslogo {
    position: absolute;
    right: 2%;
    bottom: 5%;
    background-color: rgba(0,0,0,.5);
    padding:10px 10px 0px 10px;
    border-radius: 20px;
}

.carousel-zslogo-image {
    width: 3rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bg-brown {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.product-name {
    position: absolute;
    right: 15px;
    left: 30px;
    top: 160px;
    height:70px;
    text-align: left;
}

.product-desc {
    position: absolute;
    right: 10px;
    left: 10px;
    top: 240px;
    height:100px;
    text-align: center;
}

.carousel-zsarma {
    position: absolute;
    left: 2%;
    top: 2%;  
    padding: 10px 10px 10px 10px;
}

.carousel-zsarma-image {
    width: 15rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}