.product_list .products {
    justify-content: center;
}

.z-logo {
    text-align: center;
    margin-top: 91px;
}

.container {
    display: grid;
    justify-content: center;
}

.description-text-area {
    margin-top: 50px;
    display: grid;
    justify-content: center;
}

.d-header {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #6b265e;
  line-height: normal;
}

.d-text {
 

  font-size: 28px;
  font-weight: 500;
  text-align: center;
  color: #2b2d37;
  margin-top: 20px;
  max-width: 1060px;
  line-height: normal;
}

.z-box {
    margin-top: 40px;
    text-align: center;
}

.sticker-text {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.sticker-images {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    text-align: center;
    margin-top: 23px;
}


.product-text-area {
    margin-top: 50px;
    display: grid;
    justify-content: center;
}

.p-header {

  
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: normal;
}

.p-text {
 

  font-size: 28px;
  font-weight: 500;
  text-align: center;
  color: #2b2d37;
  margin-top: 20px;
  max-width: 1060px;
  line-height: normal;
}

.spotify-emb {
    margin-top: 30px;
}

.other-products-cont {
    width: 1060px;
    height: 1800px;
    position: relative;
}

.other-products-cont > .product-1-cont {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-2-cont {
    position: absolute;
    top: 0px;
    left: 500px;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-3-cont {
    position: absolute;
    top: 370px;
    left: 100px;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-4-cont {
    position: absolute;
    top: 720px;
    right: 130px;
    width: 500px;
    height: 500px;
}


.other-products-cont > .product-5-cont {
    position: absolute;
    top: 750px;
    left: 0px;
    width: 1000px;
    height: 1000px;
}

.other-products-cont > .product-6-cont {
    position: absolute;
    top: 1150px;
    right: 0px;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-7-cont {
    position: absolute;
    top: 1470px;
    left: 175px;
    width: 500px;
    height: 500px;
}


.other-products-cont > .product-1-cont > .product-1 {
    position: relative;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-1-cont > .product-1 > .product-1-img {
    width: 470px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
}

.other-products-cont > .product-1-cont > .product-1 > .product-1-arrow {
    height: 124px;
    width: auto;
    position: absolute;
    top: 200px;
    left: 30px;
    z-index: -1;
}

.other-products-cont  > .product-1-cont > .product-1 > .product-1-txt {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2b2d37;
    width: max-content;
    margin: 0px;
    position: absolute;
    top: 288px;
    left: 104px;
}


.other-products-cont > .product-2-cont > .product-2 {
    position: relative;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-2-cont > .product-2 > .product-2-img {
    height: 445px;
    width: auto;
    position: absolute;
    top: 0px;
    right: 0px;
}

.other-products-cont > .product-2-cont > .product-2 > .product-2-arrow {
    width: 124px;
    height: auto;
    position: absolute;
    top: 104px;
    left: 95px;
    z-index: -1;
}

.other-products-cont  > .product-2-cont > .product-2 > .product-2-txt {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2b2d37;
    width: max-content;
    margin: 0px;
    position: absolute;
    top: 50px;
    left: -60px;
}


.other-products-cont > .product-3-cont > .product-3 {
    position: relative;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-3-cont > .product-3 > .product-3-img {
    height: 420px;
    width: auto;
    position: absolute;
    top: 0px;
    right: 0px;
}

.other-products-cont > .product-3-cont > .product-3 > .product-3-arrow {
    width: 124px;
    height: auto;
    position: absolute;
    top: 180px;
    left: 400px;
    z-index: -1;
}

.other-products-cont  > .product-3-cont > .product-3 > .product-3-txt {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2b2d37;
    width: max-content;
    margin: 0px;
    position: absolute;
    top: 230px;
    left: 450px;
}


.other-products-cont > .product-4-cont > .product-4 {
    position: relative;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-4-cont > .product-4 > .product-4-img {
    height: 200px;
    width: auto;
    position: absolute;
    top: 0px;
    right: 0px;
}

.other-products-cont > .product-4-cont > .product-4 > .product-4-arrow {
    width: 124px;
    height: auto;
    position: absolute;
    top: 90px;
    right: 160px;
    z-index: -1;
}

.other-products-cont  > .product-4-cont > .product-4 > .product-4-txt {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2b2d37;
    width: max-content;
    margin: 0px;
    position: absolute;
    top: 140px;
    right: 235px;
}


.other-products-cont > .product-5-cont > .product-5 {
    position: relative;
    width: 1000px;
    height: 1000px;
}

.other-products-cont > .product-5-cont > .product-5 > .product-5-img {
    height: 600px;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0px;
}

.other-products-cont > .product-5-cont > .product-5 > .product-5-arrow {
    height: 124px;
    width: auto;
    position: absolute;
    top: 360px;
    left: 190px;
    z-index: -1;
}

.other-products-cont  > .product-5-cont > .product-5 > .product-5-txt {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2b2d37;
    width: max-content;
    margin: 0px;
    position: absolute;
    top: 485px;
    left: 130px;
}

.other-products-cont > .product-6-cont > .product-6 {
    position: relative;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-6-cont > .product-6 > .product-6-img {
    width: 250px;
    height: auto;
    position: absolute;
    top: 90px;
    left: 0px;
}

.other-products-cont > .product-6-cont > .product-6 > .product-6-arrow {
    width: 124px;
    height: auto;
    position: absolute;
    top: 100px;
    right: 180px;
    z-index: -1;
}

.other-products-cont  > .product-6-cont > .product-6 > .product-6-txt {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2b2d37;
    width: max-content;
    margin: 0px;
    position: absolute;
    top: 50px;
    right: 135px;
}


.other-products-cont > .product-7-cont > .product-7 {
    position: relative;
    width: 500px;
    height: 500px;
}

.other-products-cont > .product-7-cont > .product-7 > .product-7-img {
    width: 450px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
}

.other-products-cont > .product-7-cont > .product-7 > .product-7-arrow {
    width: 124px;
    height: auto;
    position: absolute;
    top: 50px;
    right: -30px;
    z-index: -1;
}

.other-products-cont  > .product-7-cont > .product-7 > .product-7-txt {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2b2d37;
    width: max-content;
    margin: 0px;
    position: absolute;
    top: 90px;
    right: -125px;
}

@media only screen and (max-width: 1060px) {
    .other-products-cont {
        width: 100vw;
        height: max-content;
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .other-products-cont > .product-1-cont {
        position: static;
        top: 60px;
        left: 0px;
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: center;
    }

    .other-products-cont > .product-2-cont {
        position: static;
        top: 0px;
        left: 500px;
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
    }

    .other-products-cont > .product-3-cont {
        position: static;
        top: 370px;
        left: 100px;
        width: 100%;
        height: 350px;
        display: flex;
        justify-content: flex-start;
    }

    .other-products-cont > .product-4-cont {
        position: static;
        top: 720px;
        right: 130px;
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
    }


    .other-products-cont > .product-5-cont {
        position: static;
        top: 750px;
        left: 0px;
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
    }

    .other-products-cont > .product-6-cont {
        position: static;
        top: 1150px;
        right: 0px;
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: flex-end;
    }

    .other-products-cont > .product-7-cont {
        position: static;
        top: 1470px;
        left: 175px;
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
    }
}


@media only screen and (max-width: 780px) {

    .d-header {
        font-size: 28px;
    }
    .d-text {
        font-size: 21px;
    }
    .p-text {
        font-size: 21px;
        max-width: 95%;
        margin: auto;
    }  
    .p-header {
        font-size: 28px;
    }

    .sticker-text {
        font-size: 20px;
    }
  
    .sticker-images img {
        width: 80px;
        height: 120px;
    }

    .sticker-images {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }

    .other-products-cont {
        width: 100vw;
        height: max-content;
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .other-products-cont > .product-1-cont {
        position: static;
        top: 60px;
        left: 0px;
        width: 100%;
        height: max-content;
        display: flex;
        justify-content: center;
    }

    .other-products-cont > .product-2-cont {
        position: static;
        top: 0px;
        left: 500px;
        width: 100%;
        height: max-content;
        display: flex;
        justify-content: center;
        order: -1;
    }

    .other-products-cont > .product-3-cont {
        position: static;
        top: 370px;
        left: 100px;
        width: 100%;
        height: max-content;
        display: flex;
        justify-content: center;
    }

    .other-products-cont > .product-4-cont {
        position: static;
        top: 720px;
        right: 130px;
        width: 100%;
        height: max-content;
        display: flex;
        justify-content: center;
    }


    .other-products-cont > .product-5-cont {
        position: static;
        top: 750px;
        left: 0px;
        width: 100%;
        height: max-content;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .other-products-cont > .product-6-cont {
        position: static;
        top: 1150px;
        right: 0px;
        width: 100%;
        height: max-content;
        display: flex;
        justify-content: center;
    }

    .other-products-cont > .product-7-cont {
        position: static;
        top: 1470px;
        left: 175px;
        width: 100%;
        height: max-content;
        display: flex;
        justify-content: center;
    }


    .other-products-cont > .product-1-cont > .product-1 {
        position: relative;
        width: 300px;
        height: 220px;
    }

    .other-products-cont > .product-1-cont > .product-1 > .product-1-img {
        width: 300px;
        height: auto;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .other-products-cont > .product-1-cont > .product-1 > .product-1-arrow {
        height: 124px;
        width: auto;
        position: absolute;
        top: 70px;
        left: 55px;
        z-index: -1;
    }

    .other-products-cont  > .product-1-cont > .product-1 > .product-1-txt {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2b2d37;
        width: max-content;
        margin: 0px;
        position: absolute;
        top: 175px;
        left: 120px;
    }


    .other-products-cont > .product-2-cont > .product-2 {
        position: relative;
        width: 300px;
        height: 380px;
    }

    .other-products-cont > .product-2-cont > .product-2 > .product-2-img {
        height: 290px;
        width: auto;
        position: absolute;
        top: 90px;
        right: 0px;
    }

    .other-products-cont > .product-2-cont > .product-2 > .product-2-arrow {
        width: 124px;
        height: auto;
        position: absolute;
        top: 100px;
        left: 60px;
        z-index: -1;
    }

    .other-products-cont  > .product-2-cont > .product-2 > .product-2-txt {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2b2d37;
        width: max-content;
        margin: 0px;
        position: absolute;
        top: 65px;
        left: 20px;
    }


    .other-products-cont > .product-3-cont > .product-3 {
        position: relative;
        width: 350px;
        height: 300px;
    }

    .other-products-cont > .product-3-cont > .product-3 > .product-3-img {
        height: 270px;
        width: auto;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .other-products-cont > .product-3-cont > .product-3 > .product-3-arrow {
        width: 124px;
        height: auto;
        position: absolute;
        top: 165px;
        left: 115px;
        z-index: -1;
    }

    .other-products-cont  > .product-3-cont > .product-3 > .product-3-txt {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2b2d37;
        width: max-content;
        margin: 0px;
        position: absolute;
        top: 220px;
        left: 160px;
    }


    .other-products-cont > .product-4-cont > .product-4 {
        position: relative;
        width: 300px;
        height: 150px;
    }

    .other-products-cont > .product-4-cont > .product-4 > .product-4-img {
        height: 150px;
        width: auto;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .other-products-cont > .product-4-cont > .product-4 > .product-4-arrow {
        width: 124px;
        height: auto;
        position: absolute;
        top: 70px;
        right: 60px;
        z-index: -1;
    }

    .other-products-cont  > .product-4-cont > .product-4 > .product-4-txt {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2b2d37;
        width: max-content;
        margin: 0px;
        position: absolute;
        top: 110px;
        right: 160px;
    }


    .other-products-cont > .product-5-cont > .product-5 {
        position: relative;
        width: 550px;
        min-width: 550px;
        height: 430px;
    }

    .other-products-cont > .product-5-cont > .product-5 > .product-5-img {
        height: 450px;
        width: auto;
        position: absolute;
        top: -50px;
        left: 0px;
    }

    .other-products-cont > .product-5-cont > .product-5 > .product-5-arrow {
        height: 124px;
        width: auto;
        position: absolute;
        top: 260px;
        left: 200px;
        z-index: -1;
    }

    .other-products-cont  > .product-5-cont > .product-5 > .product-5-txt {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2b2d37;
        width: max-content;
        margin: 0px;
        position: absolute;
        top: 360px;
        left: 250px;
    }

    .other-products-cont > .product-6-cont > .product-6 {
        position: relative;
        width: 300px;
        height: 200px;
    }

    .other-products-cont > .product-6-cont > .product-6 > .product-6-img {
        width: 190px;
        height: auto;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .other-products-cont > .product-6-cont > .product-6 > .product-6-arrow {
        width: 124px;
        height: auto;
        position: absolute;
        top: 90px;
        left: 66px;
        z-index: -1;
        transform: rotate(50deg);
    }

    .other-products-cont  > .product-6-cont > .product-6 > .product-6-txt {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2b2d37;
        width: max-content;
        margin: 0px;
        position: absolute;
        top: 125px;
        left: 190px;
    }


    .other-products-cont > .product-7-cont > .product-7 {
        position: relative;
        width: 300px;
        height: 220px;
    }

    .other-products-cont > .product-7-cont > .product-7 > .product-7-img {
        width: 250px;
        height: auto;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .other-products-cont > .product-7-cont > .product-7 > .product-7-arrow {
        width: 124px;
        height: auto;
        position: absolute;
        top: 40px;
        left: 220px;
        z-index: -1;
        transform: rotate(60deg);
    }

    .other-products-cont  > .product-7-cont > .product-7 > .product-7-txt {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2b2d37;
        width: max-content;
        margin: 0px;
        position: absolute;
        top: 115px;
        left: 155px;
    }
}

.card {
    max-width: 1060px;
    height: auto;
    margin-top: 30px;
}

.discount-text {
    margin-top: 10px;
    font-style: italic;
    font-size: 18px;
}