.planteful-bundle-tiles--three {
  display: flex !important;
  align-items: stretch;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.planteful-bundle-tiles--three::-webkit-scrollbar { display: none; }
.planteful-bundle-tiles--three .planteful-bundle-tile {
  flex: 0 0 calc((100% - 18px) / 2) !important;
  width: calc((100% - 18px) / 2) !important;
  min-width: 0;
  height: auto;
  scroll-snap-align: start;
}
.planteful-bundle-tile--pair .planteful-bundle-tile__art { background: #e8ddc9; }

.planteful-pair-steps { display: grid; grid-template-columns: repeat(3, 1fr); width: min(850px, 100%); margin: 0 0 26px; padding: 0; overflow: hidden; border: 1px solid rgba(36,75,56,.12); border-radius: 12px; list-style: none; }
.planteful-pair-steps li { display: flex; align-items: center; gap: 10px; padding: 14px 16px; color: #929c95; font-size: .85rem; font-weight: 700; }
.planteful-pair-steps li:not(:last-child) { border-right: 1px solid rgba(36,75,56,.12); }
.planteful-pair-steps span { display: grid; place-items: center; width: 28px; height: 28px; flex: none; border: 1px solid #cbd4cd; border-radius: 50%; }
.planteful-pair-steps .is-active { color: #244b38; background: #f7f9f5; }
.planteful-pair-steps .is-active span { border-color: #244b38; background: #244b38; color: #fff; }
.planteful-pair-steps .is-complete span { border-color: #718b57; background: #718b57; color: #fff; }
.planteful-pair-products[hidden], .planteful-pair-review[hidden], .planteful-pair-recommendation[hidden] { display: none !important; }
.planteful-pair-products { margin: 0; padding: 0; border: 0; }
.planteful-pair-recommended { position: absolute; z-index: 3; top: 14px; left: 14px; padding: 6px 9px; border-radius: 999px; background: #e5eddc; color: #41633b; font-size: .65rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.planteful-pair-recommended[hidden] { display: none; }
.planteful-pair-recommendation { width: min(850px, 100%); margin: 0 0 24px; padding: 15px 18px; border-left: 4px solid #718b57; background: #f2f6ed; }
.planteful-pair-recommendation > span { display: block; margin-bottom: 5px; color: #55784b; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.planteful-pair-recommendation p { margin: 0; color: #59675d; font-size: .85rem; line-height: 1.5; }
.planteful-pair-summary-items { margin: 14px 0; padding: 10px 0; border-top: 1px solid #e8ddc9; border-bottom: 1px solid #e8ddc9; }
.planteful-pair-summary-items:empty { display: none; }
.planteful-pair-summary-items p { display: grid; grid-template-columns: 54px 1fr; gap: 8px; margin: 7px 0; font-size: .78rem; }
.planteful-pair-summary-items span { color: #7a877d; }
.planteful-pair-back { display: block; width: 100%; margin-top: 12px; border: 0; background: transparent; color: #617065; text-decoration: underline; cursor: pointer; }
.planteful-pair-review__items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.planteful-pair-review article { display: grid; grid-template-columns: 140px 1fr; align-items: center; overflow: hidden; border: 1px solid rgba(36,75,56,.12); border-radius: 18px; }
.planteful-pair-review article img { width: 140px; height: 165px; object-fit: contain; background: #f8f4ea; }
.planteful-pair-review article div { padding: 18px; }
.planteful-pair-review article small { color: #7b877f; font-size: .65rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.planteful-pair-review article h3 { margin: 7px 0 12px; color: #244b38; font-size: 1.1rem; }
.planteful-pair-result { display: flex; gap: 12px; align-items: flex-start; margin-top: 18px; padding: 17px; border: 1px solid #eadcc1; border-radius: 14px; background: #fbf6ec; }
.planteful-pair-result.is-matched { border-color: #d8e3d1; background: #f2f6ed; }
.planteful-pair-result > span { display: grid; place-items: center; width: 28px; height: 28px; flex: none; border-radius: 50%; background: #718b57; color: #fff; }
.planteful-pair-result p { margin: 0; color: #647067; font-size: .82rem; line-height: 1.45; }
.planteful-pair-result strong { display: block; margin-bottom: 3px; color: #244b38; }

@media (max-width: 980px) {
  .planteful-bundle-tiles--three .planteful-bundle-tile {
    flex-basis: 82% !important;
    width: 82% !important;
  }
}
@media (max-width: 760px) {
  .planteful-bundle-tiles--three { display: flex !important; overflow-x: auto; }
  .planteful-bundle-tiles--three .planteful-bundle-tile {
    flex-basis: 92% !important;
    width: 92% !important;
  }
  .planteful-pair-steps { display: flex; overflow-x: auto; }
  .planteful-pair-steps li { min-width: 64px; flex: 1; }
  .planteful-pair-steps li:not(.is-active) { font-size: 0; }
  .planteful-pair-steps li.is-active { min-width: 180px; }
  .planteful-pair-review__items { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .planteful-pair-review article { grid-template-columns: 105px 1fr; }
  .planteful-pair-review article img { width: 105px; height: 130px; }
}