/** Shopify CDN: Minification failed

Line 157:25 The "+" operator only works if there is whitespace on both sides

**/
cart-items .title-wrapper-with-link {
  margin-top: 0;
}

.cart-items td,
.cart-items th {
  padding: 0;
  border: none;
}

.cart-items th {
  text-align: left;
  padding-bottom: 1.8rem;
  opacity: 0.85;
  font-weight: normal;
}

.cart-item__quantity-wrapper {
  display: flex;
}

.cart-item__totals {
  position: relative;
}

.cart-items *.right {
  text-align: right;
}

.cart-item__image-container {
  display: inline-flex;
  align-items: flex-start;
}

.cart-item__nested-line .cart-item__image-container {
  min-width: calc(10rem / var(--font-body-scale));
  justify-content: right;
  img {
    width: 60%;
  }
}

.cart-item__image-container:after {
  content: none;
}

.cart-item__image {
  height: auto;
  max-width: calc(10rem / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .cart-item__image {
    max-width: 100%;
  }
}

.cart-item__details {
  font-size: 1.6rem;
  line-height: calc(1 + 0.4 / var(--font-body-scale));
}

.cart-item__details > * {
  margin: 0;
  max-width: 30rem;
}

.cart-item__details > * + * {
  margin-top: 0.6rem;
}

.cart-item__media {
  position: relative;
}

.cart-item__link {
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: color 200ms ease-in-out;
}

.cart-item__name {
  text-decoration: none;
  display: inline-block;
  font-size: 1.25rem;
}

@media screen and (max-width: 749px) {
  .cart-item__name {
    font-size: 1rem!important;
  }
}

.cart-item__name:hover {
  color: black !important;
  transition: color 200ms ease-in-out;
}

.cart-item__price-wrapper > * {
  display: block;
  margin: 0;
  padding: 0;
}

.cart-item__discounted-prices dd {
  margin: 0;
}

.cart-item__discounted-prices .cart-item__old-price {
  font-size: 1.4rem;
}

.cart-item__old-price {
  opacity: 0.7;
}

.cart-item__final-price {
  font-weight: 400;
}

.product-option {
  font-size: 1.4rem;
  word-break: break-word;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

.cart-item cart-remove-button {
  display: flex;
  margin-left: 1rem;
  min-width: unset!important;
  width: 140px;
  justify-content: center;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .cart-item cart-remove-button {
    height: 4.5rem;
  }
}

cart-remove-button .button {
  min-height: 29px;
  padding: 0;
  font-size: 1rem;
  margin: 0 0.1rem 0.1rem 0;
  min-width: calc(13rem + var(--buttons-border-width) * 2)!important;
}

cart-remove-button .button:before,
cart-remove-button .button:after {
  content: none;
}

cart-remove-button .button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
}

cart-remove-button.is-loading .cart-remove-button__label-wrapper {
  visibility: hidden;
}

cart-remove-button.is-loading .cart-remove-button__spinner {
  display: inline-flex;
}

@media screen and (min-width: 750px) {
  cart-remove-button .button {
    min-height: 3.5rem;
  }
}

cart-remove-button .icon-remove {
  height: 1.5rem;
  width: 1.5rem;
}

.cart-item .loading__spinner {
  top: 0;
  left: auto;
  right: auto;
  bottom: 0;
  padding: 0;
}

@media screen and (min-width: 750px) {
  .cart-item .loading__spinner {
    right: 0;
    padding-top: 4.5rem;
    bottom: auto;
  }
}

.cart-item .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}

.cart-item__error {
  display: flex;
  align-items: flex-start;
  margin-top: 0.2rem;
  width: min-content;
  min-width: 100%;
}

.cart-item__error-text {
  font-size: 1.3rem;
  line-height: 1.4;
  letter-spacing: 0.04rem;
  order: 1;
}

.cart-item__error-text + .svg-wrapper {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.7rem;
  margin-top: 0.25rem;
}

.cart-item__error-text:empty + .svg-wrapper {
  display: none;
}

.product-option * {
  display: inline;
  margin: 0;
}

.cart-items thead th {
  text-transform: uppercase;
}

@media screen and (max-width: 749px) {
  .cart-items,
  .cart-items thead,
  .cart-items tbody {
    display: block;
    width: 100%;
  }

  .cart-items thead tr {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
    margin-bottom: 4rem;
  }

  .cart-item {
    display: grid;
    grid-template: repeat(2, auto) / repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 3.5rem;
  }

  .cart-item:has(+ .cart-item__nested-line) {
    margin-bottom: 1.5rem;
  }

  .cart-item:last-child {
    margin-bottom: 0;
  }

  .cart-item__media {
    grid-row: 1 / 3;
  }

  .cart-item__details {
    grid-column: 2 / 4;
  }

  .cart-item__quantity {
    grid-column: 2 / 5;
  }

  .cart-item__quantity-wrapper {
    flex-wrap: nowrap;
  }

  .cart-item__totals {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 750px) {
  .cart-items {
    border-spacing: 0;
    border-collapse: separate;
    box-shadow: none;
    width: 100%;
    display: table;
  }

  .cart-items th {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }

  .cart-items thead th:first-child {
    width: 50%;
  }

  .cart-items th + th {
    padding-left: 4rem;
  }

  .cart-items td {
    vertical-align: top;
    padding-top: 4rem;
  }

  .cart-items .cart-item__nested-line td {
    padding-top: 1rem;
  }

  .cart-item {
    display: table-row;
  }

  .cart-item > td + td {
    padding-left: 4rem;
  }

  .cart-item__details {
    width: 35rem;
  }

  .cart-item__media {
    width: 10rem;
  }

  .cart-item__price-wrapper > *:only-child:not(.cart-item__discounted-prices) {
    margin-top: 1rem;
  }

  .cart-item__error {
    margin-left: 0.3rem;
  }
}

@media screen and (min-width: 990px) {
  .cart-item .cart-item__quantity,
  .cart-items .cart-items__heading--wide {
    padding-left: 6rem;
  }

  .cart-item__details {
    width: 50rem;
  }

  .cart-items thead th:first-child {
    width: 60%;
  }
}

@media screen and (min-width: 750px) {
  .cart-items .cart-items__heading--quantity,
  .cart-item .cart-item__quantity,
  .cart-item__quantity--info quantity-popover > * {
    padding-left: 5rem;
  }

  .cart-item .cart-item__quantity--info,
  .cart-item__quantity--info .cart-item__quantity-wrapper,
  .cart-item__quantity--info .cart-items__info {
    padding-left: 0;
  }
}

@media screen and (max-width: 989px) {
  .cart-items .quantity-popover__info-button {
    padding-left: 0;
  }
}

.cart-item__details .product-option {
  right: -5px;
  font-weight: bold;
  color: black;
  font-family: 'pp_moribold';
}
cart-remove-button.is-loading .cart-remove-button__label { visibility: hidden; }
cart-remove-button.is-loading .loading__spinner { display: inline-flex; }

cart-remove-button.is-loading .cart-remove-button__label { visibility: hidden; }
cart-remove-button.is-loading .cart-remove-button__spinner { display: inline-flex; }

cart-remove-button.is-loading .cart-remove-button__label-wrapper { visibility: hidden; }

/* ---------------------------------------------------------------------------
   a11y — WCAG 2.2 AA, 2.5.8 Target Size (Minimum)

   `base.css .quantity` carries no min-height (Dawn's was removed), so on the
   cart page the stepper collapsed to its content: minus 45x21, input 50x21 and
   plus 45x21 CSS px at every breakpoint. All three are under the 24x24 floor,
   and because they sit flush against each other with zero gap the spacing
   exception cannot rescue them either.

   Growing the pill lifts all three targets at once (the children are flex items
   and stretch). 2.5rem, not 2.4rem, so the measured box clears 24px with room
   for sub-pixel rounding -- and it matches the cart drawer, which already
   renders 25px tall.

   Scoped to <cart-items> (the cart page). The drawer is <cart-drawer-items> and
   already passes; the PDP / quick-add steppers are a separate surface.
   --------------------------------------------------------------------------- */
cart-items .cart-items .quantity {
  min-height: 2.5rem;
}

cart-items .cart-items .quantity__button,
cart-items .cart-items .quantity__input {
  min-height: 2.5rem;
}