/** Shopify CDN: Minification failed

Line 253:22 Unexpected "{"
Line 253:34 Expected ":"
Line 262:22 Unexpected "{"
Line 262:34 Expected ":"
Line 269:22 Unexpected "{"
Line 269:34 Expected ":"
Line 277:22 Unexpected "{"
Line 277:34 Expected ":"
Line 278:22 Unexpected "{"
Line 278:34 Expected ":"
... and 4 more hidden warnings

**/
/* START_SECTION:v-pdp-app (INDEX:159) */
.v-pdp-app {
    background: var(--v-pdp-app-bg);
  }

  .v-pdp-app__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4);
    padding: var(--spacing-8) var(--spacing-3) var(--spacing-10);
  }

  .v-pdp-app__heading {
    margin: 0;
    color: var(--v-pdp-app-heading);
    font-family: 'Proxima Sera';
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.05;
    text-align: center;
    max-width: 18rem;
  }

  .v-pdp-app__subheading {
    margin: 0;
    color: var(--v-pdp-app-text);
    font-family: 'Gilroy';
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.71;
    text-align: center;
  }

  .v-pdp-app__dashboard {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
    width: 100%;
    margin-block: var(--spacing-4);
  }

  .v-pdp-app__card--trends,
  .v-pdp-app__card--event {
    grid-column: 1 / -1;
  }

  .v-pdp-app__card {
    min-width: 0;
  }

  .v-pdp-app__card .v-image,
  .v-pdp-app__card .v-image picture {
    height: auto;
  }

  .v-pdp-app__card .v-image img {
    height: auto;
    object-fit: contain;
  }

  .v-pdp-app__stores {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.4375rem;
    width: 100%;
  }

  .v-pdp-app__brand {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
  }

  .v-pdp-app__logo {
    width: 3.9375rem;
    height: 3.9375rem;
    flex-shrink: 0;
  }

  .v-pdp-app__logo .v-image img,
  .v-pdp-app__badge .v-image img {
    object-fit: contain;
  }

  .v-pdp-app__brand-copy {
    display: none;
  }

  .v-pdp-app__badges {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.25rem;
    height: 3.9375rem;
  }

  .v-pdp-app__badge {
    display: block;
    width: 5.5rem;
  }

  @media screen and (min-width: 700px) {
    .v-pdp-app__inner {
      gap: 1.25rem;
      padding: 7.25rem max(var(--container-gutter), 50% - 50.1rem) 9.0625rem;
    }

    .v-pdp-app__heading {
      max-width: none;
      font-size: 3rem;
      line-height: 1.28;
    }

    .v-pdp-app__subheading {
      font-size: 1.4375rem;
      line-height: 1.4;
    }

    .v-pdp-app__dashboard {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
      gap: 1.125rem;
      margin-block: 2.875rem 7.875rem;
    }

    .v-pdp-app__card--trends {
      display: flex;
      grid-column: 1;
      grid-row: 1 / span 2;
      min-height: 0;
    }

    .v-pdp-app__card--event {
      grid-column: 2 / span 2;
      grid-row: 1;
    }

    .v-pdp-app__card--ai {
      grid-column: 2;
      grid-row: 2;
    }

    .v-pdp-app__card--reports {
      grid-column: 3;
      grid-row: 2;
    }

    .v-pdp-app__card--trends .v-image,
    .v-pdp-app__card--trends .v-image picture,
    .v-pdp-app__card--trends .v-image img {
      height: 100%;
    }

    .v-pdp-app__card--trends .v-image img {
      object-fit: cover;
    }

    .v-pdp-app__stores {
      flex-direction: row;
      justify-content: center;
      gap: var(--spacing-8);
    }

    .v-pdp-app__logo {
      width: 4.0156rem;
      height: 4.0156rem;
    }

    .v-pdp-app__brand-copy {
      display: block;
    }

    .v-pdp-app__brand-title,
    .v-pdp-app__brand-subtitle {
      margin: 0;
      color: var(--v-pdp-app-text);
      font-family: 'Proxima Sera';
    }

    .v-pdp-app__brand-title {
      font-size: 1.4375rem;
      font-weight: 600;
      line-height: 1.2;
    }

    .v-pdp-app__brand-subtitle {
      font-size: 1.125rem;
      font-weight: 300;
      line-height: 1.4;
      font-family: 'Gilroy';
    }

    .v-pdp-app__badges {
      flex-direction: row;
      align-items: center;
      gap: var(--spacing-4);
      height: auto;
    }

    .v-pdp-app__badge {
      width: 11.1875rem;
    }
  }
/* END_SECTION:v-pdp-app */
/* START_SECTION:v-pdp-cta (INDEX:160) */
.v-pdp-cta {
    padding: 0 0 var(--spacing-10);
  }

  .v-pdp-cta__card {
    position: relative;
    overflow: hidden;
  }

  .v-pdp-cta__media,
  .v-pdp-cta__media .v-image,
  .v-pdp-cta__img,
  .v-pdp-cta__overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .v-pdp-cta__media .v-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Mobile: no forced crop. The card's height follows the mobile image's own
     intrinsic aspect ratio, so the full picture is always shown undistorted
     and uncropped, whatever ratio it was uploaded at. */
  @media screen and (max-width: 699px) {
    #shopify-section-{{ section_id }} .v-pdp-cta__card.v-pdp-cta__card {
      position: relative;
      overflow: hidden;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
      padding-top: 0 !important;
    }

    #shopify-section-{{ section_id }} .v-pdp-cta__media {
      position: static !important;
      inset: auto !important;
      width: 100% !important;
      height: auto !important;
    }

    #shopify-section-{{ section_id }} .v-pdp-cta__media .v-image {
      position: static !important;
      inset: auto !important;
      width: 100% !important;
      height: auto !important;
      display: block !important;
    }

    #shopify-section-{{ section_id }} .v-pdp-cta__media .v-image img,
    #shopify-section-{{ section_id }} .v-pdp-cta__img {
      position: static !important;
      display: block !important;
      width: 100% !important;
      height: auto !important;
      object-fit: contain !important;
    }

    /* Overlay + content still cover the full card; the card's height is now
       whatever the image rendered above dictated. */
    #shopify-section-{{ section_id }} .v-pdp-cta__overlay,
    #shopify-section-{{ section_id }} .v-pdp-cta__content {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
    }
  }

  .v-pdp-cta__overlay {
    background: rgb(0 0 0 / 0.28);
  }

  .v-pdp-cta__content {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-3);
    padding: var(--spacing-4) var(--spacing-6);
    text-align: center;
  }

  .v-pdp-cta__heading {
    margin: 0;
    color: var(--v-pdp-cta-text);
    font-family: 'Proxima Sera';
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
  }

  .v-pdp-cta__text {
    color: var(--v-pdp-cta-text);
    font-family: 'Gilroy';
    font-size: 0.875rem;
    line-height: 1.25;
    max-width: 20rem;
  }

  .v-pdp-cta__text p {
    margin: 0;
  }

  .v-pdp-cta__footnotes {
    padding: var(--spacing-6) var(--spacing-5) 0;
    color: var(--v-pdp-cta-note);
    font-family: 'Gilroy';
    font-size: 0.75rem;
    font-style: italic;
    line-height: 1.25;
  }

  .v-pdp-cta__footnotes p {
    margin: 0;
  }

  @media screen and (min-width: 700px) {
    .v-pdp-cta {
      padding: var(--spacing-8) max(var(--container-gutter), 50% - 43.375rem) var(--spacing-12);
    }

    .v-pdp-cta__card {
      aspect-ratio: auto;
      min-height: 43.875rem;
      border-radius: 1.3125rem;
    }

    .v-pdp-cta__overlay {
      background: linear-gradient(90deg, rgb(0 0 0 / 0.3) 0%, rgb(0 0 0 / 0) 56%);
    }

    .v-pdp-cta__content {
      position: relative;
      inset: auto;
      align-items: flex-start;
      justify-content: center;
      min-height: 43.875rem;
      padding: 0 0 0 8.5625rem;
      text-align: start;
      gap: var(--spacing-6);
    }

    .v-pdp-cta__heading {
      font-size: 2.375rem;
      line-height: 1.2;
    }

    .v-pdp-cta__text {
      font-size: 1.125rem;
      line-height: 1.5;
      max-width: 28.75rem;
    }

    .v-pdp-cta__footnotes {
      padding: var(--spacing-6) 2rem 0;
      font-size: 0.875rem;
      line-height: 1.625;
      max-width: 66.7rem;
    }
  }
/* END_SECTION:v-pdp-cta */
/* START_SECTION:v-pdp-features (INDEX:161) */
.v-pdp-features__row {
    display: flex;
    flex-direction: column;
    background: var(--v-pdp-feature-bg);
  }

  .v-pdp-features__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing-5);
    padding: var(--spacing-12) var(--spacing-8);
    min-height: 18.75rem;
  }

  .v-pdp-features__heading {
    margin: 0;
    color: var(--v-pdp-feature-heading);
    font-family: 'Proxima Sera';
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    max-width: 21rem;
  }

  .v-pdp-features__rule {
    display: block;
    width: min(100%, 18.875rem);
    height: 1px;
    background: currentColor;
    color: var(--v-pdp-feature-heading);
    opacity: 0.35;
  }

  .v-pdp-features__text {
    color: var(--v-pdp-feature-text);
    font-family: 'Gilroy';
    font-size: 0.75rem;
    line-height: 1.67;
    max-width: 19.0625rem;
    font-weight: 400;
  }

  .v-pdp-features__text p {
    margin: 0;
  }

  .v-pdp-features__media {
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }

  .v-pdp-features__media .v-image img {
    object-fit: cover;
  }

  @media screen and (min-width: 700px) {
    .v-pdp-features__row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
    }

    .v-pdp-features__row--image-start .v-pdp-features__media {
      order: -1;
    }

    .v-pdp-features__copy {
      min-height: 0;
      padding-inline: clamp(var(--spacing-10), 7vw, 12.5rem);
      gap: var(--spacing-6);
    }

    .v-pdp-features__heading {
      font-size: 2.0625rem;
      line-height: 1.57;
      max-width: 35.5625rem;
    }

    .v-pdp-features__rule {
      width: min(100%, 31.375rem);
    }

    .v-pdp-features__text {
      font-size: 1rem;
      line-height: 1.56;
      max-width: 33.125rem;
    }
  }
/* END_SECTION:v-pdp-features */
/* START_SECTION:v-pdp-hero (INDEX:162) */
.v-pdp-hero {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    aspect-ratio: 375 / 667;
    background: rgb(var(--background-primary));
  }

  .v-pdp-hero__media,
  .v-pdp-hero__media .v-image,
  .v-pdp-hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .v-pdp-hero__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4);
    width: min(100%, 21.75rem);
    padding: var(--spacing-12) var(--spacing-4) 0;
    text-align: center;
  }

  .v-pdp-hero__heading {
    margin: 0;
    color: var(--v-pdp-hero-text);
    font-family: 'Proxima Sera', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
  }

  .v-pdp-hero__heading-line {
    display: block;
  }

  .v-pdp-hero__heading-line--italic {
    font-style: italic;
  }

  @media screen and (min-width: 700px) {
    .v-pdp-hero {
      aspect-ratio: 1920 / 1080;
      align-items: center;
    }

    .v-pdp-hero__content {
      width: min(100%, 40.625rem);
      padding: 0 var(--spacing-8);
      gap: var(--spacing-6);
    }

    .v-pdp-hero__heading {
      font-size: 3rem;
      line-height: 1.28;
    }
  }
/* END_SECTION:v-pdp-hero */
/* START_SECTION:v-pdp-icon-pair (INDEX:163) */
.v-pdp-icon-pair {
    background: var(--v-pdp-icon-bg);
  }

  .v-pdp-icon-pair__inner {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-10);
    padding: var(--spacing-10) var(--spacing-8);
  }

  .v-pdp-icon-pair__item + .v-pdp-icon-pair__item {
    padding-top: var(--spacing-8);
    border-top: 1px solid rgb(var(--text-primary) / 0.12);
  }

  .v-pdp-icon-pair__icon {
    display: flex;
    align-items: flex-start;
    color: var(--v-pdp-icon-heading);
    width: fit-content;
    min-height: 2.5rem;
    margin-bottom: var(--spacing-4);
  }

  .v-pdp-icon-pair__icon svg {
    display: block;
    width: 2.5rem;
    height: auto;
  }

  .v-pdp-icon-pair__icon .v-image img {
    object-fit: contain;
  }

  .v-pdp-icon-pair__heading {
    margin: 0 0 var(--spacing-3);
    color: var(--v-pdp-icon-heading);
    font-family: 'Proxima Sera';
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
  }

  .v-pdp-icon-pair__text {
    color: var(--v-pdp-icon-text);
    font-family: 'Gilroy';
    font-size: 0.75rem;
    line-height: 1.67;
    font-weight: 400;
  }

  .v-pdp-icon-pair__text p {
    margin: 0;
  }

  @media screen and (min-width: 700px) {
    .v-pdp-icon-pair__inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      padding: var(--spacing-24) max(var(--container-gutter), 7vw);
    }

    .v-pdp-icon-pair__item {
      padding: var(--spacing-8) var(--spacing-10);
    }

    .v-pdp-icon-pair__item + .v-pdp-icon-pair__item {
      padding-top: var(--spacing-8);
      border-top: 0;
      border-left: 1px solid rgb(var(--text-primary) / 0.12);
    }

    .v-pdp-icon-pair__icon {
      min-height: 3.5rem;
      margin-bottom: var(--spacing-6);
    }

    .v-pdp-icon-pair__icon svg {
      width: 3.5rem;
    }

    .v-pdp-icon-pair__heading {
      font-size: 1.625rem;
      line-height: 1.96;
    }

    .v-pdp-icon-pair__text {
      font-size: 0.875rem;
      line-height: 1.625;
      max-width: 30.7rem;
    }
  }
/* END_SECTION:v-pdp-icon-pair */
/* START_SECTION:v-pdp-intro (INDEX:164) */
.v-pdp-intro {
    background: var(--v-pdp-intro-bg);
  }

  .v-pdp-intro__inner {
    /* Makes every child able to size itself against THIS container's width
       (cqi units) instead of the viewport. The theme editor preview pane is
       narrower than the window, so viewport units would lie. */
    container-type: inline-size;
    container-name: vpdpintro;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-6);
    padding: var(--spacing-10) 0 var(--spacing-10);
  }

  .v-pdp-intro__inner--no-media {
    padding-bottom: var(--spacing-10);
  }

  .v-pdp-intro__heading {
    margin: 0;
    padding-inline: var(--spacing-5);
    color: var(--v-pdp-intro-heading);
    font-family: 'Proxima Sera';
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.23;
    text-align: center;
    max-width: 21rem;
  }

  /* Richtext output normalisation — the heading must keep its own typography,
     never inherit the theme's paragraph styles. */
  .v-pdp-intro__heading p,
  .v-pdp-intro__heading span,
  .v-pdp-intro__heading em,
  .v-pdp-intro__heading i,
  .v-pdp-intro__heading strong,
  .v-pdp-intro__heading b,
  .v-pdp-intro__heading a {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit;
    color: inherit;
  }

  /* Inline so that -webkit-line-clamp on the heading keeps working
     even if the merchant presses Enter in the rich text editor. */
  .v-pdp-intro__heading p {
    display: inline;
    margin: 0;
    padding: 0;
    font-weight: inherit !important;
    font-style: inherit !important;
  }

  .v-pdp-intro__heading p:not(:first-child)::before {
    content: ' ';
  }

  .v-pdp-intro__heading br {
    display: none;
  }

  .v-pdp-intro__heading em,
  .v-pdp-intro__heading i {
    font-style: italic !important;
    font-weight: inherit !important;
  }

  .v-pdp-intro__heading strong,
  .v-pdp-intro__heading b {
    font-weight: inherit !important;
  }

  .v-pdp-intro__heading a {
    font-weight: inherit !important;
    text-decoration: underline;
  }

  .v-pdp-intro__text {
    padding-inline: var(--spacing-6);
    color: var(--v-pdp-intro-text);
    font-family: 'Gilroy';
    font-size: 0.75rem;
    line-height: 1.67;
    text-align: center;
    max-width: 21.5rem;
  }

  .v-pdp-intro__text p,
  .v-pdp-intro__text em,
  .v-pdp-intro__text strong,
  .v-pdp-intro__text a {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit;
  }

  .v-pdp-intro__text p {
    display: inline;
    margin: 0;
    padding: 0;
  }

  .v-pdp-intro__text p:not(:first-child)::before {
    content: ' ';
  }

  .v-pdp-intro__media {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 375 / 667;
  }

  .v-pdp-intro__video,
  .v-pdp-intro__video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .v-pdp-intro__video--desktop {
    display: none;
  }

  @media screen and (min-width: 700px) {
    .v-pdp-intro__inner {
      gap: var(--spacing-12);
      /* Vertical breathing room is always kept, with or without a video. */
      padding-block: var(--spacing-16) var(--spacing-16);
      /* 5x the theme gutter, but never more than 10% of the section width —
         otherwise narrow viewports (e.g. the theme editor preview pane)
         lose so much width that the copy no longer fits its line limit. */
      padding-inline: min(
        calc(var(--container-gutter) * var(--v-pdp-intro-side-padding-multiplier, 5)),
        10%
      );
    }

    .v-pdp-intro__inner--no-media {
      padding-bottom: var(--spacing-16);
    }

    .v-pdp-intro__heading {
      max-width: 62rem;
      padding-inline: 0;
      /* 4.4cqi = 4.4% of the container width. Because the text box and the
         font size now shrink at the exact same rate, the number of lines
         stays constant at any width — nothing gets truncated. */
      font-size: clamp(1.5rem, 4.4cqi, 3.5rem);
      line-height: 1.15;
      text-wrap: balance;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: var(--v-pdp-intro-heading-lines, 2);
      line-clamp: var(--v-pdp-intro-heading-lines, 2);
      overflow: hidden;
    }

    .v-pdp-intro__text {
      max-width: 60rem;
      padding-inline: 0;
      font-size: clamp(1rem, 2.35cqi, 1.75rem);
      line-height: 1.45;
      text-wrap: pretty;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: var(--v-pdp-intro-text-lines, 4);
      line-clamp: var(--v-pdp-intro-text-lines, 4);
      overflow: hidden;
    }

    .v-pdp-intro__media {
      width: 100%;
      aspect-ratio: 1630 / 917;
      border-radius: 1.3125rem;
    }

    .v-pdp-intro__video--mobile {
      display: none;
    }

    .v-pdp-intro__video--desktop {
      display: block;
    }
  }
/* END_SECTION:v-pdp-intro */
/* START_SECTION:v-pdp-particles (INDEX:165) */
.v-pdp-particles {
    background: var(--v-pdp-pm-bg);
  }

  .v-pdp-particles__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4);
    padding: var(--spacing-10) var(--spacing-6) var(--spacing-16);
  }

  .v-pdp-particles__heading {
    margin: 0;
    color: var(--v-pdp-pm-heading);
    font-family: 'Proxima Sera';
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
  }

  .v-pdp-particles__text {
    color: var(--v-pdp-pm-text);
    font-family: 'Gilroy';
    font-size: 0.875rem;
    line-height: 1.64;
    text-align: center;
    max-width: 20.5625rem;
  }

  .v-pdp-particles__text p {
    margin: 0;
  }

  .v-pdp-particles__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 18.75rem;
    margin-top: var(--spacing-8);
  }

  .v-pdp-particles__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4);
    padding-block: var(--spacing-8);
    text-align: center;
  }

  .v-pdp-particles__item + .v-pdp-particles__item {
    border-top: 1px solid rgb(var(--text-primary) / 0.12);
  }

  .v-pdp-particles__metric {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: var(--spacing-2);
    margin: 0;
  }

  .v-pdp-particles__prefix {
    color: var(--v-pdp-pm-text);
    font-family: 'Gilroy';
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 0.35rem;
  }

  .v-pdp-particles__number {
    color: var(--v-pdp-pm-number);
    font-family: 'Proxima Sera';
    font-size: 4.5rem;
    font-style: italic;
    font-weight: 500;
    line-height: 0.8;
  }

  .v-pdp-particles__caption {
    color: var(--v-pdp-pm-text);
    font-family: var(--text-font-family);
    font-size: 0.875rem;
    line-height: 1.46;
    max-width: 17.875rem;
  }

  .v-pdp-particles__caption p {
    margin: 0;
  }

  @media screen and (min-width: 700px) {
    .v-pdp-particles__inner {
      padding: var(--spacing-16) max(var(--container-gutter), 50% - 43.375rem) var(--spacing-20);
      gap: var(--spacing-6);
    }

    .v-pdp-particles__heading {
      font-family: 'Proxima Sera';
      font-size: 3rem;
    }

    .v-pdp-particles__text {
      font-family: 'Gilroy';
      max-width: 61.0625rem;
      font-size: 1.4375rem;
      line-height: 1.4;
    }

    .v-pdp-particles__grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--spacing-8);
      max-width: none;
      margin-top: var(--spacing-12);
    }

    .v-pdp-particles__item {
      padding-block: 0;
    }

    .v-pdp-particles__item + .v-pdp-particles__item {
      border-top: 0;
      border-left: 1px solid rgb(var(--text-primary) / 0.12);
      padding-left: var(--spacing-8);
    }

    .v-pdp-particles__prefix {
      font-size: 2.0625rem;
      padding-bottom: 0.75rem;
    }

    .v-pdp-particles__number {
      font-size: 6.75rem;
    }

    .v-pdp-particles__caption {
      font-family: 'Gilroy';
      font-size: 1.125rem;
      line-height: 1.5;
      max-width: 24rem;
    }
  }
/* END_SECTION:v-pdp-particles */
/* START_SECTION:v-pdp-tech (INDEX:166) */
v-pdp-tech.v-pdp-tech {
    display: block;
    position: relative;
    overflow: hidden;
    background: #0a0a0a;
    aspect-ratio: 375 / 667;
  }

  .v-pdp-tech__media,
  .v-pdp-tech__video,
  .v-pdp-tech__video video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .v-pdp-tech__video video {
    object-fit: cover;
    display: block;
  }

  .v-pdp-tech__video--desktop {
    display: none;
  }

  .v-pdp-tech__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-5);
    padding: var(--spacing-6) var(--spacing-8);
  }

  .v-pdp-tech__heading {
    margin: 0;
    color: var(--v-pdp-tech-heading);
    font-family: 'Gilroy';
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.59;
    text-align: center;
  }

  .v-pdp-tech__list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
    width: 100%;
    max-width: 17.72rem;
  }

  .v-pdp-tech__item {
    overflow: hidden;
    width: 100%;
    border-radius: 1.25rem;
    background: color-mix(in srgb, var(--v-pdp-tech-chip) 56%, transparent);
  }

  .v-pdp-tech__trigger {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.5rem 2.2rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--v-pdp-tech-text);
    cursor: pointer;
  }

  .v-pdp-tech__item.is-open .v-pdp-tech__trigger {
    border-bottom: 1px solid color-mix(in srgb, var(--v-pdp-tech-text) 35%, transparent);
  }

  .v-pdp-tech__title {
    min-width: 0;
    font-family: 'Proxima Sera';
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
  }

  .v-pdp-tech__icon {
    position: absolute;
    top: 0.772rem;
    right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.956rem;
    height: 0.956rem;
    transition: transform 0.2s ease;
  }

  .v-pdp-tech__icon svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .v-pdp-tech__item.is-open .v-pdp-tech__icon {
    transform: rotate(45deg);
  }

  .v-pdp-tech__panel {
    display: none;
    padding: var(--spacing-3) var(--spacing-3) var(--spacing-4);
  }

  .v-pdp-tech__item.is-open .v-pdp-tech__panel {
    display: block;
  }

  .v-pdp-tech__body {
    color: var(--v-pdp-tech-text);
    font-family: 'Gilroy';
    font-size: 0.8125rem;
    line-height: 1.5;
    text-align: left;
    font-weight: 400;
  }

  .v-pdp-tech__body p {
    margin: 0;
  }

  @media screen and (min-width: 700px) {
    v-pdp-tech.v-pdp-tech {
      aspect-ratio: 1920 / 1080;
    }

    .v-pdp-tech__video--mobile {
      display: none;
    }

    .v-pdp-tech__video--desktop {
      display: block;
    }

    .v-pdp-tech__inner {
      padding-top: 70px;
      gap: 55px;
    }

    .v-pdp-tech__heading {
      font-size: 3rem;
      line-height: 1.12;
    }

    .v-pdp-tech__list {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      /* align-items: start prevents grid from stretching all cells in a row
         to match the height of the tallest (expanded) item */
      align-items: start;
      gap: var(--spacing-4);
      width: min(100%, 93.2rem);
      max-width: none;
    }

    .v-pdp-tech__item {
      align-self: start;
    }

    .v-pdp-tech__trigger {
      min-height: 4.25rem;
      padding: 1rem 3.625rem 1rem 1.25rem;
    }

    .v-pdp-tech__title {
      font-size: 1.4375rem;
      line-height: 1.4;
      text-align: left;
    }

    .v-pdp-tech__panel {
      padding: var(--spacing-4) 1.25rem var(--spacing-5);
    }

    .v-pdp-tech__icon {
      top: 1.3125rem;
      right: 1.25rem;
      width: 1.625rem;
      height: 1.625rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .v-pdp-tech__icon {
      transition: none;
    }
  }
/* END_SECTION:v-pdp-tech */