/* Product tabs — Figma 625:18235. Title 44px, tabs 24px, cards 472px @1920 with 4px gap,
   carousel bleeds off the right edge (≈3.7 cards visible). */
.eva-ptabs-section { display: block; }
.eva-ptabs {
  padding-top: max(calc(var(--eva-pt, 0) * 0.4px), min(calc(var(--eva-pt, 0) * 1px), calc(var(--eva-pt, 0) * 0.05208vw)));
  padding-bottom: max(calc(var(--eva-pb, 0) * 0.4px), min(calc(var(--eva-pb, 0) * 1px), calc(var(--eva-pb, 0) * 0.05208vw)));
  overflow: hidden;
}
eva-product-tabs, .eva-ptabs__tabs-root { display: block; }

.eva-ptabs__head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.eva-ptabs__title { flex: 1 1 auto; min-width: 0; }
.eva-ptabs__arrows { display: flex; gap: 32px; flex: none; }
.eva-ptabs__arrow svg { width: 20px; height: 36px; }

.eva-ptabs__tablist-wrap { margin-top: clamp(20px, 2.0833vw, 40px); }
.eva-ptabs__tablist { gap: 20px; }
/* First label lines up with the section title (tabs otherwise keep their side padding). */
.eva-ptabs__tab:first-child { padding-left: 0; }
.eva-ptabs__tab:first-child::after { left: 0; }

.eva-ptabs__panels { margin-top: clamp(24px, 2.0833vw, 40px); }
.eva-ptabs__panel[hidden] { display: none; }

/* Track starts on the gutter and runs to the viewport edge */
.eva-ptabs__carousel { padding-left: var(--eva-gutter); }
@media (min-width: 1921px) {
  .eva-ptabs__carousel { padding-left: calc((100vw - var(--eva-page)) / 2 + var(--eva-gutter)); }
}
.eva-ptabs__track {
  --eva-slide-w: clamp(240px, 24.5833vw, 472px);
  --eva-slide-gap: 4px;
  margin: 0;
  padding: 0 var(--eva-gutter) 0 0;
  list-style: none;
  scroll-padding-left: 0;
}
.eva-ptabs__slide { display: flex; }
.eva-ptabs__slide > * { flex: 1; min-width: 0; }

.eva-ptabs__progress {
  width: min(360px, 60%);
  margin: clamp(24px, 1.8vw, 35px) auto 0;
  /* track is offset by the gutter; recentre the bar on the page */
  transform: translateX(calc(var(--eva-gutter) / -2));
  background: rgba(43, 70, 51, 0.1);
}

.eva-ptabs__placeholder .eva-card__media svg { width: 100%; height: 100%; opacity: 0.35; }
.eva-ptabs__more { display: flex; justify-content: center; margin-top: 40px; padding-inline: var(--eva-gutter); }

@media (max-width: 959px) {
  .eva-ptabs__arrows { gap: 8px; }
  .eva-ptabs__arrow { width: 32px; height: 32px; }
  .eva-ptabs__arrow svg { width: 14px; height: 26px; }
  .eva-ptabs__tablist { gap: 4px; margin-inline: calc(var(--eva-gutter) * -1); padding-inline: var(--eva-gutter); }
  .eva-ptabs__track { --eva-slide-w: 72%; --eva-slide-gap: 12px; }
  .eva-ptabs__progress { width: 50%; transform: none; margin-left: calc(25% - var(--eva-gutter) / 2); }
}