.listing {
    max-width: 800px;
    margin: 20px auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;

    header {
        padding: 20px;
        border-bottom: 1px solid #eee;

        .listing-header {
            display: flex;
            justify-content: space-between;
            align-items: center;

            h1 {
                display: flex;
                align-items: center;
                gap: 15px;
            }

            .sold-tag {
                background-color: #dc3545;
                color: #fff;
                padding: 5px 10px;
                border-radius: 5px;
                font-size: 14px;
            }

            button>a {
                color: #fff;
                text-decoration: none;
            }

            .listing-meta {
                font-size: 14px;
                color: var(--color-text-secondary);
                margin-top: 10px;
                flex-basis: 100%;
                text-align: left;
            }

            h1 {
                margin: 0;
                font-size: 2em;
            }

            .buy-button {
                font-size: 16px;
                cursor: pointer;
                transition: background 0.3s;
            }

            .buy-button:hover {
                background-color: #218838;
            }
        }
        @media screen and (max-width: 800px) {
            .listing-header {
                flex-direction: column;
                justify-items: center;
            }
        }

    }

    .image-and-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        flex-wrap: wrap;

        .image {
            flex: 3;
            text-align: center;
            padding: 20px;
            margin-right: 20px;
            border-radius: 5px;
            box-sizing: border-box;

            img {
                max-width: 100%;
                height: auto;
                border-radius: 5px;
            }
        }

        .price {
            flex: 1;
            font-size: 24px;
            color: var(--color-text-secondary);
            text-align: left;
            padding-left: 10px;
            margin-top: -10px;
        }

    }


    @media (max-width: 800px) {
        .image-and-price {
            flex-direction: column;

            .image {
                padding: 0;
                margin-right: 0;
                margin-bottom: 20px;
            }

            .price {
                text-align: center;
                margin-top: 0;
            }

        }
    }

    .social-links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 10px 0;
        border-top: 1px solid #eee;

        ul {
            display: flex;
            list-style: none;
            gap: 2em;
            margin: auto 0;
            flex-wrap: wrap;

            li {
                a {
                    display: flex;
                    justify-content: center;
                    align-items: center;

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

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

    }

    .description {
        padding: 20px;
        border-top: 1px solid #eee;

        h2 {
            margin-top: 0;
            font-size: 1.5em;
        }

        @media screen and (max-width: 800px) {
            h2 {
                font-size: 1.2em;
            }

        }

        p {
            font-size: 1em;
            line-height: 1.6;
        }
    }

}