body#cart,
body#cart #wrapper,
body#cart #content-wrapper,
body#cart .cart-grid {
  background: #f9f9fc;
}
body#cart .cart-grid { padding-block: 1.5rem 2.5rem; }
body#cart .cart__continue-shopping,
body#cart .cart-voucher__form .btn,
body#cart .js-cart-detailed-actions .btn {
  align-items: center;
  border-radius: .6rem;
  display: inline-flex;
  font-family: Inter, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.2;
  min-height: 2.6rem;
  padding: .55rem 1rem;
}
body#cart .cart__continue-shopping {
  background: #fff;
  border-color: #258dcc;
  color: #258dcc;
}
body#cart .cart__continue-shopping:hover,
body#cart .cart__continue-shopping:focus-visible {
  background: #edf7fc;
  border-color: #197bb8;
  color: #197bb8;
}
body#cart .cart-voucher__form .btn,
body#cart .js-cart-detailed-actions .btn {
  background: #258dcc;
  border-color: #258dcc;
  color: #fff;
}
body#cart .cart-voucher__form .btn:hover,
body#cart .cart-voucher__form .btn:focus-visible,
body#cart .js-cart-detailed-actions .btn:hover,
body#cart .js-cart-detailed-actions .btn:focus-visible {
  background: #197bb8;
  border-color: #197bb8;
  color: #fff;
}
/* Reuse the primary action component from the delivery/payment tunnel for the
   cart CTA: same pill, gradient, shadow and directional affordance. */
body#cart .js-cart-detailed-actions .btn.btn-lg {
  align-items: center;
  background: linear-gradient(180deg, #48a8e4, #2f8fcb);
  border: 1px solid #2f8fcb;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgb(47 143 203 / 18%);
  font-size: .8125rem;
  gap: .5rem;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
}
body#cart .js-cart-detailed-actions .btn.btn-lg::after {
  content: '→';
  font-size: 1.65em;
  font-weight: 400;
  line-height: 1;
}
body#cart .js-cart-detailed-actions .btn.btn-lg:hover,
body#cart .js-cart-detailed-actions .btn.btn-lg:focus-visible {
  background: linear-gradient(180deg, #3d9fdc, #258dcc);
  border-color: #258dcc;
}
body#cart .cart-voucher__form .form-control {
  border-color: #cbd7e1;
  border-radius: .55rem;
  font: 400 .875rem/1.2 Inter, Arial, sans-serif;
  min-height: 2.6rem;
}
body#cart .cart-voucher__form .form-control:focus {
  border-color: #258dcc;
  box-shadow: 0 0 0 .2rem rgb(37 141 204 / 18%);
}
/* The accordion itself must sit on the same page canvas. The text input stays
   white on purpose: it remains identifiable as an editable field. */
body#cart .cart-voucher__accordion,
body#cart .cart-voucher__accordion .accordion-item,
body#cart .cart-voucher__accordion .accordion-button,
body#cart .cart-voucher__accordion .accordion-body {
  background: #f9f9fc;
}
body#cart .cart-voucher__accordion .accordion-button {
  box-shadow: none;
  color: #258dcc;
}
body#cart .cart-voucher__accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
}
@media (max-width: 575.98px) {
  body#cart .cart-grid { padding-block: 1rem 1.75rem; }
  body#cart .cart__continue-shopping { width: 100%; }
}