﻿
.official-products {
    z-index: 1;
}

.game-shirts {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .game-shirts .swiper-pagination {
        top: 300px;
        right: 30px;
        bottom: unset;
        left: unset;
    }

    /*.game-shirts .product-thumbnail:nth-of-type(2) .price-table-line .red {
        padding-bottom: 25px;
    }*/

    .game-shirts .price-info {
        padding: 22px 10px 0 10px;
    }

        .game-shirts .price-info h3 {
            font-size: 24px;
            line-height: 28px;
            max-width: 72%;
        }

        .game-shirts .price-info .price-table-line {
            font-size: 16px;
            line-height: 20px;
        }

    .game-shirts p.link {
        padding: 13px 10px 25px;
    }

        .game-shirts p.link span {
            font-weight: bold;
            color: #242424;
            font-size: 18px;
            line-height: 24px;
            text-decoration: none;
        }

            .game-shirts p.link span svg {
                stroke: #242424;
                stroke-width: 7px;
                transition: transform 300ms !important;
            }

            .game-shirts p.link span:hover svg {
                transform: translateX(5px) !important;
            }

@media (min-width: 768px) {
    .game-shirts {
        padding-right: 12px;
        flex-wrap: nowrap;
        column-gap: 24px
    }

    .game-shirts .image {
        position: relative;
        padding-top: 100%;
        overflow: hidden;
    }

        .game-shirts .image img {
            position: absolute;
            top: 0px;
            transform: translateY(0);
            transition: transform 0.5s;
            max-width: initial;
            width: 100%;
        }

            .game-shirts .image img:nth-child(2) {
                transform: translateY(100%);
            }

        .game-shirts .image:hover img:nth-child(2) {
            transform: translateY(0);
            transition: transform 0.8s;
        }

    .game-shirts .price-info,
    .game-shirts p.link {
        padding-inline: 20px;
    }

    .game-shirts .price-info h3 {
        max-width: 100%;
    }
}
