/* Shop: Speciale acties. Scoped separately from the existing Info Cards block. */
.shop-special-offers__heading {
  margin: 0 0 52px;
  font-size: clamp(32px, 3vw, 50px);
}
.shop-special-offers__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}
.shop-special-offers__card {
  display: grid;
  grid-template-columns: 34.65% minmax(0, 1fr);
  aspect-ratio: 785 / 292;
  container-type: inline-size;
  overflow: hidden;
  border-radius: 30px;
  background: var(--bs-gray-light, #f9c0ac);
}
.shop-special-offers__card--text-only { grid-template-columns: minmax(0, 1fr); }
.shop-special-offers__image { position: relative; min-width: 0; min-height: 0; }
.shop-special-offers__image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shop-special-offers__content {
  min-width: 0;
  padding: 6.12cqw 6.12cqw 3.82cqw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.shop-special-offers__title { font-size: 3.57cqw; line-height: 1.2; margin: 0 0 1.53cqw; }
.shop-special-offers__text { font-size: 2.29cqw; line-height: 1.78; margin-bottom: 3.31cqw; overflow-wrap: anywhere; }
.shop-special-offers__text > :last-child { margin-bottom: 0; }
.shop-special-offers__content .fl-buttons { margin-top: auto; max-width: 100%; }
.shop-special-offers__content .btn {
  white-space: normal;
  font-size: 2.29cqw;
  line-height: 1.5;
  padding: 1.15cqw 2.68cqw;
}
@media (min-width: 1200px) {
  .shop-special-offers__grid > .shop-special-offers__card:only-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 1199px) {
  .shop-special-offers__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575px) {
  .shop-special-offers__heading { margin-bottom: 30px; }
  .shop-special-offers__card { grid-template-columns: minmax(0, 1fr); aspect-ratio: auto; border-radius: 24px; }
  .shop-special-offers__image { min-height: 0; aspect-ratio: 4 / 3; }
  .shop-special-offers__content { padding: 24px; }
  .shop-special-offers__title { font-size: 24px; margin-bottom: 12px; }
  .shop-special-offers__text { font-size: 16px; margin-bottom: 24px; }
  .shop-special-offers__content .btn { font-size: 16px; padding: 10px 20px; }
}