.cart-recommendation-showcase { padding: 18px; border: 1px solid #e2e3e7; border-radius: 16px; background: #fff; box-shadow: 0 9px 26px rgb(26 29 38 / 6%); }
.cart-recommendation-showcase__header, .cart-recommendation-showcase__header > div { display: flex; align-items: center; }
.cart-recommendation-showcase__header { justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.cart-recommendation-showcase__header > div { gap: 10px; }
.cart-recommendation-showcase__header img { width: 21px; filter: invert(14%) sepia(99%) saturate(6300%) hue-rotate(349deg); }
.cart-recommendation-showcase__header h2 { margin: 0; color: #303238; font-size: 20px; }
.cart-recommendation-showcase__header > a { color: #ed0017; font-size: 12px; font-weight: 700; text-decoration: none; }
.cart-recommendation-showcase__shell { position: relative; }
.cart-recommendation-showcase__track { display: grid; grid-auto-columns: minmax(235px, 1fr); grid-auto-flow: column; gap: 16px; overflow-x: auto; padding: 4px 2px 10px; scroll-behavior: smooth; scrollbar-width: none; scroll-snap-type: x mandatory; }
.cart-recommendation-showcase__track::-webkit-scrollbar { display: none; }
.cart-recommendation-showcase__arrow { position: absolute; z-index: 20; top: 50%; display: grid; width: 36px; height: 36px; place-items: center; padding: 0; border: 1px solid #e5e5e7; border-radius: 50%; background: #fff; box-shadow: 0 5px 14px rgb(0 0 0 / 13%); cursor: pointer; transform: translateY(-50%); }
.cart-recommendation-showcase__arrow img { width: 18px; filter: invert(14%) sepia(99%) saturate(6348%) hue-rotate(350deg); }
.cart-recommendation-showcase__arrow--prev { left: -13px; }
.cart-recommendation-showcase__arrow--prev img { transform: rotate(180deg); }
.cart-recommendation-showcase__arrow--next { right: -13px; }
.cart-recommendation-showcase__arrow:disabled { opacity: .35; cursor: default; }

@media (min-width: 1200px) {
  .cart-recommendation-showcase__track { grid-auto-columns: calc((100% - 80px) / 6); }
}

@media (max-width: 767.98px) {
  .cart-recommendation-showcase { padding: 15px 12px; }
  .cart-recommendation-showcase__header h2 { font-size: 17px; }
  .cart-recommendation-showcase__header > a { font-size: 11px; }
  .cart-recommendation-showcase__track { grid-auto-columns: minmax(210px, 72vw); gap: 12px; }
  .cart-recommendation-showcase__arrow--prev { left: -9px; }
  .cart-recommendation-showcase__arrow--next { right: -9px; }
}