/* End:: Products */
/* Start:: Product Details */
.swiper-view-details .swiper-slide {
    background-color: var(--custom-white) !important;
    border: 1px solid var(--default-border);
    border-radius: 7px !important;
}

    .swiper-view-details .swiper-slide.swiper-slide-thumb-active {
        background-color: rgb(var(--light-rgb)) !important;
    }

.swiper-preview-details .swiper-button-next {
    background-color: var(--black-1);
    color: var(--default-text-color) !important;
}

.swiper-preview-details .swiper-button-prev {
    background-color: var(--black-1);
    color: var(--default-text-color) !important;
}

.product-colors {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.125rem;
    border: 1px solid var(--default-border);
    margin-inline-end: 0.5rem;
    background-color: rgb(var(--light-rgb));
}

    .product-colors i {
        font-size: 1.5rem;
    }

    .product-colors.color-2.selected {
        border: 0.125rem solid rgb(var(--purple-rgb));
    }

    .product-colors.color-2 i {
        color: rgb(var(--purple-rgb));
    }

    .product-colors.color-4.selected {
        border: 0.125rem solid rgb(var(--warning-rgb));
    }

    .product-colors.color-4 i {
        color: rgb(var(--warning-rgb));
    }

    .product-colors.color-1.selected {
        border: 0.125rem solid rgb(var(--danger-rgb));
    }

    .product-colors.color-1 i {
        color: rgb(var(--danger-rgb));
    }

    .product-colors.color-3.selected {
        border: 0.125rem solid rgb(var(--info-rgb));
    }

    .product-colors.color-3 i {
        color: rgb(var(--info-rgb));
    }

    .product-colors.color-5.selected {
        border: 0.125rem solid rgb(var(--secondary-rgb));
    }

    .product-colors.color-5 i {
        color: rgb(var(--secondary-rgb));
    }

.product-sizes {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.125rem;
    border: 1px solid var(--default-border);
    margin-inline-end: 0.5rem;
    font-size: 0.75rem;
    background-color: rgb(var(--light-rgb));
    color: var(--text-muted);
}

    .product-sizes.selected {
        background-color: rgba(var(--success-rgb), 0.1);
        color: rgb(var(--success-rgb));
    }

.offer-promotion {
    position: relative;
    padding: 0.5rem;
    background-color: rgba(var(--warning-rgb), 0.1);
    border: 1px solid var(--default-border);
    border-radius: 7px;
}

    .offer-promotion .promotion-code {
        color: var(--default-text-color);
    }

    .offer-promotion .offer-details {
        position: absolulte;
        border: 1px dashed rgb(var(--warning-rgb));
        padding: 0.25rem 0.5rem;
        border-radius: 7px;
    }

.ecommerce-assurance {
    border: 1px dashed rgb(var(--success-rgb));
    border-radius: 7px;
    text-align: center;
    padding: 1rem 1.5rem;
}

    .ecommerce-assurance svg {
        width: 3rem;
        height: 3rem;
    }

.product-images {
    padding-inline-start: 1.875rem;
}

    .product-images .products-review-images img {
        width: 3.125rem;
        height: 3.125rem;
        margin-inline-end: 0.25rem;
        border-radius: 7px;
        background-color: rgb(var(--light-rgb));
    }

.similar-products-image img {
    width: 5rem;
    height: 5rem;
    border-radius: 7px;
    background-color: rgb(var(--light-rgb));
    padding: 8px;
}

.similar-product-name {
    max-width: 80%;
}

/* End:: Product Details */
/* Start:: Cart */
.product-quantity-container {
    width: 8.75rem;
}

    .product-quantity-container .input-group input.form-control:focus {
        box-shadow: none;
        border: 0;
    }

    .product-quantity-container .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        margin-left: 0;
    }

.cart-empty svg {
    width: 6.25rem;
    height: 6.25rem;
    margin-block-end: 1.25rem;
    fill: var(--default-text-color);
}
