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

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

/********************
	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 {
  color: var(--color-black-default);
  font-size: var(--font-size-500);
  margin: 0 0 .5em;
}

#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
  }
}

/********************
	Part - blockcart modal btn
********************/

#blockcart-modal .cart-content-btn {
  font-size: var(--font-size-200);
  display: flex;
}

#blockcart-modal .cart-content-btn .btn-secondary {
  letter-spacing: 1.8px;
}

@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;
  }
}