.shopping-cart-page {

    margin-top: 100px;
    padding-bottom: 50px;
}

.shopping-cart {
    z-index: 99;
    position: relative;
}

.shopping-cart th {
    padding: 0.5rem 0.5rem;
    background-color: transparent !important;
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    text-align: left;
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.image-left, .image-right {
    height: auto;
    position: absolute;
    top: 35%;
    width: 15em;
    z-index: 1;
}

.image-left {

    left: 3%;
}

.image-right {

    right: 3%;
}

.coupon-section {

    margin-bottom: 20px;
}

.coupon-section .form-control {

    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.coupon-section .btn-outline-dark {

    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.breadcrumb-section {

    background-color: #E9ECEF;
    padding: 20px 0;
}

.breadcrumb-nav .breadcrumb-item a {

    color: #555555;
    text-decoration: none;
}

.cart-table {

    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.cart-table th, .cart-table td {

    text-align: center;
    vertical-align: middle;
}

.product-info {

    align-items: center;
    display: flex;
}

.product-image {

    height: 80px;
    margin-right: 15px;
    width: 80px;
}

.product-item-name {

    max-width: 450px;
}

.order-summary {

    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.summary-item, .summary-total {

    display: flex;
    font-size: 16px;
    justify-content: space-between;
}

.btn-dark:hover {

    background-color: #444444;
}

.empty-cart {

    color: red;
    font-size: 14px;
}

@media (min-width: 1200px) {
   .shopping-cart-page .container-xl,
   .shopping-cart-page .container-lg,
   .shopping-cart-page .container-md,
   .shopping-cart-page .container-sm,
   .shopping-cart-page .container {
        max-width: 1200px;
    }

    .shopping-cart .shop-product {
        width: 695px;
    }
}

@media screen and (max-width: 768px) {

    .image-left, .image-right {

        display: none;
    }

    .cart-table {

        overflow-x: auto;
    }
}