

/* =========================================================
   CART PAGE
   ========================================================= */

.mpc-cart-page,
.mpc-cart-page *,
.mpc-cart-page *::before,
.mpc-cart-page *::after {
  box-sizing: border-box !important;
}

.mpc-cart-page {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 18px 10px 105px !important;
  background: #fff !important;
  color: #0f1111 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   CART TITLE
   ========================================================= */

.mpc-cart-page .mpc-cart-title {
  margin: 0 0 16px !important;
  padding: 0 4px !important;
  color: #0f1111 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  text-align: left !important;
  text-transform: none !important;
}


/* =========================================================
   ERRORS
   ========================================================= */

.mpc-cart-page .errors {
  margin: 0 0 12px !important;
  padding: 12px !important;
  border-radius: 8px !important;
  background: #fff5f5 !important;
  color: #b12704 !important;
  font-size: 14px !important;
}


/* =========================================================
   FORM
   ========================================================= */

.mpc-cart-page #cart_form {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   CART MESSAGE
   ========================================================= */

.mpc-cart-message {
  margin: 0 0 12px !important;
  padding: 12px !important;
  border-radius: 8px !important;
  background: #f7f8f8 !important;
  color: #0f1111 !important;
  font-size: 14px !important;
}


/* =========================================================
   CART LIST
   ========================================================= */

.mpc-cart-page .cart-items {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.mpc-cart-page .cart-item.mpc-cart-item {
  display: grid !important;

  grid-template-columns: 40% minmax(0, 60%) !important;

  grid-template-areas:
    "image details"
    "actions actions" !important;

  column-gap: 12px !important;
  row-gap: 13px !important;

  width: 100% !important;

  margin: 0 0 12px !important;
  padding: 14px 12px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #f7f8f8 !important;

  box-shadow: 0 1px 2px rgba(15,17,17,.07) !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.mpc-cart-image-holder {
  grid-area: image !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;

  width: 100% !important;
}

.mpc-cart-image-link {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 190px !important;

  padding: 8px !important;

  overflow: hidden !important;

  border-radius: 8px !important;

  background: #fff !important;
}

.mpc-cart-image-link img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center !important;
}


/* =========================================================
   DETAILS
   ========================================================= */

.mpc-cart-details {
  grid-area: details !important;

  display: block !important;

  min-width: 0 !important;

  padding: 1px 0 0 !important;
}


/* =========================================================
   PRODUCT NAME
   ========================================================= */

.mpc-cart-name,
.mpc-cart-name:visited {
  display: block !important;

  margin: 0 0 7px !important;

  color: #0f1111 !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;

  text-decoration: none !important;
}


/* =========================================================
   SIZE / COLOR
   ========================================================= */

.mpc-cart-options {
  margin: 0 0 6px !important;
}

.mpc-option-row {
  display: block !important;

  margin: 0 0 3px !important;

  color: #0f1111 !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

.mpc-option-label {
  font-weight: 700 !important;
}


/* =========================================================
   AMAZON PRICE
   ========================================================= */

.mpc-cart-price {
  display: flex !important;

  align-items: flex-start !important;

  width: max-content !important;

  margin: 8px 0 7px !important;

  color: #0f1111 !important;

  white-space: nowrap !important;
}

.mpc-price-source {
  display: none !important;
}

.mpc-dollar {
  position: relative !important;

  top: 3px !important;

  margin-right: 1px !important;

  color: #0f1111 !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.mpc-whole {
  color: #0f1111 !important;

  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: .92 !important;

  letter-spacing: -.6px !important;
}

.mpc-cents {
  position: relative !important;

  top: 2px !important;

  margin-left: 1px !important;

  color: #0f1111 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}


/* =========================================================
   SHIPPING
   ========================================================= */

.mpc-cart-shipping {
  display: block !important;

  width: 100% !important;

  margin: 2px 0 7px !important;
  padding: 0 !important;

  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.2 !important;
}

.mpc-shipping-top {
  display: flex !important;

  align-items: flex-start !important;

  gap: 4px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.mpc-shipping-truck {
  display: inline-block !important;

  flex: 0 0 auto !important;

  margin-top: 0 !important;

  font-size: 12px !important;
  line-height: 1.2 !important;
}

.mpc-shipping-copy {
  display: block !important;

  min-width: 0 !important;

  color: #0f1111 !important;

  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
}

.mpc-shipping-copy span {
  display: block !important;
}

.mpc-shipping-order {
  font-weight: 700 !important;
}

.mpc-shipping-delivery {
  display: block !important;

  margin: 3px 0 0 17px !important;
  padding: 0 !important;

  color: #565959 !important;

  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  white-space: nowrap !important;
}


/* =========================================================
   IN STOCK
   ========================================================= */

.mpc-in-stock {
  display: block !important;

  margin: 0 !important;

  color: #067d62 !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}


/* =========================================================
   ACTION ROW
   ========================================================= */

.mpc-cart-actions {
  grid-area: actions !important;

  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  flex-wrap: nowrap !important;

  gap: 9px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   QUANTITY PILL
   ========================================================= */

.mpc-cart-page .qty-holder.mpc-qty {
  display: grid !important;

  grid-template-columns: 42px 42px 42px !important;

  align-items: center !important;
  justify-content: center !important;

  width: 126px !important;
  min-width: 126px !important;

  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border: 3px solid #ffd814 !important;
  border-radius: 999px !important;

  background: #fff !important;

  box-shadow: none !important;
}


/* =========================================================
   QUANTITY BUTTONS
   ========================================================= */

.mpc-cart-page .mpc-qty .qty-button {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

  min-width: 42px !important;
  min-height: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  background: transparent !important;
  background-image: none !important;

  color: #0f1111 !important;
  -webkit-text-fill-color: #0f1111 !important;

  box-shadow: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  cursor: pointer !important;
}


/* =========================================================
   MINUS
   ========================================================= */

.mpc-minus {
  display: block !important;

  color: #0f1111 !important;
  -webkit-text-fill-color: #0f1111 !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  text-align: center !important;

  transform: translateY(-2px) !important;
}


/* =========================================================
   PLUS
   ========================================================= */

.mpc-plus {
  display: block !important;

  color: #0f1111 !important;
  -webkit-text-fill-color: #0f1111 !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  text-align: center !important;

  transform: translateY(-1px) !important;
}


/* =========================================================
   QUANTITY NUMBER
   ========================================================= */

.mpc-cart-page .mpc-qty input.product-quantity {
  display: block !important;

  width: 42px !important;
  height: 42px !important;

  min-width: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  outline: 0 !important;

  background: #fff !important;

  color: #0f1111 !important;
  -webkit-text-fill-color: #0f1111 !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 42px !important;

  text-align: center !important;

  box-shadow: none !important;

  -moz-appearance: textfield !important;
}

.mpc-cart-page input.product-quantity::-webkit-inner-spin-button,
.mpc-cart-page input.product-quantity::-webkit-outer-spin-button {
  margin: 0 !important;

  -webkit-appearance: none !important;
}


/* =========================================================
   TRASH ICON
   ========================================================= */

.mpc-trash {
  display: none !important;

  width: 20px !important;
  height: 20px !important;

  fill: #0f1111 !important;
  color: #0f1111 !important;
}


/* QUANTITY 1 = TRASH */

.mpc-qty.is-one .mpc-minus {
  display: none !important;
}

.mpc-qty.is-one .mpc-trash {
  display: block !important;
}


/* QUANTITY 2+ = MINUS */

.mpc-qty:not(.is-one) .mpc-minus {
  display: block !important;
}

.mpc-qty:not(.is-one) .mpc-trash {
  display: none !important;
}


/* =========================================================
   DELETE
   ========================================================= */

.mpc-cart-page .cart-remove-item.mpc-delete {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 90px !important;

  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;

  margin: 0 !important;
  padding: 0 18px !important;

  border: 1px solid #888c8c !important;
  border-radius: 999px !important;

  background: #fff !important;
  background-image: none !important;

  color: #0f1111 !important;
  -webkit-text-fill-color: #0f1111 !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  text-align: center !important;
  text-transform: none !important;
  text-decoration: none !important;

  white-space: nowrap !important;

  box-shadow: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  cursor: pointer !important;
}


/* =========================================================
   BIG CARTEL LIVE PRICE
   KEEP IN DOM
   ========================================================= */

.mpc-cart-page .cart-item-price {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  margin: -1px !important;
  padding: 0 !important;

  overflow: hidden !important;

  clip: rect(0 0 0 0) !important;

  white-space: nowrap !important;
}


/* =========================================================
   SUBTOTAL
   ========================================================= */

.mpc-cart-summary {
  width: 100% !important;

  margin: 8px 0 14px !important;
  padding: 17px 5px 4px !important;

  border-top: 1px solid #bbbfbf !important;

  background: #fff !important;
}

.mpc-cart-subtotal {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.mpc-subtotal-label {
  display: block !important;

  flex: 1 1 auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #0f1111 !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  white-space: nowrap !important;
}

.mpc-cart-page .mpc-subtotal-amount {
  display: block !important;

  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #0f1111 !important;
  -webkit-text-fill-color: #0f1111 !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  white-space: nowrap !important;
}


/* =========================================================
   CHECKOUT AREA
   ========================================================= */

.mpc-checkout-wrap {
  position: sticky !important;

  z-index: 100 !important;

  bottom: 0 !important;

  width: calc(100% + 20px) !important;

  margin:
    12px
    -10px
    -105px
    !important;

  padding:
    12px
    14px
    calc(12px + env(safe-area-inset-bottom))
    !important;

  border-top: 1px solid #d5d9d9 !important;

  background: rgba(255,255,255,.98) !important;

  box-shadow:
    0 -2px 8px rgba(15,17,17,.10) !important;
}


/* =========================================================
   CHECKOUT BUTTON
   ========================================================= */

.mpc-cart-page .mpc-checkout-button {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;

  height: 56px !important;
  min-height: 56px !important;

  margin: 0 !important;
  padding: 0 12px !important;

  border: 1px solid #f2c200 !important;
  border-radius: 999px !important;

  background: #ffd814 !important;
  background-color: #ffd814 !important;
  background-image: none !important;

  color: #0f1111 !important;
  -webkit-text-fill-color: #0f1111 !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  text-align: center !important;
  text-transform: none !important;

  letter-spacing: 0 !important;

  white-space: nowrap !important;

  box-shadow: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  cursor: pointer !important;
}


/* =========================================================
   HIDE PAYPAL / BNPL
   ========================================================= */

.mpc-cart-page #payment-processor-messaging,
.mpc-cart-page #paypal-messaging-container,
.mpc-cart-page #paypal-messaging-element,
.mpc-cart-page #stripe-messaging-container,
.mpc-cart-page #payment-method-messaging-element {
  display: none !important;
}


/* =========================================================
   EMPTY CART
   ========================================================= */

.mpc-cart-empty {
  padding: 40px 15px !important;

  text-align: center !important;
}

.mpc-cart-empty .message-banner {
  margin-bottom: 20px !important;
}

.mpc-cart-empty .button {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-height: 46px !important;

  padding: 0 24px !important;

  border-radius: 999px !important;

  background: #ffd814 !important;

  color: #0f1111 !important;

  text-decoration: none !important;
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

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

  .mpc-cart-page .cart-item.mpc-cart-item {
    grid-template-columns: 39% minmax(0, 61%) !important;

    column-gap: 10px !important;

    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .mpc-cart-image-link {
    height: 175px !important;
  }

  .mpc-cart-name {
    font-size: 16px !important;
  }

  .mpc-option-row {
    font-size: 14px !important;
  }

  .mpc-shipping-copy {
    font-size: 9px !important;
  }

  .mpc-shipping-delivery {
    font-size: 8px !important;
  }

  .mpc-cart-page .qty-holder.mpc-qty {
    grid-template-columns: 40px 40px 40px !important;

    width: 120px !important;
    min-width: 120px !important;
  }

  .mpc-cart-page .mpc-qty .qty-button {
    width: 40px !important;
    min-width: 40px !important;
  }

  .mpc-cart-page .mpc-qty input.product-quantity {
    width: 40px !important;
    min-width: 40px !important;
  }

  .mpc-cart-page .cart-remove-item.mpc-delete {
    min-width: 82px !important;

    padding-left: 13px !important;
    padding-right: 13px !important;

    font-size: 14px !important;
  }

  .mpc-subtotal-label {
    font-size: 15px !important;
  }

  .mpc-cart-page .mpc-subtotal-amount {
    font-size: 17px !important;
  }

  .mpc-cart-page .mpc-checkout-button {
    font-size: 15px !important;
  }

}


/* Big Cartel cart visual parity refinements */
body.woocommerce-cart .mpc-cart-page{max-width:650px!important;padding-top:34px!important}
body.woocommerce-cart .mpc-cart-page .mpc-cart-title{font-size:24px!important;margin-bottom:16px!important}
body.woocommerce-cart .mpc-cart-page .cart-items{list-style:none!important;padding:0!important;margin:0!important}
body.woocommerce-cart .mpc-cart-page .mpc-cart-item{background:#f7f7f7!important;border:0!important;border-radius:11px!important;margin:0 0 9px!important;padding:12px!important;display:grid!important;grid-template-columns:40% 1fr!important;gap:10px!important;align-items:start!important}
body.woocommerce-cart .mpc-cart-page .mpc-cart-image-holder{background:#fff!important;border-radius:8px!important;overflow:hidden!important;width:100%!important;min-width:0!important}
body.woocommerce-cart .mpc-cart-page .mpc-cart-image-holder img{width:100%!important;height:160px!important;object-fit:contain!important;display:block!important}
body.woocommerce-cart .mpc-cart-page .mpc-cart-details{min-width:0!important}
body.woocommerce-cart .mpc-cart-page .mpc-cart-name{font-size:14px!important;font-weight:400!important;line-height:1.35!important;color:#131921!important}
body.woocommerce-cart .mpc-cart-page .mpc-cart-actions{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:9px!important;margin-top:1px!important}
body.woocommerce-cart .mpc-cart-page .mpc-qty{border:2px solid #ffd400!important;border-radius:30px!important;display:flex!important;align-items:center!important;min-height:40px!important;overflow:hidden!important;background:white!important}
body.woocommerce-cart .mpc-cart-page .mpc-delete{background:white!important;border:1px solid #aeb3b6!important;border-radius:30px!important;color:#20242a!important;padding:10px 20px!important;text-decoration:none!important;font-size:13px!important}
body.woocommerce-cart .mpc-cart-page .mpc-checkout-button{background:#ffda12!important;border:1px solid #efc900!important;border-radius:40px!important;color:#171717!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;text-transform:none!important;font-weight:400!important;box-shadow:none!important;max-width:310px!important;width:100%!important}
body.woocommerce-cart .mpc-cart-page .mpc-checkout-button:hover{background:#f5ca00!important}
body.woocommerce-cart .mpc-cart-page .mpc-checkout-wrap{background:#fff!important;border:1px solid #eee!important;padding:10px 12px!important;box-shadow:0 0 6px #0000000b!important}
body.woocommerce-cart .mpc-cart-page .mpc-cart-summary{border-top:1px solid #ddd!important;margin-top:10px!important}
@media(max-width:520px){body.woocommerce-cart .mpc-cart-page{padding:18px 10px 65px!important}body.woocommerce-cart .mpc-cart-page .mpc-cart-item{grid-template-columns:39% 1fr!important}body.woocommerce-cart .mpc-cart-page .mpc-cart-image-holder img{height:135px!important}}
