@charset "utf-8";

.CardsRail__Content { grid-column: span 6; }

@media (min-width: 1024px) {
  .CardsRail__Content { grid-column: span 12; }
}

.CardsRail__Subtitle { margin-top: 4px; }

.CardsRail__Container { margin-top: 1.5rem; position: relative; }

@media (max-width: 1439.98px) {
  .CardsRail__Container { margin-top: 1rem; }
}

.CardsRail__rail-swiper-container { margin-left: -4px; }

.CardsRail__rail-button { margin-top: -1.25rem; position: absolute; top: 50%; z-index: 2; }

.CardsRail__rail-button--hidden { display: none; }

.CardsRail__rail-button--back { left: calc(-4px - 1.125rem); }

.CardsRail__rail-button--forward { right: -1.125rem; }

.CardsRail__Pagination { align-items: center; display: none; gap: 1rem; position: absolute; right: 0px; top: -3.125rem; }

@media (min-width: 768px) {
  .CardsRail__Pagination { display: flex; }
}

.CardsRail__Pagination-button--disabled { color: var(--pal-color-button-primary-background-disabled); }

.CardsRail__Pagination-button--hidden { display: none; }

.CardsRail__Pagination-button:focus-visible { outline: -webkit-focus-ring-color auto thin; }

.ImagesGridCard { background-color: var(--pal-colors-default-background-default); border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px 0px, rgba(0, 0, 0, 0.05) 0px -1px 8px 0px; margin: 0.5rem 0.25rem; padding: 1rem; }

.ImagesGridCard__headline { align-items: baseline; display: flex; }

.ImagesGridCard__subtitle { padding: 0px 0.5rem; }

.ImagesGridCard__product-images { display: grid; gap: 0.5rem; grid-template-columns: repeat(3, 1fr); line-height: 0; list-style-type: none; margin: 0px; padding: 1rem 0px 0px; }