.product-card {
  position: relative;
  isolation: isolate;
  border-width: 1px;
  box-shadow: 0 32px 76px rgba(34, 22, 67, .15), inset 0 1px 0 rgba(255,255,255,.62);
}

.product-card::before {
  content: attr(data-index);
  position: absolute;
  right: 26px;
  bottom: -34px;
  z-index: -1;
  color: rgba(21,19,31,.055);
  font-family: "Manrope", sans-serif;
  font-size: 190px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.09em;
  pointer-events: none;
}

.product-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 330px;
  height: 330px;
  right: -155px;
  top: -175px;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(255,255,255,.08), 0 0 0 96px rgba(255,255,255,.045);
  pointer-events: none;
}

.featured.product-card::before { color: rgba(255,255,255,.045); }
.featured.product-card::after { border-color: rgba(255,255,255,.09); box-shadow: 0 0 0 48px rgba(255,255,255,.025), 0 0 0 96px rgba(255,255,255,.018); }
.product-card > * { position: relative; z-index: 1; }
.card-top { padding-bottom: 17px; border-bottom: 1px solid rgba(21,19,31,.1); }
.featured .card-top { border-bottom-color: rgba(255,255,255,.1); }
.card-number { display: flex; align-items: center; gap: 8px; letter-spacing: .14em; }
.card-number::before { content: ""; width: 22px; height: 1px; background: currentColor; }
.pill { padding: 7px 11px; background: rgba(255,255,255,.36); backdrop-filter: blur(8px); }
.featured .pill { background: rgba(255,255,255,.06); }
.product-icon { position: relative; margin: 30px 0 24px; transition: transform .3s, box-shadow .3s; }
.product-icon::after { content: ""; position: absolute; inset: -7px; border: 1px solid currentColor; border-radius: 21px; opacity: .13; }
.product-card.is-active .product-icon { animation: iconBreathe 3s ease-in-out infinite; }
.product-card h3 { max-width: 520px; }
.product-card p { max-width: 540px; margin-top: 14px; }
.card-capabilities { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.card-capabilities span { padding: 7px 10px; border: 1px solid rgba(21,19,31,.11); border-radius: 999px; color: rgba(21,19,31,.58); background: rgba(255,255,255,.28); font-size: 9px; font-weight: 700; letter-spacing: .04em; }
.featured .card-capabilities span { color: rgba(255,255,255,.58); border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.045); }
.product-card > a { min-width: 145px; justify-content: space-between; align-items: center; padding: 12px 15px; background: rgba(255,255,255,.3); backdrop-filter: blur(8px); transition: background .2s, transform .2s; }
.product-card > a:hover { background: rgba(255,255,255,.52); transform: translateY(-2px); }
.featured.product-card > a { background: var(--pink); border-color: var(--pink); box-shadow: 0 12px 28px rgba(239,77,131,.24); }
.product-scroll.is-ready .product-card.is-active { box-shadow: 0 38px 90px rgba(34,22,67,.18), inset 0 1px 0 rgba(255,255,255,.68); }

@keyframes iconBreathe {
  0%, 100% { transform: translateY(0); box-shadow: 0 9px 24px rgba(40,26,75,.07); }
  50% { transform: translateY(-4px); box-shadow: 0 15px 30px rgba(40,26,75,.13); }
}

@media (max-width: 700px) {
  .product-card::before { right: 18px; bottom: -18px; font-size: 128px; }
  .card-capabilities { margin-bottom: 18px; }
  .card-capabilities span { font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .product-card.is-active .product-icon { animation: none; }
}

/* Cohesive dark product suite */
.product-card {
  --accent-rgb: 151, 118, 255;
  --accent: rgb(var(--accent-rgb));
  color: #fff;
  background:
    radial-gradient(circle at 88% 18%, rgba(var(--accent-rgb), .24), transparent 31%),
    linear-gradient(145deg, #171326 0%, #1d1730 54%, #251a3c 100%);
  border-color: rgba(var(--accent-rgb), .32);
  box-shadow: 0 34px 84px rgba(20,13,38,.26), inset 0 1px 0 rgba(255,255,255,.07);
}

.product-card:nth-child(1) { --accent-rgb: 239, 77, 131; }
.product-card:nth-child(2) { --accent-rgb: 151, 118, 255; }
.product-card:nth-child(3) { --accent-rgb: 78, 165, 255; }
.product-card:nth-child(4) { --accent-rgb: 73, 201, 164; }
.product-card:nth-child(5) { --accent-rgb: 255, 146, 104; }
.product-card:nth-child(6) { --accent-rgb: 239, 103, 157; }
.product-card:nth-child(7) { --accent-rgb: 106, 143, 255; }
.product-card:nth-child(8) { --accent-rgb: 222, 174, 87; }
.product-card:nth-child(9) { --accent-rgb: 78, 190, 204; }
.product-card:nth-child(10) { --accent-rgb: 181, 111, 255; }

.product-card::before { color: rgba(255,255,255,.038); }
.product-card::after {
  border-color: rgba(var(--accent-rgb), .2);
  box-shadow: 0 0 0 48px rgba(var(--accent-rgb), .035), 0 0 0 96px rgba(var(--accent-rgb), .018);
}
.product-card .card-top { border-bottom-color: rgba(255,255,255,.1); }
.product-card .card-number { color: rgba(255,255,255,.5); }
.product-card .pill {
  color: var(--accent);
  border-color: rgba(var(--accent-rgb), .32);
  background: rgba(var(--accent-rgb), .08);
}
.product-card .product-icon {
  color: var(--accent);
  border-color: rgba(var(--accent-rgb), .25);
  background: rgba(var(--accent-rgb), .1);
  box-shadow: 0 12px 32px rgba(var(--accent-rgb), .12);
}
.product-card .product-icon::after { border-color: var(--accent); }
.product-card p { color: rgba(255,255,255,.62); }
.product-card .card-capabilities span {
  color: rgba(255,255,255,.62);
  border-color: rgba(255,255,255,.11);
  background: rgba(255,255,255,.045);
}
.product-card > a {
  color: #fff;
  border-color: rgba(var(--accent-rgb), .62);
  background: rgba(var(--accent-rgb), .14);
  box-shadow: 0 10px 28px rgba(var(--accent-rgb), .1);
}
.product-card > a:hover { background: rgba(var(--accent-rgb), .28); }
.featured.product-card > a {
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 12px 30px rgba(var(--accent-rgb), .24);
}
.product-scroll.is-ready .product-card.is-active {
  box-shadow: 0 42px 100px rgba(20,13,38,.3), 0 0 0 1px rgba(var(--accent-rgb), .08), inset 0 1px 0 rgba(255,255,255,.08);
}

/* Large editorial card treatment shared by all ten products. */
.product-card,
.product-card:nth-child(n) {
  --accent-rgb: 171, 91, 255;
  --accent: rgb(var(--accent-rgb));
  color: #fff;
  border-color: rgba(var(--accent-rgb), .72);
  border-radius: 29px;
  background:
    radial-gradient(circle at 88% 16%, rgba(var(--accent-rgb), .21), transparent 34%),
    radial-gradient(circle, rgba(var(--accent-rgb), .23) 0 2px, transparent 2.5px) calc(100% - 68px) 48% / 42px 42px no-repeat,
    linear-gradient(118deg, #100c1e 0%, #171027 54%, #241442 100%);
  box-shadow: 0 34px 84px rgba(20,13,38,.3), inset 0 1px 0 rgba(255,255,255,.08);
}

.product-card::before {
  right: 56px;
  bottom: -20px;
  color: rgba(255,255,255,.055);
  font-size: 184px;
}

.product-card::after {
  width: 440px;
  height: 440px;
  right: -70px;
  top: -325px;
  border-color: rgba(var(--accent-rgb), .27);
  box-shadow: 0 0 0 52px rgba(var(--accent-rgb), .07), 0 0 0 104px rgba(var(--accent-rgb), .04);
}

.product-card .card-top {
  min-height: 45px;
  padding-bottom: 20px;
  border-bottom-color: rgba(255,255,255,.68);
}

.product-card .product-icon {
  width: 63px;
  height: 63px;
  margin: 38px 0 31px;
  border-radius: 18px;
}

.product-card h3 {
  max-width: 650px;
  font-size: clamp(37px, 4.2vw, 55px);
  line-height: 1.07;
}

.product-card p {
  max-width: 670px;
  margin: 22px 0 27px;
  color: rgba(255,255,255,.65);
  font-size: 17px;
  line-height: 1.55;
}

.product-card .card-capabilities span {
  padding: 8px 13px;
  color: rgba(255,255,255,.72);
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.075);
  font-size: 10px;
}

.product-card > a,
.featured.product-card > a {
  min-width: 220px;
  min-height: 54px;
  padding: 7px 7px 7px 20px;
  color: #fff;
  border-color: rgba(var(--accent-rgb), .9);
  background: linear-gradient(90deg, rgba(var(--accent-rgb), .86), rgba(105,45,177,.82));
  box-shadow: 0 13px 30px rgba(var(--accent-rgb), .16);
  font-size: 13px;
}

.product-card > a span {
  width: 40px;
  height: 40px;
  margin-left: auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #171027;
  background: #fff;
}

.product-card > a:hover,
.featured.product-card > a:hover {
  background: linear-gradient(90deg, rgba(var(--accent-rgb), 1), rgba(120,55,198,.96));
}

.product-scroll.is-ready .product-grid {
  min-height: 520px;
  max-height: 650px;
  border-color: rgba(107,76,230,.16);
  background: linear-gradient(145deg, #eae7ef, #ded9e5);
}

.product-scroll.is-ready .product-card {
  width: min(940px, calc(100% - 110px));
  min-height: 0;
  height: min(520px, calc(100vh - 175px));
  padding: 30px 40px 32px;
}

.product-scroll.is-ready .product-stage-meta {
  top: calc(50vh - 270px);
  width: min(870px, calc(100% - 160px));
}

.product-card .card-top { min-height: 38px; padding-bottom: 16px; }
.product-card .product-icon { width: 55px; height: 55px; margin: 25px 0 23px; }
.product-card h3 { max-width: 610px; font-size: clamp(33px, 3.7vw, 47px); }
.product-card p { margin: 15px 0 19px; font-size: 15px; }
.product-card .card-capabilities { margin-bottom: 16px; }
.product-card > a,
.featured.product-card > a { min-height: 48px; }
.product-card > a span { width: 34px; height: 34px; }

@media (max-width: 900px) {
  .product-scroll.is-ready .product-card {
    width: calc(100% - 55px);
    height: min(510px, calc(100vh - 155px));
    padding: 28px 30px;
  }
  .product-scroll.is-ready .product-stage-meta { width: calc(100% - 100px); }
}

@media (max-width: 700px) {
  .product-card { border-radius: 22px; }
  .product-card::before { right: 24px; bottom: -8px; font-size: 116px; }
  .product-card::after { width: 260px; height: 260px; right: -70px; top: -205px; box-shadow: 0 0 0 34px rgba(var(--accent-rgb), .06), 0 0 0 68px rgba(var(--accent-rgb), .035); }
  .product-card .card-top { min-height: 38px; padding-bottom: 15px; }
  .product-card .product-icon { width: 54px; height: 54px; margin: 28px 0 24px; }
  .product-card h3 { font-size: 30px; }
  .product-card p { margin: 15px 0 20px; font-size: 14px; }
  .product-card .card-capabilities { margin-bottom: 18px; }
  .product-card .card-capabilities span { font-size: 8px; }
  .product-card > a { min-width: 205px; min-height: 49px; }
  .product-card > a span { width: 35px; height: 35px; }
  .product-scroll.is-ready .product-grid { min-height: 500px; }
  .product-scroll.is-ready .product-card { width: calc(100% - 24px); height: min(500px, calc(100vh - 125px)); min-height: 460px; padding: 23px; }
  .product-scroll.is-ready .product-stage-meta { top: calc(50vh - 235px); width: calc(100% - 48px); }
}

@media (max-height: 680px) and (min-width: 701px) {
  .product-scroll.is-ready .product-grid { min-height: 480px; }
  .product-scroll.is-ready .product-card {
    width: min(900px, calc(100% - 130px));
    height: calc(100vh - 145px);
    min-height: 450px;
    padding: 24px 34px 26px;
  }
  .product-scroll.is-ready .product-stage-meta { top: calc(50vh - 240px); }
  .product-card .product-icon { width: 50px; height: 50px; margin: 18px 0; }
  .product-card h3 { font-size: clamp(30px, 3.4vw, 42px); }
  .product-card p { margin: 12px 0 14px; font-size: 14px; }
  .product-card .card-capabilities { margin-bottom: 12px; }
  .product-card > a,
  .featured.product-card > a { min-height: 44px; }
  .product-card > a span { width: 31px; height: 31px; }
}

/* Content-led visual system for every product card. */
.product-scroll.is-ready .product-card {
  height: min(560px, calc(100vh - 155px));
  padding-bottom: 112px;
}

.product-card h3,
.product-card > p,
.product-card .card-capabilities,
.product-card > a {
  max-width: 52%;
}

.product-card h3 {
  font-size: clamp(31px, 3.45vw, 45px);
}

.card-scene {
  position: absolute;
  z-index: 1;
  width: 38%;
  height: 250px;
  right: 5.5%;
  top: 132px;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.card-scene::before,
.card-scene::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(var(--accent-rgb), .17);
  border-radius: 50%;
}
.card-scene::before { width: 380px; height: 380px; }
.card-scene::after { width: 285px; height: 285px; }

.scene-dot {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 16px rgba(var(--accent-rgb), .7);
}
.dot-one { top: -13px; right: 1%; }
.dot-two { bottom: 5px; left: -4%; opacity: .45; }

.scene-dashboard {
  position: relative;
  width: 255px;
  height: 195px;
  display: grid;
  grid-template-columns: 45px 1fr;
  overflow: hidden;
  border: 1px solid rgba(151,188,255,.48);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(72,120,210,.22), rgba(16,40,85,.35));
  box-shadow: 0 20px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.18), 0 0 34px rgba(var(--accent-rgb), .1);
  transform: perspective(700px) rotateY(-7deg) rotateX(2deg);
  backdrop-filter: blur(8px);
}

.scene-sidebar {
  padding: 17px 9px;
  display: grid;
  align-content: start;
  gap: 13px;
  border-right: 1px solid rgba(255,255,255,.09);
  background: rgba(72,113,194,.1);
}
.scene-sidebar i { width: 25px; height: 25px; border-radius: 8px; background: linear-gradient(145deg, rgba(var(--accent-rgb), .55), rgba(var(--accent-rgb), .1)); }

.scene-content { padding: 22px 17px; }
.scene-content > span { width: 74%; height: 12px; margin-bottom: 11px; display: block; border-radius: 5px; background: rgba(126,164,238,.2); }
.scene-content > span:nth-child(2) { width: 45%; height: 7px; opacity: .55; }
.scene-chart { height: 70px; margin: 17px 0 13px; display: flex; align-items: end; gap: 8px; border-bottom: 1px solid rgba(120,164,250,.2); }
.scene-chart i { flex: 1; height: 30%; border-radius: 3px 3px 0 0; background: linear-gradient(to top, rgba(var(--accent-rgb), .68), rgba(var(--accent-rgb), .12)); }
.scene-chart i:nth-child(2) { height: 58%; }.scene-chart i:nth-child(3) { height: 42%; }.scene-chart i:nth-child(4) { height: 78%; }
.scene-content b { width: 68%; height: 6px; margin-top: 9px; display: block; border-radius: 4px; background: rgba(126,164,238,.15); }
.scene-content b:last-child { width: 48%; }

.scene-symbol {
  position: absolute;
  right: -5px;
  bottom: 4px;
  width: 100px;
  height: 100px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--accent-rgb), .85);
  border-radius: 18px;
  color: #9abaff;
  background: linear-gradient(145deg, rgba(40,84,160,.92), rgba(10,30,72,.96));
  box-shadow: 0 20px 44px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.15), 0 0 30px rgba(var(--accent-rgb), .12);
}
.scene-symbol svg { width: 48px; height: 48px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }

.card-benefits {
  position: absolute;
  z-index: 2;
  left: 40px;
  right: 40px;
  bottom: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255,255,255,.11);
}
.card-benefits > div {
  min-width: 0;
  padding: 16px 20px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  border-right: 1px solid rgba(255,255,255,.11);
}
.card-benefits > div:first-child { padding-left: 0; }
.card-benefits > div:last-child { border-right: 0; }
.card-benefits > div > span {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--accent-rgb), .3);
  border-radius: 11px;
  color: var(--accent);
  background: rgba(var(--accent-rgb), .075);
  font-family: "Manrope", sans-serif;
  font-size: 9px;
  font-weight: 700;
}
.card-benefits p { min-width: 0; margin: 0; display: grid; gap: 3px; }
.card-benefits strong { overflow: hidden; color: rgba(255,255,255,.88); font-size: 11px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.card-benefits small { overflow: hidden; color: rgba(255,255,255,.42); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 900px) {
  .product-card h3,.product-card > p,.product-card .card-capabilities,.product-card > a { max-width: 58%; }
  .card-scene { width: 33%; right: 4%; transform: scale(.86); transform-origin: center right; }
  .card-benefits { left: 30px; right: 30px; }
}

@media (max-width: 760px) {
  .product-scroll.is-ready .product-card { padding-bottom: 25px; }
  .product-card h3,.product-card > p,.product-card .card-capabilities,.product-card > a { max-width: 100%; }
  .card-scene,.card-benefits { display: none; }
}

@media (max-height: 680px) and (min-width: 761px) {
  .product-scroll.is-ready .product-card { padding-bottom: 26px; }
  .card-benefits { display: none; }
  .card-scene { top: 112px; transform: scale(.83); transform-origin: center right; }
}

/* Product-suite overview: all ten products live on one page. */
.product-scroll.is-ready.is-overview {
  height: auto;
  min-height: 0;
}

.product-scroll.is-overview .product-stage-meta {
  display: none;
}

.product-scroll.is-overview .product-grid {
  position: relative;
  top: auto;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  overflow: visible;
  border: 0;
  border-radius: 32px;
  background: transparent;
  box-shadow: none;
}

.product-scroll.is-overview .product-grid::before {
  display: none;
}

.product-scroll.is-overview .product-card,
.product-scroll.is-overview .product-card:nth-child(n) {
  position: relative;
  inset: auto;
  width: 100%;
  height: 278px;
  min-height: 0;
  padding: 22px 24px 23px;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  filter: none;
  transform: none;
  border-radius: 24px;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s, box-shadow .3s;
}

.product-scroll.is-overview .product-card:hover {
  z-index: 2;
  transform: translateY(-6px);
  border-color: rgba(var(--accent-rgb), .95);
  box-shadow: 0 30px 65px rgba(20,13,38,.32), 0 0 0 1px rgba(var(--accent-rgb),.13), inset 0 1px 0 rgba(255,255,255,.1);
}

.product-scroll.is-overview .product-card::before {
  right: 20px;
  bottom: -22px;
  font-size: 112px;
}

.product-scroll.is-overview .product-card::after {
  width: 250px;
  height: 250px;
  right: -58px;
  top: -190px;
  box-shadow: 0 0 0 34px rgba(var(--accent-rgb),.055), 0 0 0 68px rgba(var(--accent-rgb),.026);
}

.product-scroll.is-overview .card-top {
  min-height: 28px;
  padding-bottom: 12px;
}

.product-scroll.is-overview .product-icon {
  width: 43px;
  height: 43px;
  margin: 17px 0 15px;
  border-radius: 13px;
}

.product-scroll.is-overview .product-icon svg {
  width: 21px;
  height: 21px;
}

.product-scroll.is-overview .product-card h3 {
  max-width: 66%;
  font-size: clamp(20px, 2vw, 27px);
  line-height: 1.08;
}

.product-scroll.is-overview .product-card > p {
  max-width: 68%;
  margin: 10px 0 0;
  display: -webkit-box;
  overflow: hidden;
  color: rgba(255,255,255,.58);
  font-size: 12px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.product-scroll.is-overview .card-capabilities,
.product-scroll.is-overview .card-benefits {
  display: none;
}

.product-scroll.is-overview .product-card > a,
.product-scroll.is-overview .featured.product-card > a {
  position: absolute;
  left: 24px;
  bottom: 22px;
  min-width: 150px;
  min-height: 38px;
  padding: 5px 5px 5px 15px;
  font-size: 10px;
}

.product-scroll.is-overview .product-card > a span {
  width: 28px;
  height: 28px;
}

.product-scroll.is-overview .card-scene {
  width: 30%;
  height: 150px;
  right: 4%;
  top: 72px;
  transform: scale(.62);
  transform-origin: center;
}

.product-scroll.is-overview .card-scene::before { width: 300px; height: 300px; }
.product-scroll.is-overview .card-scene::after { width: 215px; height: 215px; }

@media (max-width: 900px) {
  .product-scroll.is-overview .product-grid { grid-template-columns: 1fr; }
  .product-scroll.is-overview .product-card,
  .product-scroll.is-overview .product-card:nth-child(n) { height: 272px; }
  .product-scroll.is-overview .product-card h3 { max-width: 70%; }
}

@media (max-width: 560px) {
  .product-scroll.is-overview .product-grid { padding: 0; gap: 14px; }
  .product-scroll.is-overview .product-card,
  .product-scroll.is-overview .product-card:nth-child(n) { height: 250px; padding: 19px; }
  .product-scroll.is-overview .product-card h3 { max-width: 100%; padding-right: 58px; font-size: 22px; }
  .product-scroll.is-overview .product-card > p { max-width: 100%; padding-right: 48px; }
  .product-scroll.is-overview .card-scene { display: none; }
  .product-scroll.is-overview .product-card > a { left: 19px; bottom: 18px; }
}

/* Refined card direction: quieter, clearer and more professional. */
.product-scroll.is-overview .product-grid {
  gap: 16px;
  padding: 0;
}

.product-scroll.is-overview .product-card,
.product-scroll.is-overview .product-card:nth-child(n) {
  height: 238px;
  padding: 22px 24px;
  border-color: rgba(129, 95, 214, .22);
  border-radius: 18px;
  background: linear-gradient(145deg, #151122 0%, #191328 100%);
  box-shadow: 0 12px 30px rgba(20, 13, 38, .13), inset 0 1px 0 rgba(255,255,255,.055);
}

.product-scroll.is-overview .product-card:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--accent-rgb), .48);
  box-shadow: 0 18px 40px rgba(20,13,38,.2), inset 0 1px 0 rgba(255,255,255,.07);
}

.product-scroll.is-overview .product-card::before,
.product-scroll.is-overview .product-card::after,
.product-scroll.is-overview .card-scene {
  display: none;
}

.product-scroll.is-overview .card-top {
  min-height: 22px;
  padding: 0;
  border: 0;
}

.product-scroll.is-overview .card-number {
  gap: 7px;
  color: rgba(255,255,255,.42);
  font-size: 9px;
}

.product-scroll.is-overview .card-number::before {
  width: 16px;
  background: rgba(255,255,255,.35);
}

.product-scroll.is-overview .pill {
  padding: 5px 8px;
  color: rgba(255,255,255,.48);
  border-color: rgba(255,255,255,.1);
  background: rgba(255,255,255,.035);
  font-size: 7px;
}

.product-scroll.is-overview .product-icon {
  width: 38px;
  height: 38px;
  margin: 18px 0 15px;
  border: 1px solid rgba(var(--accent-rgb), .22);
  border-radius: 10px;
  background: rgba(var(--accent-rgb), .075);
  box-shadow: none;
}

.product-scroll.is-overview .product-icon::after {
  display: none;
}

.product-scroll.is-overview .product-icon svg {
  width: 18px;
  height: 18px;
}

.product-scroll.is-overview .product-card h3 {
  max-width: 100%;
  padding-right: 0;
  font-size: clamp(20px, 1.8vw, 25px);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.product-scroll.is-overview .product-card > p {
  max-width: 92%;
  margin-top: 8px;
  padding: 0;
  color: rgba(255,255,255,.52);
  font-size: 11px;
  line-height: 1.45;
}

.product-scroll.is-overview .product-card > a,
.product-scroll.is-overview .featured.product-card > a {
  left: 24px;
  bottom: 19px;
  min-width: 0;
  min-height: 0;
  padding: 0;
  gap: 7px;
  border: 0;
  border-radius: 0;
  color: rgba(255,255,255,.76);
  background: transparent;
  box-shadow: none;
  font-size: 10px;
}

.product-scroll.is-overview .product-card > a:hover,
.product-scroll.is-overview .featured.product-card > a:hover {
  color: #fff;
  background: transparent;
  transform: none;
}

.product-scroll.is-overview .product-card > a span {
  width: auto;
  height: auto;
  color: var(--accent);
  background: transparent;
  font-size: 13px;
}

@media (max-width: 900px) {
  .product-scroll.is-overview .product-card,
  .product-scroll.is-overview .product-card:nth-child(n) { height: 230px; }
}

@media (max-width: 560px) {
  .product-scroll.is-overview .product-card,
  .product-scroll.is-overview .product-card:nth-child(n) {
    height: 230px;
    padding: 20px;
  }
  .product-scroll.is-overview .product-card > a { left: 20px; bottom: 18px; }
  .product-scroll.is-overview .product-card > p { max-width: 100%; }
}