/* WebPies — nx-carousel (shared horizontal slider). */
.nx-carousel{ position: relative; }
.nx-car-track{
  display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory;
  scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding-bottom: 2px;
  scrollbar-width: none; cursor: grab;
}
.nx-car-track::-webkit-scrollbar{ display: none; }
.nx-car-track.nx-dragging{ cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; }
.nx-car-track > *{ flex: 0 0 auto; scroll-snap-align: start; }

.nx-car-arrow{
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 4;
  width: 44px; height: 44px; border-radius: 999px; display: grid; place-items: center;
  background: rgba(245,241,234,.9); color: var(--ink); border: 1px solid var(--line);
  cursor: pointer; transition: opacity .25s ease, background .2s ease, color .2s ease, transform .15s ease, visibility .25s;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  box-shadow: 0 8px 24px -12px rgba(13,15,18,.4);
}
.nx-car-prev{ left: -6px; }
.nx-car-next{ right: -6px; }
.nx-car-arrow:hover{ background: var(--ink); color: var(--cream); }
.nx-car-arrow:active{ transform: translateY(-50%) scale(.92); }
.nx-car-arrow.is-off{ opacity: 0; visibility: hidden; pointer-events: none; }
.nx-carousel.not-scrollable .nx-car-arrow{ opacity: 0; visibility: hidden; pointer-events: none; }
html.theme-dark .nx-car-arrow{ background: rgba(16,19,21,.9); }

/* thumbnail strip variant */
.nx-thumbs .nx-car-track{ gap: 12px; }
.nx-thumbs .pg-thumb{ width: 104px; height: 104px; aspect-ratio: auto; }
.nx-thumbs .nx-car-prev{ left: -8px; }
.nx-thumbs .nx-car-next{ right: -8px; }
.nx-thumbs .nx-car-arrow{ width: 38px; height: 38px; }

/* review cards variant */
.nx-reviews .nx-car-track{ gap: 20px; }
.nx-review-card{ width: min(440px, 82vw); }
@media (max-width: 640px){ .nx-review-card{ width: 86vw; } }

/* related products variant */
.nx-related .nx-car-track{ gap: 24px; padding: 4px; }
.nx-related-card{ width: 280px; }
@media (max-width: 640px){ .nx-related-card{ width: 74vw; } }