body {
    background: #fff;
}

.breadcrum {
    padding: 10px 20px;
    font-size: 12px;
    color: #565656;
}

.product-display {
    min-height: 100%;
    padding: 10px 20px;
    display: flex;

    .product-d-image {
        display: flex;
        gap: 10px;

        .products-icons {
            display: flex;
            flex-direction: column;
            gap: 10px;

            li {
                border: 1px solid gray;
                border-radius: 10px;
                padding: 5px;
            }
        }
    }

    .product-d-details {
        padding: 0 30px;

        .product-title {
            font-size: 25px;
        }

        .brand-store {
            margin-top: 5px;
            color: #007185;
            font-size: 14px;
        }

        .product-rating {
            p {
                color: #007185;
                font-size: 14px;
            }

            .rating-info {
                display: flex;
                gap: 25px;

                .rating-line {
                    display: flex;

                    p {
                        color: black;
                    }
                }
            }

            .seller {
                margin: 10px 0;

                span {
                    color: #fff;
                    background: #c73500;
                    padding: 2px 50px;
                    margin-right: 5px;
                    border-radius: 3px;
                    font-size: 14px;
                }
            }

            h5 {
                font-weight: 400;
                margin-bottom: 10px;
            }
        }

        .product-d-price {
            display: flex;
            flex-direction: column;
            gap: 5px;

            div {
                display: flex;
                align-items: center;
                gap: 10px;
                margin: 10px 0;

                p {
                    font-size: 26px;
                    color: #c73500;
                }

                h1 {
                    font-size: 14px;
                    font-weight: 500;

                    span {
                        font-size: 26px;
                    }
                }
            }

            h5 {
                color: #565656;
                font-weight: 400;

                span {
                    text-decoration: line-through;
                }
            }

            p {
                span {
                    color: #007185;
                }
            }

        }

        .product-color-selection{
            margin: 15px 0;
            .product-color-options{
                display: flex;
                justify-content: space-between;
                margin-top: 10px;
                .option{
                    display: flex;
                    align-items: center;
                    padding: 8px 12px;
                    border: 1px solid #cdcdcd;
                }
            }
        }

        .product-info {
            display: grid;
            grid-template-columns: auto auto;
            max-width: 300px;
            margin-bottom: 15px;
        }
        .product-description{
            h1{
                font-size: 20px;
            margin: 15px 0;
            }
            ul{
                display: flex;
                flex-direction: column;
                gap: 10px;
                margin-left: 30px;
                list-style-type: disc;
            }
        }
    }
    .product-d-purchase{
        width: 100%;
        min-width: 280px;
        border: 1px solid #c1c1c1;
        border-radius: 10px;
        padding: 20px;
        .title{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .price{
            font-size: 16px;
            font-weight: 400;
            margin: 10px 0;
            span{
                font-size: 20px;
                padding: 2px;
            }
        }
        .gap{
            margin: 15px 0;
            p span{
                color: #007185;
            }
        }
        .delivery-location{
            display: flex;
            align-items: center;
            gap: 3px;
        }
        .product-stock{
            margin: 15px 0;
            color: green;
            font-weight: 400;
        }
        .product-quantity{
            padding: 8px 5px;
            outline: none;
            width: 100%;
            border-radius: 5px;
            background: #efefef;
            background-color: #c1c1c1;
        }
        .btn{
            outline: none;
            border: none;
            background: #ffd814;
            width: 100%;
            padding: 10px 0;
            margin-top: 10px;
            border-radius: 50px;
            cursor: pointer;
        }
        .product-buy{
            background: #ffa41c;
        }
        .product-seller-info{
            margin-top: 10px;
            display: grid;
            grid-template-columns: auto auto;
            gap: 4px;
            font-size: 14px;
            color: #565656;
            span{
                color: #007185;
            }
        }
        hr{
            margin: 20px 0;
        }
        .product-add-list{
            width: 100%;
            padding: 8px 15px;
            border-radius: 5px;
            border: 1px solid #000;
            text-align: start;
            background: white;
            cursor: pointer;
        }
    }
}
.product-footer{
    margin-top: 100px;
}