/* PCP-style “Empfohlene Produkte” block (scoped; mirrors temp1.html utilities + Swiper-era class names). */
theme-recommended-product .block-product-list__carousel {
  max-width: 1120px;
  overflow: hidden;
  margin: auto;
}


.section-recommended-product.public-recommend .container-optionrecommend {
  display: block;
  width: 100%;
}

.section-recommended-product.public-recommend .ec-recommended {
  max-width: 1184px;
  margin-inline: auto;
}

/* Section heading → same role as legend.recommended-title */
.section-recommended-product.public-recommend .block-heading {
  margin-block: 0 40px;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  color: #000;
  text-align: start;
  background: transparent;
}

.section-recommended-product.public-recommend .recommend-swiper {
  position: relative;
}

.section-recommended-product.public-recommend theme-carousel .block-product-list {
  max-width: 100%;
  margin-inline: auto;
  /* allow horizontal swipe/scroll inside carousel track */
  overflow-x: auto;
  overflow-y: hidden;
  background-color: transparent;
}

.section-recommended-product.public-recommend theme-carousel ul {
  gap: 4px;
}

.section-recommended-product.public-recommend theme-carousel ul li product-item {
  width: 100%;
}

/* Equal-width columns → thirds / quarters / fifths (overrides ul inline vars from product-list block). */

/* <840px → 3 columns (mobile grid breakpoint in base is still ≤959px; see next rule for 840–959). */
@media (max-width: 839.98px) {
  .section-recommended-product.public-recommend theme-carousel ul li {
    width: calc((100% / 3) - 4px);
  }
}

/* 840px–959.98px → 4 columns (still uses “mobile” grid rules from theme base CSS). */
@media (min-width: 840px) and (max-width: 1439.99px) {
  .section-recommended-product.public-recommend theme-carousel ul li {
    width: calc((100% / 4) - 4px);
  }
}

/* ≥1440px → 5 columns */
@media (min-width: 1440px) {
  .section-recommended-product.public-recommend theme-carousel ul li {
    width: calc((100% / 5) - 4px);
  }
}

/* Carousel prev/next → circular arrows like temp */
.section-recommended-product.public-recommend .block-product-list__button {
  width: 39px;
  height: 39px;
  padding: 0;
  color: transparent;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transform: translate(0, -50%);
}

.section-recommended-product.public-recommend .block-product-list__button svg {
  display: none;
}

.section-recommended-product.public-recommend .block-product-list__button--previous {
  inset-inline-start: -10px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzlweCIgaGVpZ2h0PSIzOXB4IiB2aWV3Qm94PSIwIDAgMzkgMzkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bGVmdC0xPC90aXRsZT4KICAgIDxnIGlkPSJQQ1AiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLllYblk4Hlnovlj7fpgInmi6npobVQQ1AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjguMDAwMDAwLCAtMjUzMS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImxlZnQtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY4LjAwMDAwMCwgMjUzMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iI0ZGRkZGRiIgY3g9IjE5LjUiIGN5PSIxOS41IiByPSIxOS41Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0i6Lev5b6ELTTlpIfku70iIHN0cm9rZT0iI0QwRDBEMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNy42NDI4NTcsIDE5LjgwOTUyNCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTcuNjQyODU3LCAtMTkuODA5NTI0KSAiIHBvaW50cz0iMTMuNjE5MDQ3NiAxMS43NjE5MDQ4IDIxLjY2NjY2NjcgMTkuODA5NTIzOCAxMy42MTkwNDc2IDI3Ljg1NzE0MjkiPjwvcG9seWxpbmU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
}

.section-recommended-product.public-recommend .block-product-list__button--next {
  inset-inline-end: -10px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzlweCIgaGVpZ2h0PSIzOXB4IiB2aWV3Qm94PSIwIDAgMzkgMzkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bGVmdC0yPC90aXRsZT4KICAgIDxnIGlkPSJQQ1AiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLllYblk4Hlnovlj7fpgInmi6npobVQQ1AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTEzLjAwMDAwMCwgLTI1MzEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJsZWZ0LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1MzIuNTAwMDAwLCAyNTUwLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTUzMi41MDAwMDAsIC0yNTUwLjUwMDAwMCkgdHJhbnNsYXRlKDE1MTMuMDAwMDAwLCAyNTMxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0i5qSt5ZyG5b2iIiBmaWxsPSIjRkZGRkZGIiBjeD0iMTkuNSIgY3k9IjE5LjUiIHI9IjE5LjUiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSLot6/lvoQtNOWkh+S7vSIgc3Ryb2tlPSIjRDBEMEQwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjY0Mjg1NywgMTkuODA5NTI0KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xNy42NDI4NTcsIC0xOS44MDk1MjQpICIgcG9pbnRzPSIxMy42MTkwNDc2IDExLjc2MTkwNDggMjEuNjY2NjY2NyAxOS44MDk1MjM4IDEzLjYxOTA0NzYgMjcuODU3MTQyOSI+PC9wb2x5bGluZT4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
  z-index: 0;
}

.section-recommended-product.public-recommend .block-product-list__button:disabled {
  opacity: 0.4;
}

.section-recommended-product.public-recommend theme-carousel ul li {
  display: flex;
  align-items: stretch;
}

.section-recommended-product.public-recommend theme-product-card.block-product-card {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}

.section-recommended-product.public-recommend .block-product-card-info {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0;
  width: 100%;
  padding-block-end: 48px;
}

.section-recommended-product.public-recommend .block-product-card-info,
.section-recommended-product.public-recommend .block-product-card-info .block-product-card-info__content {
  align-items: center;
}

.section-recommended-product.public-recommend .block-product-card .block-product-title,
.section-recommended-product.public-recommend .block-product-card .block-product-sku-title {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 38px;
  max-width: 180px;
  margin-block: 0;
  margin-inline: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  color: #000;
  text-align: center;
  padding: 0;
}

.section-recommended-product.public-recommend .block-product-card .block-product-title span,
.section-recommended-product.public-recommend .block-product-card .block-product-sku-title span {
  max-width: 100%;
  max-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.section-recommended-product.public-recommend .block-product-card .block-product-title:focus-visible,
.section-recommended-product.public-recommend .block-product-card .block-product-sku-title:focus-visible {
  outline: auto;
  outline-offset: -2px;
}

.section-recommended-product.public-recommend .block-product-price,
.section-recommended-product.public-recommend .block-product-price * {
  font-weight: 600;
  font-size: 14px;
  color: #000;
  line-height: 19px;
}

.section-recommended-product.public-recommend .block-product-price .product-price__origin {
  display: none;
}

.section-recommended-product.public-recommend .block-product-card .block-product-price {
  min-height: 19px;
  margin-block-end: 9px;
}

/* Image area → compact centered tile like recommended_goods_linkimg */
.section-recommended-product.public-recommend .block-product-image__layer-image-wrapper {
  justify-content: center;
  padding-block-start: 21px;
}

.section-recommended-product.public-recommend .block-product-image__image-wrapper {
  width: 117px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
}

.section-recommended-product.public-recommend .block-product-image__image-wrapper>.block-product-image__image {
  object-fit: contain;
}

/* Match reference: no quick-add icon on these cards */
.section-recommended-product.public-recommend .block-product-card__quick-add {
  display: none;
}

/* Reference hides CTA row; keeps price + optional energy / info row */
.section-recommended-product.public-recommend .block-product-buy-button,
.section-recommended-product.public-recommend .block-product-buy-button-wrapper {
  display: none;
}

/* Energieeffizienz + Produktinfo — fixed slot so rows align when label is missing on some cards */
.section-recommended-product.public-recommend .block-product-energy-label {
  inset-block-end: 0;
  inset-inline: 0;
  min-height: 48px;
}

.section-recommended-product.public-recommend .energy-efficiency-labels,
.section-recommended-product.public-recommend .block-product-energy-label .energy-efficiency-labels {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-inline: 7.5px;
}

.section-recommended-product.public-recommend .energy-efficiency-labels .energy-efficiency-img-link,
.section-recommended-product.public-recommend .block-product-energy-label .energy-efficiency-img-link {
  display: inline-block;
  line-height: 0;
}

.section-recommended-product.public-recommend .energy-efficiency-labels .energy-efficiency-img,
.section-recommended-product.public-recommend .block-product-energy-label .energy-efficiency-img {
  max-height: 28px;
  width: auto;
}

.section-recommended-product.public-recommend .energy-efficiency-labels .pdf-link,
.section-recommended-product.public-recommend .block-product-energy-label .pdf-link {
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #999;
  text-decoration: none;
}

.section-recommended-product.public-recommend .block-product-price .sales-promotion-throughline-price {
  display: none;
}

@media (max-width: 839.98px) {
  .section-recommended-product.public-recommend .ec-recommended {
    max-width: calc(100% - 40px);
  }

  .section-recommended-product.public-recommend .block-heading {
    margin-block-end: 20px;
  }

  .section-recommended-product.public-recommend .energy-efficiency-labels .energy-efficiency-img,
  .section-recommended-product.public-recommend .block-product-energy-label .energy-efficiency-img {
    max-height: 18px;
  }
}

/* Narrow phones: tighter card chrome + carousel dots/footer space; arrows hidden (<840 matches design). */
@media (max-width: 839.98px) {
  .section-recommended-product.public-recommend .block-product-image__layer-image-wrapper {
    padding-block-start: 20px;
  }

  .section-recommended-product.public-recommend .block-product-image__image-wrapper {
    width: 68px;
  }

  .section-recommended-product.public-recommend .block-product-card .block-product-title,
  .section-recommended-product.public-recommend .block-product-card .block-product-sku-title {
    width: 80px;
    margin: 8px auto 0;
  }

  .section-recommended-product.public-recommend .block-product-card .block-product-price {
    margin-block-end: 5px;
  }

  .section-recommended-product.public-recommend .block-product-list__button {
    display: none;
  }

  .section-recommended-product.public-recommend .recommend-swiper {
    padding-block-end: 30px;
  }
}