/* Keep horizontal gestures without drawing a scrollbar over the storefront. */
.coratina-category-rail .coratina-main-categories,
.coratina-promo-stack,
.coratina-new-track { scrollbar-width: none; -ms-overflow-style: none; }
.coratina-category-rail .coratina-main-categories::-webkit-scrollbar,
.coratina-promo-stack::-webkit-scrollbar,
.coratina-new-track::-webkit-scrollbar { display: none; width: 0; height: 0; }
.coratina-category-rail .coratina-main-categories { padding-bottom: 3px; }

@container (max-width: 1100px) {
  .coratina-promo-stack {
    gap: 18px;
    padding: 18px 10px 26px;
    touch-action: pan-x pan-y pinch-zoom;
    scroll-padding-inline: 10px;
  }
  .coratina-promo-stack .coratina-promo-card {
    --mobile-promo-tilt: -3deg;
    --mobile-promo-lift: 0px;
    transform: translateY(var(--mobile-promo-lift)) rotate(var(--mobile-promo-tilt));
    box-shadow: 0 8px 20px #35462414, 0 2px 5px #3546240b;
  }
  .coratina-promo-stack .coratina-promo-card:nth-child(even) {
    --mobile-promo-tilt: 3deg;
    --mobile-promo-lift: 8px;
  }
  .coratina-promo-stack .coratina-promo-card:focus-within {
    transform: translateY(var(--mobile-promo-lift)) rotate(var(--mobile-promo-tilt));
  }
}