/********************
	Part - blockcart modal global
********************/
@media (max-width : 991px) {
    #blockcart-modal .modal-dialog {
        width : calc(100% - 20px)
    }
}

#blockcart-modal strong {
    font-weight : 500;
}

/********************
	Part - blockcart modal title
********************/
#blockcart-modal .modal-title i.material-icons {
    margin-right : .25em
}


/********************
	Part - blockcart modal body
********************/
#blockcart-modal .modal-body {
    display               : grid;
    grid-template-columns : 1fr 3fr;
    grid-gap              : 15px;
}

#blockcart-modal .modal-body__separator,
#blockcart-modal .modal-body__cart-content {
    grid-column : 1/-1;
}

#blockcart-modal .modal-body__product-image {
    width : 100%;
}

#blockcart-modal .modal-body__separator {
    background : var(--color-grey-default);
    height     : 2px;
}

#blockcart-modal .modal-body__cart-content {
    font-size : var(--font-size-300);
}

#blockcart-modal .product-name {
    font-size: 18px;
    font-weight: 400;
    color: #1F1F1F;
    line-height: normal;
    letter-spacing: -1.26px;
    transition: all 0.3s ease-out;
    margin: 10px 0 ;
}

#blockcart-modal .product-price {
    color       : var(--color-primary);
    font-size   : var(--font-size-300);
    font-weight : 600;
}

@media (max-width : 991px) {
    #blockcart-modal .product-image {
        width     : 100%;
        display   : block;
        max-width : 15.63rem;
        margin    : 0 auto .9375rem
    }

    #blockcart-modal .product-name {
        margin-top : .625rem
    }
}

.modal-body__cart-content p {
  font-size: 16px;
  font-weight: 400;
  color: #1F1F1F;
  line-height: normal;
  letter-spacing: -1.26px;
  transition: all 0.3s ease-out;
}
/********************
	Part - blockcart modal btn
********************/
#blockcart-modal .cart-content-btn {
    font-size : var(--font-size-200);
    display   : flex;
}

@media (max-width : 767px) {
    #blockcart-modal .cart-content-btn {
        flex-direction : column;
    }
    #blockcart-modal .cart-content-btn > * + * {
        margin-top : .5em;
    }
}

@media (min-width : 768px) {
    #blockcart-modal .cart-content-btn {
        justify-content : flex-end;
    }

    #blockcart-modal .cart-content-btn > * + * {
        margin-left : .5em;
    }
}