/* Canonical presentation for the hype-cart plugin drawer. */
#hype-cart {
  --hype-commerce-ink: #17313d;
  --hype-commerce-muted: #49616d;
  --hype-commerce-line: #d3e4ed;
  --hype-commerce-mist: #edf7fc;
  --font-body: Manrope, "Manrope Fallback", Arial, sans-serif;
  color: var(--hype-commerce-ink);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.5;
}
#hype-cart .hype-cart__panel {
  box-sizing: border-box;
  width: min(480px, 100vw);
  max-width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
  padding: 0;
  background: #fff;
}
#hype-cart .hype-cart__head {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 63px;
  margin: 0 0 20px;
  padding: 16px 24px;
  border-bottom: 1px solid var(--hype-commerce-line);
}
#hype-cart .hype-cart__title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--hype-commerce-ink);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.02em;
  text-transform: none;
  text-decoration: none;
}
#hype-cart .hype-cart__count {
  min-width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--hype-commerce-mist);
  color: var(--hype-commerce-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}
#hype-cart .hype-cart__close,
#hype-cart .hype-cart__remove {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--hype-commerce-ink);
}
#hype-cart .hype-cart__close svg { display:none; }
#hype-cart .hype-cart__close::before { content:"×"; font:400 28px/1 Arial,sans-serif; }
#hype-cart .hype-cart__inner {
  box-sizing: border-box;
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overscroll-behavior: contain;
}
#hype-cart .hype-cart__content {
  box-sizing: border-box;
  flex: 1 1 0%;
  min-height: 0;
  overflow-y: auto;
  padding: 20px 24px;
  overscroll-behavior: contain;
}
#hype-cart .hype-cart__panel .hype-cart__shipbar {
  margin: 0 0 24px;
  padding: 0;
  background: transparent;
}
#hype-cart .hype-cart__shipbar-msg {
  margin: 0 0 12px;
  color: var(--hype-commerce-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
#hype-cart .hype-cart__shipbar-track { height: 4px; background: var(--hype-commerce-mist); }
#hype-cart .hype-cart__shipbar-fill { background: #56b6de; }
#hype-cart .hype-cart__empty { padding: 24px 0; text-align: left; }
#hype-cart .hype-cart__empty p { margin: 0; }
#hype-cart .hype-cart__items { margin: 0; padding: 0; list-style: none; }
#hype-cart .hype-cart__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  column-gap: 16px;
  margin: 0;
  padding: 0 0 20px;
  border: 0;
}
#hype-cart .hype-cart__panel .hype-cart__remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  padding: 0;
}
#hype-cart .hype-cart__item-img { flex: 0 0 80px; }
#hype-cart .hype-cart__item-img img { display: block; width: 80px; height: 80px; object-fit: cover; border-radius: 2px; }
#hype-cart .hype-cart__item-body,
#hype-cart .hype-cart__card-body {
  min-width: 0;
  flex: 1 1 auto;
  display: block;
}
#hype-cart .hype-cart__item-name {
  display: block;
  margin: 0 35px 15px 0;
  white-space: normal;
  color: var(--hype-commerce-ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
#hype-cart .hype-cart__item-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
#hype-cart .hype-cart__item-prices {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  color: var(--hype-commerce-muted);
  font-size: 14px;
  line-height: 1.5;
}
#hype-cart .hype-cart__item-prices ins,
#hype-cart .hype-cart__card-price ins { color: var(--hype-commerce-ink); font-weight: 700; text-decoration: none; }
#hype-cart .hype-cart__item-line { flex-basis: 100%; color: var(--hype-commerce-ink); font-size: 18px; font-weight: 800; }
#hype-cart .hype-cart__qty {
  display: inline-flex;
  align-items: center;
  width: 107px;
  height: 40px;
  overflow: hidden;
  flex: 0 0 107px;
  border: 1px solid var(--hype-commerce-line);
  border-radius: 6px;
}
#hype-cart .hype-cart__qty-btn {
  box-sizing: border-box;
  width: 36px;
  min-width: 36px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hype-commerce-ink);
}
#hype-cart .hype-cart__qty-btn svg { width: 15px; height: 15px; }
#hype-cart .hype-cart__qty-val { min-width: 28px; color: var(--hype-commerce-ink); font-size: 14px; font-weight: 700; text-align: center; }
#hype-cart .hype-cart__upsell,
#hype-cart .hype-cart__addmore { margin: 24px 0 23px; padding: 20px; background: var(--hype-commerce-mist); border:0; border-radius: 8px; }
#hype-cart .hype-cart__section-title { margin: 0 0 16px; color: var(--hype-commerce-ink); font-size: 16px; font-weight: 700; text-transform: none; letter-spacing:0; }
#hype-cart .hype-cart__card { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; border: 0; border-radius: 0; }
#hype-cart .hype-cart__card-img { flex: 0 0 85px; }
#hype-cart .hype-cart__card-img img { display: block; width: 85px; height: 85px; object-fit: cover; border-radius: 0; }
#hype-cart .hype-cart__card-name { display: block; color: var(--hype-commerce-ink); font-size: 14px; font-weight: 700; line-height: 1.5; }
#hype-cart .hype-cart__card-price { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 12px; color: var(--hype-commerce-muted); font-size: 14px; }
#hype-cart .hype-cart__card-add { box-sizing:border-box; min-height:44px; height:auto; padding:8px 14px; border:1px solid var(--hype-commerce-line); border-radius:6px; background:#fff; color:var(--hype-commerce-ink); font:700 14px/1.3 Manrope,Arial,sans-serif; text-transform:none; text-decoration:none; box-shadow:none; }
#hype-cart .hype-cart__card-add:hover { background:var(--hype-commerce-mist); color:var(--hype-commerce-ink); }
#hype-cart .hype-cart__foot {
  box-sizing: border-box;
  flex: 0 0 auto;
  margin: 0;
  padding: 16px 24px 20px;
  border-top: 1px solid var(--hype-commerce-line);
  background: #fff;
}
#hype-cart .hype-cart__subtotal { display: flex; justify-content: space-between; margin: 0; }
#hype-cart .hype-cart__subtotal-label,
#hype-cart .hype-cart__total-label { color: var(--hype-commerce-muted); font-size: 15px; font-weight: 600; text-transform:none; letter-spacing:0; }
#hype-cart .hype-cart__subtotal-val { color: var(--hype-commerce-ink); font-size: 16px; font-weight: 700; }
#hype-cart .hype-cart__fees { margin: 6px 0 0; padding: 0; list-style: none; }
#hype-cart .hype-cart__fee { display: flex; justify-content: space-between; gap: 12px; color: var(--hype-commerce-muted); }
#hype-cart .hype-cart__total { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; padding: 20px 0; border-top: 1px solid var(--hype-commerce-line); }
#hype-cart .hype-cart__total-val { color: var(--hype-commerce-ink); font-size: 28px; font-weight: 800; }
#hype-cart .hype-cart__coupon { margin-top: 10px; }
#hype-cart .hype-cart__coupon-toggle summary { padding: 12px 0; color: var(--hype-commerce-muted); font-size: 14px; cursor: pointer; list-style:none; text-decoration:underline; }
#hype-cart .hype-cart__coupon-toggle summary::-webkit-details-marker{display:none}
#hype-cart .hype-cart__coupon-form { display: flex; align-items: stretch; gap: 8px; margin-top: 4px; }
#hype-cart .hype-cart__coupon-input { min-width: 0; height: 48px; flex: 1 1 auto; padding: 12px; border: 1px solid var(--hype-commerce-line); border-radius: 6px; font-size: 16px; }
#hype-cart .hype-cart__coupon-apply,
#hype-cart .hype-cart__checkout {
  box-sizing: border-box;
  min-height: 44px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(135deg,#F7941D,#F15A24);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  text-transform: none;
  box-shadow: none;
}
#hype-cart .hype-cart__checkout:hover,
#hype-cart .hype-cart__coupon-apply:hover { background:#df731a; color:#fff; box-shadow:none; }
#hype-cart .hype-cart__coupon-apply { padding: 12px 20px; }
#hype-cart .hype-cart__checkout { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 20px; padding: 14px 24px; }
#hype-cart .hype-cart__checkout-arrow { display: inline-flex; }
#hype-cart .hype-cart__checkout-arrow svg { display:block; width:26px; height:8px; fill:currentColor; }
@media (max-width: 767px) {
  #hype-cart .hype-cart__panel { width: 100vw; padding: 0; }
  #hype-cart .hype-cart__head { min-height: 53px; padding: 16px 20px; }
  #hype-cart .hype-cart__content { padding: 16px 20px; }
  #hype-cart .hype-cart__foot { padding: 16px 20px 20px; }
  #hype-cart .hype-cart__shipbar { padding-top: 0; }
  #hype-cart .hype-cart__item { column-gap: 12px; }
  #hype-cart .hype-cart__item-img { flex-basis: 60px; }
  #hype-cart .hype-cart__item-img img { width: 60px; height: 60px; }
  #hype-cart .hype-cart__item-row { gap: 8px; }
  #hype-cart .hype-cart__item-prices { width: 100%; }
  #hype-cart .hype-cart__upsell,
  #hype-cart .hype-cart__addmore { padding: 16px; }
  #hype-cart .hype-cart__empty { padding-block: 20px; }
}

/* Prices inherit their role's color; theme-wide amount rules must not mute totals. */
#hype-cart .hype-cart__panel .hype-cart__item-prices .amount,
#hype-cart .hype-cart__panel .hype-cart__card-price .amount,
#hype-cart .hype-cart__panel :is(.hype-cart__subtotal-val,.hype-cart__total-val,.hype-cart__item-line) .amount {
  color: inherit!important;
  font: inherit!important;
}