.npplans .np-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}

@media screen and (min-width: 992px) {
  .npplans .np-container { gap: 64px; }
}

/* the four cards stand 40px apart (1376px) where the row has the room, closing to 18px at 1350 */
@media screen and (min-width: 1350px) {
  .npplans .np-container { width: 1410px; }

  .npplans .npplans__row { gap: clamp(18px, calc((100% - 1256px) / 3), 40px); }
}

.npplans__slider {
  width: 100%;
}

.npplans__viewport {
  width: 100%;
}

.npplans__row {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: var(--np-col-gap);
  width: 100%;
}

.npplans__col {
  position: relative;
  flex: 0 0 var(--np-col);
  width: var(--np-col);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.npcard {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-radius: var(--np-radius);
}

.npcard__badge {
  position: relative;
  z-index: 2;
  margin-bottom: -12px;
  padding: 8px 16px 7px;
  border-radius: 24px;
  background: linear-gradient(180deg, #18B934 0%, #2CFF51 100%);
  box-shadow: inset 0 0 0 1px var(--np-green);
  font-size: 10px;
  font-weight: 900;
  line-height: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  white-space: nowrap;
}

.npcard__badge--ghost {
  padding: 9px 19px 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.21px;
  opacity: 0;
  pointer-events: none;
}

.npcard__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 36px 20px 16px;
  border-radius: var(--np-radius);
}

.npcard--better .npcard__body {
  background: radial-gradient(50% 50% at 50% 50%, #228233 0%, #235228 50%, #243A23 75%, #25221E 100%);
}

.npcard--best .npcard__body {
  background:
    radial-gradient(149.12px 285.89px at 50% 52.5%, rgba(126, 91, 25, .57) 0%, rgba(97, 70, 20, .57) 25%, rgba(68, 49, 15, .57) 50%, rgba(38, 28, 10, .57) 75%, rgba(24, 18, 7, .57) 87.5%, rgba(9, 8, 5, .57) 100%),
    radial-gradient(265.2px 207.5px at 58% 52.3%, rgba(211, 166, 90, 0) 0%, rgba(124, 100, 60, .345) 42.036%, rgba(80, 67, 45, .5175) 63.054%, rgba(59, 51, 37, .604) 73.562%, rgba(37, 34, 30, .69) 84.071%),
    #252220;
}

.npcard--zen .npcard__body {
  background:
    radial-gradient(265.5px 208.1px at 58% 52.3%, rgba(144, 126, 126, 0) 0%, rgba(72, 63, 63, .345) 42.036%, rgba(36, 32, 32, .5175) 63.054%, rgba(18, 16, 16, .604) 73.562%, rgba(9, 8, 8, .647) 78.817%, rgba(0, 0, 0, .69) 84.071%),
    #000;
}

.npcard--good .npcard__body {
  background: none;
  box-shadow: inset 0 0 0 .835px var(--np-stroke);
  padding: 36.835px 20.835px 26.835px;
}

/* hidden for now: the 30-days-free corner badge is not in the current design (was display: flex) */
.npcard__trial {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 66.72px;
  height: 76px;
  padding: 15.14px 13px 10px;
  border: 1.862px solid var(--np-green);
  border-radius: 0 var(--np-radius) 0 var(--np-radius);
  background: linear-gradient(139.63deg, rgba(34, 130, 51, .44) .72%, rgba(34, 226, 67, 0) 100%);
  color: var(--np-green);
  text-transform: uppercase;
  text-align: center;
  box-sizing: border-box;
}

.npcard__trial span { display: block; }
.npcard__trial-n { font-size: 27.86px; font-weight: 900; line-height: 15px; margin-bottom: 5px; }
.npcard__trial-d { font-size: 13.65px; font-weight: 700;  line-height: 15px; }
.npcard__trial-f { font-size: 13.65px; font-weight: 900;  line-height: 15px; }

.npcard__header {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 255px;
  height: 137px;
}

.npcard--better .npcard__header { gap: 11px; }
.npcard--good   .npcard__header { gap: 18px; }

.npcard__titlerow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 23px;
}

.npcard__title {
  font-size: 26px;
  font-weight: 900;
  line-height: 22px;
  letter-spacing: 1px;
  color: #fff;
  white-space: nowrap;
}

.npcard--good .npcard__title { color: #000; }

.npcard__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  width: 100%;
}

.npcard--good .npcard__copy { gap: 0; }

.npcard__tagline {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

.npcard__tline {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
}

.npcard--better .npcard__tagline { gap: 1px; }
.npcard--best   .npcard__tagline { gap: 2px; }

.npcard--good .npcard__tagline { line-height: 17px; color: var(--np-anthracite); }
.npcard--zen  .npcard__tagline { line-height: 19px; }

.npcard__accent,
.npcard__tagline .green { color: var(--np-green); }
.npcard__gold   { color: var(--np-gold); }

.npcard__emoji {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.npcard__emoji img {
  position: absolute;
  left: 10.6%;
  top: 3.08%;
  width: 77.24%;
  height: 93.84%;
  max-width: none;
  object-fit: cover;
}

.npcard__emoji--bag {
  width: 15px;
  height: 18px;
  overflow: visible;
}

.npcard__emoji--bag img {
  left: 0;
  top: auto;
  bottom: -6px;
  width: 15px;
  height: 30px;
  object-fit: contain;
}

.npcard__price {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.npcard__amount {
  font-size: 24px;
  font-weight: 800;
  line-height: 17px;
  color: var(--np-green);
}

.npcard--good .npcard__price  { height: 67px; justify-content: center; }
.npcard--good .npcard__amount { color: var(--np-green-muted); text-transform: uppercase; }
.npcard--zen  .npcard__amount { color: var(--np-green-muted); }

.npcard__period {
  font-size: 11px;
  font-weight: 700;
  line-height: 8px;
  letter-spacing: .3px;
  color: var(--np-green-muted);
}

.npcard--best .npcard__period { color: var(--np-gold); }
.npcard--zen  .npcard__period { color: #888; }

.npcard__art {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 244px;
  padding-bottom: 8px;
}

.npcard--zen .npcard__art { gap: 16px; width: 270px; }

.npcard__artimg {
  --art-bw: 244;
  --art-bh: 160;
  position: relative;
  width: 244px;
  aspect-ratio: var(--art-bw) / var(--art-bh);
}

.npcard__artimg img {
  position: absolute;
  display: block;
  max-width: none;
  left: calc(var(--art-x) / var(--art-bw) * 100%);
  top: calc(var(--art-y) / var(--art-bh) * 100%);
  width: calc(var(--art-w) / var(--art-bw) * 100%);
  height: calc(var(--art-h) / var(--art-bh) * 100%);
}

/* the four card images share one frame, so one placement */
.npcard--good,
.npcard--better,
.npcard--best,
.npcard--zen { --art-x: 2.4; --art-y: -15.3; --art-w: 240.6; --art-h: 201; }

.npcard--better .npcard__artimg { --art-bh: 161; }
.npcard--best   .npcard__art    { padding-bottom: 9px; }

.npcard__play {
  position: absolute;
  right: calc(-3 / var(--art-bw) * 100%);
  top: calc(98 / var(--art-bh) * 100%);
  z-index: 2;
  display: block;
  width: calc(40 / var(--art-bw) * 100%);
  aspect-ratio: 1;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  font-size: 0;
  line-height: 0;
  appearance: none;
  -webkit-appearance: none;
}

button.npcard__play { cursor: pointer; }

.npcard__play:focus-visible {
  outline: 2px solid var(--np-green);
  outline-offset: 2px;
}

.npcard__play svg { display: block; width: 100%; height: 100%; }

.npcard__design {
  margin: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 800;
  line-height: 9px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--np-green);
  white-space: nowrap;
}

.npcard__lock {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: currentColor;
}

.npcard--zen .npcard__lock { width: 12px; height: 12px; color: #fff; }
.npcard__lock svg { display: block; width: 100%; height: 100%; }

.npcard__design-colour { font-weight: 900; }
.npcard__design-count b { font-weight: 900; }
.npcard__dot { font-size: 11px; line-height: 12px; letter-spacing: 1.1px; }

.npcard--good .npcard__design { color: var(--np-rich-beige); align-items: center; }
.npcard--good .npcard__design-colour { color: #000; }
.npcard--good .npcard__dot { color: var(--np-dark-beige); }
.npcard--good .npcard__lock { width: 12px; height: 12px; color: var(--np-anthracite); }

.npcard--best .npcard__design { color: var(--np-gold); }

.npcard--zen .npcard__design { align-items: center; }
.npcard--zen .npcard__design-count { color: var(--np-medium); }
.npcard--zen .npcard__design-count b { color: #fff; }
.npcard--zen .npcard__dot { color: var(--np-dark-beige); }

.npcard__metal {
  padding: 4px 7px;
  border-radius: 8px;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(108.28deg,
    rgba(114, 114, 114, .5) 6.06%,
    rgba(0, 0, 0, .06) 30.92%,
    rgba(114, 114, 114, .5) 44.97%,
    rgba(0, 0, 0, .12) 75.68%,
    rgba(114, 114, 114, .59) 82.37%,
    rgba(0, 0, 0, .07) 98.89%);
}

.npcard__rule {
  width: 274px;
  height: 1px;
  flex-shrink: 0;
}

.npcard--good   .npcard__rule         { width: 272.33px; background: linear-gradient(90deg, #E8E1D4 0%, #B3AA9D 50.96%, #E8E1D4 98.56%); }
.npcard--better .npcard__rule--top    { background: linear-gradient(90deg, #252A20 0%, #00CE25 50.96%, #252A20 98.56%); }
.npcard--better .npcard__rule--bottom { background: linear-gradient(90deg, #25231E 0%, #228233 50.96%, #25231E 98.56%); }
.npcard--best   .npcard__rule         { background: linear-gradient(90deg, #161310 0%, #E3C080 50.96%, #161310 98.56%); }
.npcard--zen    .npcard__rule         { background: linear-gradient(90deg, #000 0%, #B9B9B9 50.96%, #000 98.56%); }

.npcard__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 274px;
  padding: 8px 0 12px;
}

.npcard--zen  .npcard__cta { padding-bottom: 10px; }
.npcard--good .npcard__cta { padding: 8px 0 0; width: 272.33px; }

.npcard__proof {
  width: 297px;
  margin: 0 -11.5px;
  padding: 8px 8px 0;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  color: var(--np-light);
}

.npcard__spark {
  display: none;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 -6px;
  vertical-align: top;
  color: var(--np-green);
}

.npcard--good   .npcard__spark { color: var(--np-green-muted); }
.npcard--better .npcard__spark { margin: 0 4px 0 -8px; }
.npcard--best   .npcard__spark { margin: 0 6.5px 0 -4.5px; color: var(--np-gold); }
.npcard--zen    .npcard__spark { margin: 0 6.5px 0 -4.5px; color: var(--np-green-muted); }
.npcard__spark svg { display: block; width: 100%; height: 100%; }

.npcard--good   .npcard__proof   { color: var(--np-anthracite); }
.npcard--good   .npcard__proof b,
.npcard--good   .npcard__proof .green { font-weight: 900; color: var(--np-green-muted); }
.npcard--good   .npcard__proof strong { font-weight: 900; color: var(--np-anthracite); }
.npcard--better .npcard__proof b,
.npcard--better .npcard__proof strong { font-weight: 900; color: var(--np-green); }
.npcard--best   .npcard__proof b,
.npcard--best   .npcard__proof strong { font-weight: 900; color: var(--np-gold); }
.npcard--zen    .npcard__proof   { color: #fff; }
.npcard--zen    .npcard__proof b,
.npcard--zen    .npcard__proof strong { font-weight: 900; color: var(--np-green-muted); }

.npcard__cline { font-weight: 700; }
.npcard__cline + .npcard__cline { display: block; }
.npcard__cline--accent { font-weight: 900; color: var(--np-green-muted); }
.npcard--better .npcard__cline--accent { color: var(--np-green); }
.npcard--best   .npcard__cline--accent { color: var(--np-gold); }

.npcard__ctabox {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.npcard__chip {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 4px 10px;
  border-radius: 0 0 8px 8px;
  background: #000;
  font-size: 11px;
  font-weight: 800;
  line-height: 9px;
  letter-spacing: .55px;
  text-transform: uppercase;
  color: #4CA95C;
  white-space: nowrap;
}

.npcard__chip--ghost { opacity: 0; pointer-events: none; }

.npcard__teaser {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 274px;
  height: 40px;
  margin-top: 4px;
  padding: 0;
  border: 0;
  border-radius: 64px;
  background: transparent;
}

.npcard--best .npcard__teaser,
.npcard--zen  .npcard__teaser { margin-top: 2px; }

.npcard__teaser-main {
  display: flex;
  align-items: center;
  gap: 4px;
}

.npcard__teaser-bullet {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  padding: 4px;
  box-sizing: border-box;
  color: var(--np-panel);
}

.npcard__teaser-bullet svg { display: block; width: 100%; height: 100%; }

.npcard__inc-label,
.npcard__inc-value {
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
  letter-spacing: .6px;
  text-transform: uppercase;
  white-space: nowrap;
}

.npcard__inc-label { color: var(--np-green); }
.npcard__inc-value { color: #fff; }
.npcard__inc-value b,
.npcard__inc-value strong { font-weight: 900; color: inherit; }

.npcard--zen .npcard__inc-label { color: var(--np-green-muted); }

.npcard__notch {
  position: relative;
  z-index: 3;
  display: block;
  width: 160px;
  height: 0;
  margin: 0 auto;
  pointer-events: none;
}

.npcard__notch svg {
  position: absolute;
  left: 0;
  top: -17px;
  display: block;
  width: 160px;
  height: 42px;
}

.npcard__notch-v {
  transform-origin: 80px 21px;
  transition: transform .25s ease;
}

.npcard__panel {
  flex: 1 0 auto;
  width: 100%;
  margin-top: 8px;
  border: 1px solid var(--np-stroke);
  border-radius: var(--np-radius);
  background: var(--np-band);
  box-sizing: border-box;
}

.npcard__panel-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 22px 24px;
}

.np2026 .npcard__panel-heading {
  margin: 0 0 12px;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--np-anthracite);
}

.npcard__panel-heading .npcard__accent,
.npcard__panel-heading .green {
  font-weight: 900;
  color: var(--np-green-muted);
}

.npcard__bonus {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}

.npcard__bonus-spark {
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--np-green-muted);
}

.npcard__bonus-spark svg { display: block; width: 100%; height: 100%; }

.npcard__bonus-body {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  margin: -3px 0;
}

.npcard__bonus-title {
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
  color: #000;
}

.npcard__bonus-sub {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: var(--np-rich-beige);
}

.npcard__bonus-sub b,
.npcard__bonus-sub strong { font-weight: 800; color: inherit; }

.np2026 .npcard__features {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.npcard__feature {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  padding: 8px;
  border-radius: 10px;
}

.npcard__bullet {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #000;
}

.npcard__bullet svg { display: block; width: 100%; height: 100%; }

.npcard__feature-body { display: block; flex: 1 1 auto; min-width: 0; }

.npcard__feature-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  color: #000;
}

.npcard__feature-title b,
.npcard__feature-title strong { font-weight: 700; }
.npcard__feature-light   { font-weight: 600; }

.npcard__feature-sub {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: var(--np-rich-beige);
}

.npcard__feature-sub b,
.npcard__feature-sub strong { font-weight: 800; color: inherit; }

.npcard__panel-cta,
.npcard__footnote { display: none; }

.np2026 .npcard__footnote {
  margin: 12px 0 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: var(--np-rich-beige);
}

.npcard__footnote-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--np-green-muted);
}

.npcard__footnote-icon svg { display: block; width: 100%; height: 100%; }

.npcard__inlist {
  width: 272.33px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 24px;
}

.np2026 .npcard__inlist-heading { margin: 0; font-size: 13px; }
.npcard__inlist-heading .green { font-size: 14px; }

.npcard__inlist .npcard__bonus { border-radius: 10px; }
.npcard__inlist .npcard__bonus-spark { margin-top: 3px; }

.npcard__inlist .npcard__bonus-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.npcard__inlist .npcard__bonus-title { font-weight: 700; line-height: 19px; }
.npcard__inlist .npcard__bonus-sub { line-height: 16px; }

.np2026 .npcard__features--incard { margin-top: 0; gap: 0; }

.npcard__features--incard .npcard__feature { padding: 8px; gap: 4px; }
.npcard__features--incard .npcard__feature-body { display: flex; flex-direction: column; gap: 2px; }
.npcard__features--incard .npcard__bullet { color: #000; }

.np2026 .npcard__feature--hidden { display: none; }
.npcard__features--incard .npcard__feature-title b,
.npcard__features--incard .npcard__feature-title strong { font-weight: 700; }

.nppager { display: none; }

.nppager__btn {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.nppager__arrow {
  display: block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  color: var(--np-green-muted);
}

.nppager__arrow svg { display: block; width: 100%; height: 100%; }

.nppager__names { display: block; }

.nppager__name {
  display: none;
  align-items: center;
  gap: 2px;
}

.nppager__name.is-shown { display: flex; }

.nppager__label {
  font-size: 18px;
  font-weight: 900;
  line-height: 15px;
  color: var(--np-anthracite);
  white-space: nowrap;
}

.nppager__dots {
  display: flex;
  align-items: center;
  gap: 8px;
}

.nppager__dot {
  width: 5px;
  height: 5px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--np-anthracite);
  cursor: pointer;
  transition: width .2s ease, height .2s ease, background-color .2s ease;
}

.nppager__dot.is-active {
  width: 12px;
  height: 12px;
  background: var(--np-green-muted);
}

@media screen and (max-width: 1349px) {
  .npplans__viewport {
    overflow: hidden;
    width: 100%;
    transition: height .35s cubic-bezier(.4, 0, .2, 1);
  }

  .npplans__row {
    justify-content: flex-start;
    gap: 18px;
    width: max-content;
    touch-action: pan-y;
    cursor: grab;
    transition: transform .35s cubic-bezier(.4, 0, .2, 1);
  }

  .npplans__row.is-dragging {
    cursor: grabbing;
    user-select: none;
    transition: none;
  }

  .npplans__col { flex: 0 0 var(--np-col); }

  .nppager {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
    max-width: 370px;
    min-height: 44px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .nppager__btn--prev { justify-self: start; }
  .nppager__btn--next { justify-self: end; }

  .nppager__btn.is-ghost {
    visibility: hidden;
    pointer-events: none;
  }

  .nppager--top    { margin-bottom: 14px; }
  .nppager--bottom { margin-top: 14px; }
}

@media screen and (max-width: 991px) {
  .nppager--top {
    position: sticky;
    top: var(--np-nav-offset, 0px);
    z-index: 5;
    margin-bottom: 6px;
    padding: 8px 16px;
    background: var(--np-page);
    transition: top .3s ease-in-out;
  }
}

@media screen and (max-width: 991px) {
  .npplans .np-container { gap: 24px; }

  .npplans__viewport {
    width: var(--np-col);
    max-width: 100%;
    margin: 0 auto;
  }

  .npcard__notch-bg { fill: #E8E1D4; }
  .npcard__panel { flex: 0 0 auto; background: var(--np-panel); }

  .npcard__panel .npcard__bonus-body { margin: -4px 0; }
  .npcard__panel .npcard__bonus-sub {
    font-size: 14px;
    line-height: 19px;
    color: #000;
  }

  .npcard__panel-cta { display: flex; width: 100%; margin-top: 24px; }
  .npcard__panel-cta .npbtn__icon { position: relative; top: -1.5px; }
  .npcard__footnote  { display: flex; }
  .np2026 .npcard__footnote { margin-top: 8px; }

  .npcard--better .npcard__trial { height: auto; }

}

@media screen and (max-width: 400px) {
  .np2026 { --np-col: calc(100vw - 76px); }

  .npcard__header,
  .npcard__cta,
  .npcard__rule,
  .npcard__inlist { width: 100%; }

  .npcard__art,
  .npcard__artimg { max-width: 100%; }

  .npcard__proof { width: calc(100% + 23px); }

  .npcard__teaser {
    width: calc(100% + 24px);
    height: auto;
    min-height: 40px;
    margin-left: -12px;
    padding: 0;
    gap: 2px;
  }

  .npcard__teaser-main {
    flex-wrap: wrap;
    justify-content: center;
  }

  .npcard__inc-label,
  .npcard__inc-value {
    font-size: 11px;
    letter-spacing: .3px;
  }

  .nppager { padding: 0 8px; }

  .nppager__arrow {
    width: 32px;
    height: 32px;
  }

  .nppager__label { font-size: 16px; }
}

@media screen and (max-width: 359px) {
  .np2026 { --np-col: min(314px, calc(100vw - 32px)); }
}