.bbx-find-companion {
  position: relative;
  overflow: clip;
  background: linear-gradient(180deg, #fff9f6 0%, #fffdfc 34%, #fff 100%);
}
.bbx-find-companion__inner {
  padding-top: var(--bbx-fyc-padding-top);
  padding-bottom: var(--bbx-fyc-padding-bottom);
}
.bbx-find-companion__header { text-align: center; }
.bbx-find-companion__heading {
  margin: 0;
  color: #17151b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(32px, 3.05vw, 48px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.04;
}
.bbx-find-companion__tabs {
  display: flex;
  justify-content: center;
  gap: clamp(30px, 5vw, 82px);
  margin: clamp(30px, 3vw, 46px) auto clamp(30px, 3vw, 44px);
  border-bottom: 1px solid rgba(36, 30, 36, .12);
}
.bbx-find-companion__tab {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  padding: 0 0 15px;
  border: 0;
  background: transparent;
  color: #29252c;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(13px, 1.15vw, 16px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}
.bbx-find-companion__tab::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #f48270;
  content: '';
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .2s ease, transform .2s ease;
}
.bbx-find-companion__tab:hover::after,
.bbx-find-companion__tab.is-active::after { opacity: 1; transform: scaleX(1); }
.bbx-find-companion__panel { animation: bbx-find-companion-in .25s ease both; }
.bbx-find-companion__panel[hidden] { display: none; }
.bbx-find-companion__variant-grid,
.bbx-find-companion__product-grid {
  display: grid;
  align-items: start;
  gap: clamp(14px, 1.7vw, 28px);
}
.bbx-find-companion__variant-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.bbx-find-companion__product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bbx-find-companion__product-grid > .m\:column { min-width: 0; }
.bbx-find-companion__variant-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(62, 49, 58, .11);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 24px rgba(74, 54, 61, .05);
  transition: transform .22s ease, box-shadow .22s ease;
}
.bbx-find-companion__variant-card:hover {
  box-shadow: 0 18px 30px rgba(74, 54, 61, .12);
  transform: translateY(-4px);
}
.bbx-find-companion__variant-media {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #fbf0ed;
}
.bbx-find-companion__variant-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bbx-find-companion__variant-content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  min-height: 82px;
  padding: 14px 15px 15px;
}
.bbx-find-companion__variant-content h3,
.bbx-find-companion__variant-content p { margin: 0; }
.bbx-find-companion__variant-content h3 {
  color: #242027;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.2;
}
.bbx-find-companion__variant-content h3 a { color: inherit; text-decoration: none; }
.bbx-find-companion__variant-content p {
  margin-top: 7px;
  color: #332d36;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.bbx-find-companion__variant-action {
  display: grid;
  flex: 0 0 auto;
  width: 33px;
  height: 33px;
  place-items: center;
  border-radius: 50%;
  background: #f48270;
  color: #fff;
  transition: background-color .2s ease, transform .2s ease;
}
.bbx-find-companion__variant-action:hover { background: #df6d5c; color: #fff; transform: translateY(-1px); }
.bbx-find-companion__variant-action svg { width: 17px; height: 17px; }
@keyframes bbx-find-companion-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 767px) {
  .bbx-find-companion__inner { padding-right: 0; padding-left: 0; }
  .bbx-find-companion__header { padding: 0 20px; }
  .bbx-find-companion__heading { font-size: 32px; }
  .bbx-find-companion__tabs {
    justify-content: flex-start;
    gap: 30px;
    margin: 27px 0 27px;
    padding: 0 20px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .bbx-find-companion__tabs::-webkit-scrollbar { display: none; }
  .bbx-find-companion__tab { padding-bottom: 13px; font-size: 14px; white-space: nowrap; }
  .bbx-find-companion__variant-grid,
  .bbx-find-companion__product-grid {
    grid-auto-columns: minmax(188px, 64vw);
    grid-auto-flow: column;
    grid-template-columns: none;
    padding: 0 20px 12px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }
  .bbx-find-companion__variant-grid::-webkit-scrollbar,
  .bbx-find-companion__product-grid::-webkit-scrollbar { display: none; }
  .bbx-find-companion__variant-grid > *,
  .bbx-find-companion__product-grid > * { scroll-snap-align: start; }
  .bbx-find-companion__variant-content { min-height: 79px; padding: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .bbx-find-companion *, .bbx-find-companion__panel { animation: none !important; transition: none !important; }
}