/* C12: elevate the real WooCommerce empty cart without changing its products,
 * message, actions, or cart behaviour. */
body.tmo-cherry.tmo-cherry--cart #content .wc-block-cart__empty-cart__title {
  position: relative;
  width: min(100%, 760px);
  margin: 28px auto 36px;
  padding: 32px 28px 34px;
  border: 1px solid #ded3e9;
  border-radius: 20px;
  background: radial-gradient(ellipse at 88% 0, #f6e9f5, transparent 54%), #fff;
  box-shadow: 0 12px 34px #33234412, inset 0 1px #fff;
  color: #2d2237;
  font-family: Epilogue, sans-serif;
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.25;
}
body.tmo-cherry.tmo-cherry--cart #content .wc-block-cart__empty-cart__title::before {
  content: '';
  display: block !important;
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
  border: 1px solid #dbccec;
  border-radius: 14px;
  background: #f1ebfa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c51bf' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h8.7a2 2 0 0 0 2-1.6L21 8H6'/%3E%3Ccircle cx='10' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E") center/24px no-repeat;
  box-shadow: inset 0 1px #fff, 0 5px 14px #6c51bf14;
}
body.tmo-cherry.tmo-cherry--cart #content .wc-block-cart__empty-cart__title::after {
  content: '';
  position: absolute;
  inset: auto 24px 0;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, #e88cbd, #b4a7f8 62%, #8bd6cb);
}
@media (max-width: 600px) {
  body.tmo-cherry.tmo-cherry--cart #content .wc-block-cart__empty-cart__title {
    margin: 20px auto 30px;
    padding: 24px 18px 27px;
    font-size: clamp(20px, 5vw, 26px);
  }
}