.webshop {
    &-categories {
        &-toggler {
            border: 0;
            background: none;
            display: flex;
            align-items: center;
            padding: 0;
            margin-bottom: .5rem;

            svg {
                width: 20px;
                height: 20px;
                margin-right: .4rem;

                path {
                    fill: $black;
                }
            }
        }

        .list-group {
            svg {
                width: 20px;
                height: 20px;
            }
        }
    }

    &-single {
        &-characters {
            display: flex;
            gap: 1rem;
            margin-bottom: 1rem;

            @media (max-width: 992px) {
                overflow-x: scroll;
            }
        }

        &-character {
            display: flex;
            flex-direction: column;
            align-items: center;
            min-width: 90px;

            &-image {
                margin-bottom: .5rem;

                img {
                    width: 60px;
                    height: 60px;
                }
            }

            &-name {
                font-size: .8rem;
            }
        }
    }

    &-product {
        .card-body {
            position: relative;
        }

        &-image {
            height: 80px;

            img {
                max-height: 100%;
            }
        }

        &-price {
            font-weight: bold;
            text-align: center;
            margin-bottom: 1rem;

            span {
                color: $danger;
            }
        }

        &-sold {
            font-size: .7rem;
            position: absolute;
            right: .5rem;
            bottom: .2rem;
        }
    }
}