.cart-page { min-height: 100vh; background: #f6f7f9; }
.cart-main { padding: 22px 0 48px; }
.cart-page-header { margin-bottom: 16px; }
.cart-page-header nav { display: flex; align-items: center; gap: 7px; margin-bottom: 14px; color: #92949a; font-size: 12px; }
.cart-page-header nav a { color: #777980; text-decoration: none; }
.cart-page-header__row { display: flex; align-items: center; justify-content: space-between; }
.cart-page-header__row > div:first-child { display: flex; align-items: center; gap: 12px; }
.cart-page-header__icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: #ed0017; box-shadow: 0 8px 20px rgb(237 0 23 / 20%); }
.cart-page-header__icon img { width: 23px; filter: brightness(0) invert(1); }
.cart-page-header h1 { margin: 0 0 3px; color: #24262b; font-size: 25px; line-height: 1; }
.cart-page-header p { margin: 0; color: #85878e; font-size: 13px; }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 400px; align-items: start; gap: 22px; }
.cart-content-column { min-width: 0; }
.cart-recommendations { margin-top: 24px; }
@media (max-width: 991.98px) { .cart-layout { grid-template-columns: 1fr; } }
@media (min-width: 992px) {
  .cart-page-header nav { font-size: 13px; }
  .cart-page-header h1 { font-size: 28px; }
  .cart-page-header p { font-size: 14px; }
}
@media (max-width: 575.98px) {
  .cart-main { padding-top: 14px; }
  .cart-page-header nav { font-size: 12px; }
  .cart-page-header h1 { font-size: 23px; }
  .cart-page-header p { font-size: 13px; }
  .cart-page-header__icon { width: 42px; height: 42px; }
}