:root {
    color-scheme: light;
    background-color: #ffffff;
    color: #131318;
}

html,
body {
    background-color: #ffffff;
    color: #131318;
}

body {
    font-family: "Manrope", sans-serif;
}

.junior {
    background:
        linear-gradient(180deg, #13131880 0%, #13131880 100%),
        url("images/junior-hockey.png");
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover;
    border-radius: 12px;
}
.teenager {
    background:
        linear-gradient(180deg, #13131880 0%, #13131880 100%),
        url("images/teen-hockey.png");
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover;
    border-radius: 12px;
}
.professional {
    background:
        linear-gradient(180deg, #13131880 0%, #13131880 100%),
        url("images/professional-hockey.png");
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover;
    border-radius: 12px;
}
.product-rating-section {
    display: flex;
    justify-items: center;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}
.product-rating-section p {
    width: 25px;
    margin-right: 8px;
    text-align: left;
    flex-grow: unset;
}
.card-hover {
    transition: 400ms;
}
.card-hover:hover {
    scale: calc(1.05);
    cursor: pointer;
}