/** Shopify CDN: Minification failed

Line 1986:20 Unexpected "{"
Line 1986:29 Expected ":"
Line 1986:35 Unexpected ","
Line 1996:20 Unexpected "{"
Line 1996:29 Expected ":"
Line 1996:36 Unexpected "{"
Line 2460:20 Unexpected "{"
Line 2460:29 Expected ":"
Line 2471:20 Unexpected "{"
Line 2471:29 Expected ":"
... and 66 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection-list (INDEX:9) */
.dev-collection {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
      radial-gradient(circle at 2% 8%, color-mix(in srgb, var(--dc-gradient-left, #8b5cf6) 24%, transparent), transparent 34%),
      radial-gradient(circle at 94% 18%, color-mix(in srgb, var(--dc-gradient-right, #6ee7b7) 20%, transparent), transparent 36%),
      var(--dc-bg, #07080d);
    color: var(--dc-text, #f5f5f7);
    padding: var(--dc-padding-top, 92px) 0 var(--dc-padding-bottom, 108px);
    font-family: var(--dc-font, inherit);
  }

  .dev-collection__glow {
    position: absolute;
    z-index: -1;
    width: 34vw;
    min-width: 280px;
    aspect-ratio: 1;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0.72;
  }

  .dev-collection__glow--left {
    top: -22%;
    left: -14%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dc-gradient-left, #8b5cf6) 24%, transparent), transparent 64%);
  }

  .dev-collection__glow--right {
    right: -14%;
    top: 8%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dc-gradient-right, #6ee7b7) 22%, transparent), transparent 62%);
  }

  .dev-collection--no-glow .dev-collection__glow {
    display: none;
  }

  .dev-collection__inner {
    width: min(1180px, 92%);
    margin-inline: auto;
  }

  .dev-collection__header {
    max-width: 650px;
    margin: 0 auto 44px;
    text-align: center;
  }

  .dev-collection__badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 24px;
    padding: 8px 14px;
    border: 1px solid var(--dc-badge-border, #2f6f61);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dc-badge-bg, #6ee7b7) 10%, transparent);
    color: var(--dc-badge-text, #6ee7b7);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .dev-collection__heading {
    margin: 0;
    color: var(--dc-text, #f5f5f7);
    font-size: clamp(34px, 5vw, var(--dc-heading-size, 62px));
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: 0;
  }

  .dev-collection__text {
    max-width: 560px;
    margin: 18px auto 0;
    color: var(--dc-muted, #a1a1aa);
    font-size: var(--dc-text-size, 16px);
    line-height: 1.75;
  }

  .dev-collection__text p {
    margin: 0;
  }

  .dev-collection__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--dc-grid-gap, 22px);
  }

  .dev-collection--carousel .dev-collection__grid {
    display: flex;
    grid-template-columns: none;
    gap: var(--dc-grid-gap, 22px);
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    outline: 0;
    background: transparent !important;
    box-shadow: none;
    padding: 10px 0 12px;
    margin: -10px 0 -12px;
    scroll-padding-inline: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .dev-collection--carousel .dev-collection__grid::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  .dev-collection--carousel .dev-collection-card {
    flex: 0 0 min(var(--dc-carousel-card-width, 360px), calc(100% - 24px));
    scroll-snap-align: start;
  }

  .dev-collection-card {
    overflow: hidden;
    padding: 12px;
    border: 1px solid var(--dc-border, rgba(255, 255, 255, 0.08));
    border-radius: var(--dc-card-radius, 30px);
    background: color-mix(in srgb, var(--dc-surface, #18181d) 92%, transparent);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.26);
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      background 180ms ease,
      box-shadow 180ms ease;
  }

  .dev-collection-card:hover {
    transform: translateY(-7px);
    border-color: var(--dc-border-hover, #6ee7b7);
    background: color-mix(in srgb, var(--dc-surface, #18181d) 86%, var(--dc-accent, #6ee7b7) 6%);
    box-shadow: 0 34px 84px rgba(0, 0, 0, 0.34);
  }

  .dev-collection--static .dev-collection-card:hover {
    transform: none;
  }

  .dev-collection--no-card-shadow .dev-collection-card,
  .dev-collection--no-card-shadow .dev-collection-card:hover {
    box-shadow: none;
  }

  .dev-collection-card__media {
    display: block;
    overflow: hidden;
    aspect-ratio: var(--dc-image-aspect-ratio, 1 / 1);
    border-radius: var(--dc-image-radius, 22px);
    background: rgba(255, 255, 255, 0.04);
  }

  .dev-collection-card__image,
  .dev-collection-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
    transition: transform 220ms ease;
  }

  .dev-collection-card:hover .dev-collection-card__image {
    transform: scale(1.035);
  }

  .dev-collection--static .dev-collection-card:hover .dev-collection-card__image {
    transform: none;
  }

  .dev-collection-card__content {
    padding: 20px 8px 6px;
  }

  .dev-collection-card__title {
    display: block;
    margin: 0;
    color: var(--dc-card-title, #f5f5f7);
    font-size: var(--dc-card-title-size, 22px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: 0;
    text-decoration: none;
  }

  .dev-collection-card__title:hover,
  .dev-collection-card__title:focus,
  .dev-collection-card__title:active,
  .dev-collection-card__title:visited {
    color: var(--dc-card-title-hover, #6ee7b7);
    text-decoration: none;
  }

  .dev-collection-card__description,
  .dev-collection-card__vendor {
    margin: 8px 0 0;
    color: var(--dc-card-text, #a1a1aa);
    font-size: var(--dc-card-text-size, 15px);
    line-height: 1.45;
  }

  .dev-collection-card__vendor {
    color: var(--dc-card-vendor, #a1a1aa);
    opacity: 0.72;
  }

  .dev-collection-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
  }

  .dev-collection-card__price {
    color: var(--dc-price, #6ee7b7);
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
  }

  .dev-collection-card__button,
  .dev-collection__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 11px 16px;
    border-radius: 999px;
    background: var(--dc-button-bg, #f5f5f7);
    color: var(--dc-button-text, #07080d);
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition:
      transform 180ms ease,
      box-shadow 180ms ease,
      opacity 180ms ease;
  }

  .dev-collection-card__button:hover,
  .dev-collection-card__button:focus,
  .dev-collection-card__button:active,
  .dev-collection-card__button:visited,
  .dev-collection__button:hover,
  .dev-collection__button:focus,
  .dev-collection__button:active,
  .dev-collection__button:visited {
    color: var(--dc-button-text, #07080d);
    text-decoration: none;
  }

  .dev-collection-card__button:hover,
  .dev-collection__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(255, 255, 255, 0.12);
  }

  .dev-collection__footer {
    display: flex;
    justify-content: center;
    margin-top: 38px;
  }

  .dev-collection__carousel-controls {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 26px;
  }

  .dev-collection__carousel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--dc-border, rgba(255, 255, 255, 0.12));
    border-radius: 999px;
    background: color-mix(in srgb, var(--dc-surface, #18181d) 86%, transparent);
    color: var(--dc-card-title, #f5f5f7);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      background 180ms ease;
  }

  .dev-collection__carousel-button:hover {
    transform: translateY(-2px);
    border-color: var(--dc-border-hover, #6ee7b7);
    background: color-mix(in srgb, var(--dc-surface, #18181d) 82%, var(--dc-accent, #6ee7b7) 8%);
  }

  @media screen and (max-width: 990px) {
    .dev-collection__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dev-collection--carousel .dev-collection-card {
      flex-basis: min(72vw, var(--dc-carousel-card-width, 360px));
    }
  }

  @media screen and (max-width: 640px) {
    .dev-collection {
      padding: 56px 0 68px;
    }

    .dev-collection__inner {
      width: min(100% - 28px, 1180px);
    }

    .dev-collection__header {
      margin-bottom: 30px;
      text-align: left;
    }

    .dev-collection__text {
      margin-inline: 0;
    }

    .dev-collection__grid {
      grid-template-columns: 1fr;
    }

    .dev-collection--carousel .dev-collection-card {
      flex-basis: min(86vw, var(--dc-carousel-card-width, 360px));
    }

    .dev-collection-card__footer {
      align-items: flex-start;
      flex-direction: column;
    }

    .dev-collection-card__button {
      width: 100%;
    }
  }
/* END_SECTION:collection-list */

/* START_SECTION:contact-form (INDEX:10) */
.dev-contact {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
      radial-gradient(circle at 5% 8%, color-mix(in srgb, var(--dcf-gradient-left, #8b5cf6) 20%, transparent), transparent 34%),
      radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--dcf-gradient-right, #6ee7b7) 16%, transparent), transparent 36%),
      var(--dcf-bg, #07080d);
    color: var(--dcf-heading, #f5f5f7);
    padding: var(--dcf-padding-top, 64px) 0 var(--dcf-padding-bottom, 72px);
    font-family: var(--dcf-font, inherit);
  }

  .dev-contact__glow {
    position: absolute;
    z-index: -1;
    width: 34vw;
    min-width: 280px;
    aspect-ratio: 1;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0.72;
  }

  .dev-contact__glow--left {
    left: -14%;
    top: -18%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dcf-gradient-left, #8b5cf6) 22%, transparent), transparent 64%);
  }

  .dev-contact__glow--right {
    right: -14%;
    top: -18%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dcf-gradient-right, #6ee7b7) 18%, transparent), transparent 62%);
  }

  .dev-contact--no-glow .dev-contact__glow {
    display: none;
  }

  .dev-contact__inner {
    width: min(980px, 92%);
    margin-inline: auto;
  }

  .dev-contact__panel {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: clamp(28px, 5vw, 52px);
    align-items: start;
    padding: var(--dcf-panel-padding, 44px);
    border: 1px solid var(--dcf-panel-border, rgba(255, 255, 255, 0.1));
    border-radius: var(--dcf-panel-radius, 32px);
    background: linear-gradient(135deg, color-mix(in srgb, var(--dcf-panel-bg, #18181d) 94%, transparent), color-mix(in srgb, var(--dcf-panel-bg, #18181d) 78%, transparent));
    box-shadow: 0 30px 84px rgba(0, 0, 0, 0.22);
  }

  .dev-contact--no-shadow .dev-contact__panel {
    box-shadow: none;
  }

  .dev-contact__badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 22px;
    padding: 8px 14px;
    border: 1px solid var(--dcf-badge-border, #2f6f61);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dcf-badge-bg, #6ee7b7) 10%, transparent);
    color: var(--dcf-badge-text, #6ee7b7);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .dev-contact__heading {
    margin: 0;
    color: var(--dcf-heading, #f5f5f7);
    font-size: clamp(32px, 5vw, var(--dcf-heading-size, 48px));
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: 0;
  }

  .dev-contact__text,
  .dev-contact__note {
    color: var(--dcf-text, #a1a1aa);
    font-size: var(--dcf-text-size, 15px);
    line-height: 1.7;
  }

  .dev-contact__text {
    margin-top: 16px;
  }

  .dev-contact__note {
    margin-top: 24px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--dcf-accent, #6ee7b7) 24%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--dcf-accent, #6ee7b7) 8%, transparent);
  }

  .dev-contact__text p,
  .dev-contact__note p {
    margin: 0;
  }

  .dev-contact__form {
    display: grid;
    gap: 16px;
  }

  .dev-contact__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .dev-contact__field {
    position: relative;
    display: grid;
    gap: 8px;
  }

  .dev-contact__label {
    order: -1;
    color: var(--dcf-input-label, #a1a1aa);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 750;
  }

  .dev-contact__input {
    width: 100%;
    min-height: 52px;
    padding: 14px 16px;
    border: 1px solid var(--dcf-input-border, #2a2d35);
    border-radius: var(--dcf-input-radius, 16px);
    outline: 0;
    background: color-mix(in srgb, var(--dcf-input-bg, #0d1016) 92%, transparent);
    color: var(--dcf-input-text, #f5f5f7);
    font: inherit;
    font-size: 15px;
    line-height: 1.4;
    box-shadow: none;
    transition:
      border-color 180ms ease,
      background 180ms ease,
      box-shadow 180ms ease;
  }

  .dev-contact__input::placeholder {
    color: color-mix(in srgb, var(--dcf-input-label, #a1a1aa) 64%, transparent);
  }

  .dev-contact__input:focus {
    border-color: var(--dcf-input-border-focus, #6ee7b7);
    background: color-mix(in srgb, var(--dcf-input-bg, #0d1016) 98%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dcf-input-border-focus, #6ee7b7) 18%, transparent);
  }

  .dev-contact__textarea {
    min-height: 150px;
    resize: vertical;
  }

  .dev-contact__field-error,
  .dev-contact__status {
    color: var(--dcf-text, #a1a1aa);
    font-size: 13px;
    line-height: 1.4;
  }

  .dev-contact__field-error span,
  .dev-contact__status h3,
  .dev-contact__status ul {
    margin: 0;
  }

  .dev-contact__status {
    padding: 14px 16px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--dcf-accent, #6ee7b7) 8%, transparent);
  }

  .dev-contact__status--success {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid color-mix(in srgb, var(--dcf-accent, #6ee7b7) 26%, transparent);
    color: var(--dcf-accent, #6ee7b7);
    font-weight: 800;
  }

  .dev-contact__status--error {
    border: 1px solid color-mix(in srgb, #ff6b6b 28%, transparent);
    background: color-mix(in srgb, #ff6b6b 8%, transparent);
  }

  .dev-contact__status--error h3,
  .dev-contact__field-error span {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .dev-contact__status svg,
  .dev-contact__field-error svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }

  .dev-contact__status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 999px;
    background: var(--dcf-accent, #6ee7b7);
    color: var(--dcf-bg, #07080d);
    font-size: 14px;
    line-height: 1;
  }

  .dev-contact__status a {
    color: var(--dcf-accent, #6ee7b7);
    text-decoration: none;
  }

  .dev-contact__button-row {
    display: flex;
    justify-content: flex-start;
  }

  .dev-contact__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 14px 24px;
    border: 0;
    border-radius: 999px;
    background: var(--dcf-button-bg, #f5f5f7);
    color: var(--dcf-button-text, #07080d);
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
    transition:
      transform 180ms ease,
      box-shadow 180ms ease,
      color 180ms ease;
  }

  .dev-contact__button:hover {
    transform: translateY(-2px);
    color: var(--dcf-button-hover-text, #03d883);
    box-shadow: 0 18px 42px rgba(255, 255, 255, 0.12);
  }

  @media screen and (max-width: 820px) {
    .dev-contact__panel {
      grid-template-columns: 1fr;
    }
  }

  @media screen and (max-width: 640px) {
    .dev-contact {
      padding: 48px 0 56px;
    }

    .dev-contact__inner {
      width: min(100% - 28px, 980px);
    }

    .dev-contact__panel {
      padding: 24px 20px;
      border-radius: min(var(--dcf-panel-radius, 32px), 26px);
    }

    .dev-contact__fields {
      grid-template-columns: 1fr;
    }

    .dev-contact__button {
      width: 100%;
    }
  }
/* END_SECTION:contact-form */

/* START_SECTION:dev-footer-premium (INDEX:12) */
.dev-footer {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
      radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--df-gradient-left, #8b5cf6) 18%, transparent), transparent 34%),
      radial-gradient(circle at 100% 12%, color-mix(in srgb, var(--df-gradient-right, #6ee7b7) 16%, transparent), transparent 38%),
      var(--df-bg, #07090f);
    color: var(--df-text, #f5f5f7);
    font-family: var(--df-font, inherit);
    padding: var(--df-padding-top, 72px) 18px var(--df-padding-bottom, 34px);
    border-top: 1px solid var(--df-border, #242832);
  }

  .dev-footer__inner {
    width: min(100%, var(--df-max-width, 1180px));
    margin: 0 auto;
  }

  .dev-footer__top {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.82fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: start;
    padding-bottom: 42px;
    border-bottom: 1px solid color-mix(in srgb, var(--df-border, #242832) 78%, transparent);
  }

  .dev-footer__logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--df-text, #f5f5f7);
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 950;
    line-height: 1;
    text-decoration: none;
  }

  .dev-footer__logo:hover {
    color: var(--df-accent, #6ee7b7);
    text-decoration: none;
  }

  .dev-footer__logo-image {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 56px;
    object-fit: contain;
  }

  .dev-footer__mark {
    color: var(--df-accent, #6ee7b7);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  }

  .dev-footer__description,
  .dev-footer__newsletter-text,
  .dev-footer__copy {
    max-width: 520px;
    margin-top: 18px;
    color: var(--df-muted, #a1a1aa);
    font-size: 15px;
    line-height: 1.7;
  }

  .dev-footer__newsletter {
    padding: 22px;
    border: 1px solid var(--df-border, #242832);
    border-radius: 24px;
    background: color-mix(in srgb, var(--df-panel, #12141c) 88%, transparent);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(18px);
  }

  .dev-footer__newsletter-title {
    margin: 0;
    color: var(--df-text, #f5f5f7);
    font-size: 18px;
    font-weight: 950;
    letter-spacing: 0;
  }

  .dev-footer__newsletter-text {
    margin-top: 8px;
    font-size: 14px;
  }

  .dev-footer__form-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    margin-top: 18px;
  }

  .dev-footer__input {
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid var(--df-border, #242832);
    border-radius: 999px;
    background: var(--df-input-bg, #080b12);
    color: var(--df-input-text, #f5f5f7);
    font: inherit;
    outline: none;
  }

  .dev-footer__input:focus {
    border-color: var(--df-accent, #6ee7b7);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--df-accent, #6ee7b7) 18%, transparent);
  }

  .dev-footer__button,
  .dev-footer__small-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--df-button-bg, #f5f5f7);
    color: var(--df-button-text, #07090f);
    font: inherit;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    transition:
      transform 180ms ease,
      background 180ms ease,
      color 180ms ease,
      border-color 180ms ease;
  }

  .dev-footer__button:hover,
  .dev-footer__small-button:hover {
    transform: translateY(-2px);
    border-color: var(--df-accent, #6ee7b7);
    background: var(--df-accent, #6ee7b7);
    color: #07100d;
    text-decoration: none;
  }

  .dev-footer__message {
    margin: 12px 0 0;
    color: var(--df-muted, #a1a1aa);
    font-size: 13px;
  }

  .dev-footer__message--success {
    color: var(--df-accent, #6ee7b7);
  }

  .dev-footer__message--error,
  .dev-footer__message--error * {
    color: #fca5a5;
  }

  .dev-footer__content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(22px, 4vw, 52px);
    padding: 42px 0;
  }

  .dev-footer__heading {
    margin: 0 0 16px;
    color: var(--df-text, #f5f5f7);
    font-size: 13px;
    font-weight: 950;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .dev-footer__links {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .dev-footer__link,
  .dev-footer__legal a {
    color: var(--df-muted, #a1a1aa);
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    transition: color 180ms ease;
  }

  .dev-footer__link:hover,
  .dev-footer__legal a:hover {
    color: var(--df-accent, #6ee7b7);
    text-decoration: none;
  }

  .dev-footer__small-button {
    min-height: 40px;
    margin-top: 18px;
    padding: 0 16px;
    font-size: 13px;
  }

  .dev-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding-top: 26px;
    border-top: 1px solid color-mix(in srgb, var(--df-border, #242832) 78%, transparent);
  }

  .dev-footer__legal {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    color: var(--df-muted, #a1a1aa);
    font-size: 13px;
  }

  .dev-footer__socials {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
  }

  .dev-footer__social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--df-border, #242832);
    border-radius: 999px;
    background: color-mix(in srgb, var(--df-panel, #12141c) 82%, transparent);
    color: var(--df-text, #f5f5f7);
    text-decoration: none;
    transition:
      transform 180ms ease,
      color 180ms ease,
      border-color 180ms ease,
      background 180ms ease;
  }

  .dev-footer__social:hover {
    transform: translateY(-2px);
    border-color: var(--df-accent, #6ee7b7);
    background: color-mix(in srgb, var(--df-accent, #6ee7b7) 14%, transparent);
    color: var(--df-accent, #6ee7b7);
    text-decoration: none;
  }

  .dev-footer__social svg {
    width: 19px;
    height: 19px;
  }

  @media screen and (max-width: 900px) {
    .dev-footer__top,
    .dev-footer__content {
      grid-template-columns: 1fr 1fr;
    }

    .dev-footer__newsletter {
      grid-column: 1 / -1;
    }
  }

  @media screen and (max-width: 640px) {
    .dev-footer {
      padding-right: 14px;
      padding-left: 14px;
    }

    .dev-footer__top,
    .dev-footer__content {
      grid-template-columns: 1fr;
    }

    .dev-footer__form-row {
      grid-template-columns: 1fr;
    }

    .dev-footer__bottom {
      align-items: flex-start;
      flex-direction: column;
    }

    .dev-footer__socials {
      justify-content: flex-start;
    }
  }
/* END_SECTION:dev-footer-premium */

/* START_SECTION:dev-header (INDEX:13) */
.dev-header-shell {
    display: block;
    position: relative;
    z-index: 40;
  }

  .shopify-section-header-sticky .dev-header-shell,
  .section-header.shopify-section-header-sticky {
    position: sticky;
    top: 0;
    z-index: 40;
  }

  .section-header {
    transition: transform 220ms ease;
    will-change: transform;
  }

  .shopify-section-header-hidden {
    transform: translateY(-100%);
  }

  .dev-header {
    width: min(var(--dh-max-width, 1180px), 92%);
    margin: var(--dh-top-offset, 20px) auto var(--dh-margin-bottom, 0px);
    color: var(--dh-text, #f5f5f7);
    font-family: var(--dh-font, inherit);
  }

  .dev-header__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    padding: var(--dh-padding-y, 12px) var(--dh-padding-x, 18px);
    border: 1px solid var(--dh-border, rgba(255, 255, 255, 0.1));
    border-radius: var(--dh-radius, 24px);
    background: color-mix(in srgb, var(--dh-bg, #0b0d14) {{ section.settings.background_opacity }}%, transparent);
    box-shadow: 0 18px 52px color-mix(in srgb, var(--dh-shadow-color, #000000) 18%, transparent);
    backdrop-filter: blur(var(--dh-blur, 20px));
    -webkit-backdrop-filter: blur(var(--dh-blur, 20px));
  }

  .dev-header__brand {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: max-content;
    color: var(--dh-text, #f5f5f7);
    font-size: 15px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: 0;
    text-decoration: none;
  }

  .dev-header__brand:hover,
  .dev-header__brand:focus,
  .dev-header__brand:visited {
    color: var(--dh-text, #f5f5f7);
    text-decoration: none;
  }

  .dev-header__mark {
    color: var(--dh-accent, #6ee7b7);
    font-weight: 950;
    letter-spacing: 0;
  }

  .dev-header__logo {
    display: block;
    width: auto;
    max-width: 160px;
    max-height: 34px;
    object-fit: contain;
  }

  .dev-header__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin-left: auto;
  }

  .dev-header__link,
  .dev-header__mobile-link {
    color: var(--dh-link, #a1a1aa);
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
    transition: color 160ms ease, transform 160ms ease;
  }

  .dev-header__link:hover,
  .dev-header__link:focus,
  .dev-header__link:active,
  .dev-header__link:visited,
  .dev-header__mobile-link:hover,
  .dev-header__mobile-link:focus,
  .dev-header__mobile-link:active,
  .dev-header__mobile-link:visited {
    color: var(--dh-link-hover, #f5f5f7);
    text-decoration: none;
  }

  .dev-header__link:hover {
    transform: translateY(-1px);
  }

  .dev-header__actions {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 22px;
  }

  .dev-header__icon-link,
  .dev-header__mobile-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--dh-link, #a1a1aa);
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
  }

  .dev-header__icon-link:hover,
  .dev-header__icon-link:focus,
  .dev-header__icon-link:visited,
  .dev-header__mobile-toggle:hover {
    color: var(--dh-link-hover, #f5f5f7);
    border-color: color-mix(in srgb, var(--dh-accent, #6ee7b7) 20%, transparent);
    background: color-mix(in srgb, var(--dh-accent, #6ee7b7) 7%, transparent);
    text-decoration: none;
  }

  .dev-header__icon {
    width: 20px;
    height: 20px;
  }

  .dev-header__cart-count {
    position: absolute;
    top: 2px;
    right: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--dh-accent, #6ee7b7);
    color: #07120f;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
  }

  .dev-header__mobile {
    display: none;
    position: relative;
  }

  .dev-header__mobile summary {
    list-style: none;
  }

  .dev-header__mobile summary::-webkit-details-marker {
    display: none;
  }

  .dev-header__mobile-toggle {
    flex-direction: column;
    gap: 4px;
  }

  .dev-header__mobile-toggle span {
    width: 16px;
    height: 2px;
    border-radius: 99px;
    background: currentColor;
  }

  .dev-header__mobile-panel {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    display: grid;
    min-width: 220px;
    padding: 12px;
    border: 1px solid var(--dh-border, rgba(255, 255, 255, 0.1));
    border-radius: 20px;
    background: color-mix(in srgb, var(--dh-bg, #0b0d14) 96%, transparent);
    box-shadow: 0 18px 52px color-mix(in srgb, var(--dh-shadow-color, #000000) 32%, transparent);
    backdrop-filter: blur(var(--dh-blur, 20px));
    -webkit-backdrop-filter: blur(var(--dh-blur, 20px));
  }

  .dev-header__mobile-link {
    padding: 12px;
    border-radius: 12px;
  }

  .dev-header__mobile-link:hover {
    background: color-mix(in srgb, var(--dh-accent, #6ee7b7) 8%, transparent);
  }

  .dev-header .search-modal__content {
    color: rgb(var(--color-foreground));
  }

  @media screen and (max-width: 990px) {
    .dev-header {
      width: min(100% - 24px, var(--dh-max-width, 1180px));
      margin-top: max(10px, calc(var(--dh-top-offset, 20px) * 0.7));
    }

    .dev-header__nav {
      display: none;
    }

    .dev-header__actions {
      margin-left: 12px;
    }

    .dev-header__mobile {
      display: block;
    }
  }

  @media screen and (max-width: 520px) {
    .dev-header__bar {
      padding-inline: 12px;
    }

    .dev-header__brand-text {
      max-width: 145px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .dev-header__search,
    .dev-header__icon-link[aria-label*='Cuenta'],
    .dev-header__icon-link[aria-label*='Account'] {
      display: none;
    }
  }
/* END_SECTION:dev-header */

/* START_SECTION:dev-premium-section (INDEX:14) */
.dev-premium {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
      radial-gradient(circle at 5% 10%, color-mix(in srgb, var(--dp-gradient-left, #8b5cf6) 20%, transparent), transparent 34%),
      radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--dp-gradient-right, #6ee7b7) 16%, transparent), transparent 36%),
      var(--dp-bg, #07080d);
    color: var(--dp-heading, #f5f5f7);
    padding: var(--dp-padding-top, 80px) 0 var(--dp-padding-bottom, 96px);
    font-family: var(--dp-font, inherit);
  }

  .dev-premium__glow {
    position: absolute;
    z-index: -1;
    width: 34vw;
    min-width: 280px;
    aspect-ratio: 1;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0.72;
  }

  .dev-premium__glow--left {
    left: -14%;
    top: -18%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dp-gradient-left, #8b5cf6) 22%, transparent), transparent 64%);
  }

  .dev-premium__glow--right {
    right: -14%;
    top: -18%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dp-gradient-right, #6ee7b7) 18%, transparent), transparent 62%);
  }

  .dev-premium--no-glow .dev-premium__glow {
    display: none;
  }

  .dev-premium__inner {
    width: min(980px, 92%);
    margin-inline: auto;
  }

  .dev-premium__panel {
    position: relative;
    overflow: hidden;
    padding: var(--dp-panel-padding, 70px);
    border: 1px solid var(--dp-panel-border, rgba(255, 255, 255, 0.1));
    border-radius: var(--dp-panel-radius, 42px);
    background:
      linear-gradient(135deg, color-mix(in srgb, var(--dp-panel-bg, #18181d) 94%, transparent), color-mix(in srgb, var(--dp-panel-bg, #18181d) 78%, transparent));
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.22);
  }

  .dev-premium--no-card-shadow .dev-premium__panel {
    box-shadow: none;
  }

  .dev-premium__head {
    display: block;
  }

  .dev-premium__content {
    max-width: 920px;
  }

  .dev-premium__badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 22px;
    padding: 8px 14px;
    border: 1px solid var(--dp-badge-border, #2f6f61);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dp-badge-bg, #6ee7b7) 10%, transparent);
    color: var(--dp-badge-text, #6ee7b7);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .dev-premium__heading {
    max-width: 980px;
    margin: 0;
    color: var(--dp-heading, #f5f5f7);
    font-size: clamp(38px, 5vw, var(--dp-heading-size, 64px));
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: 0;
  }

  .dev-premium__text {
    max-width: 680px;
    margin-top: 16px;
    color: var(--dp-text, #a1a1aa);
    font-size: var(--dp-text-size, 17px);
    line-height: 1.75;
  }

  .dev-premium__text p,
  .dev-premium-card__text p {
    margin: 0;
  }

  .dev-premium-console {
    position: relative;
    overflow: hidden;
    margin-top: 34px;
    border: 1px solid color-mix(in srgb, var(--dp-accent, #6ee7b7) 26%, var(--dp-panel-border, #2a2d35));
    border-radius: calc(var(--dp-card-radius, 20px) + 8px);
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--dp-gradient-right, #6ee7b7) 12%, transparent), transparent 42%),
      linear-gradient(145deg, #0a0d14, color-mix(in srgb, var(--dp-card-bg, #0d1016) 88%, #111827 12%));
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34);
  }

  .dev-premium-console--wide {
    width: 100%;
  }

  .dev-premium-console::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 38%);
    pointer-events: none;
  }

  .dev-premium-console__top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 0 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--dp-panel-border, #2a2d35) 74%, transparent);
    background: rgba(255, 255, 255, 0.035);
  }

  .dev-premium-console__dots {
    display: inline-flex;
    gap: 6px;
  }

  .dev-premium-console__dots span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--dp-accent, #6ee7b7);
    opacity: 0.8;
  }

  .dev-premium-console__dots span:nth-child(1) {
    background: #f87171;
  }

  .dev-premium-console__dots span:nth-child(2) {
    background: #fbbf24;
  }

  .dev-premium-console__title {
    overflow: hidden;
    color: color-mix(in srgb, var(--dp-text, #a1a1aa) 88%, #ffffff 12%);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dev-premium-console__body {
    position: relative;
    z-index: 1;
    padding: 18px;
    color: #d1d5db;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 13px;
    line-height: 1.7;
  }

  .dev-premium-console--wide .dev-premium-console__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: clamp(18px, 3vw, 26px);
  }

  .dev-premium-console--wide .dev-premium-console__code {
    min-height: 180px;
  }

  .dev-premium-console__command,
  .dev-premium-console__note {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #f5f5f7;
  }

  .dev-premium-console__prompt,
  .dev-premium-console__code .token-accent {
    color: var(--dp-accent, #6ee7b7);
  }

  .dev-premium-console__code {
    overflow-x: auto;
    margin: 14px 0;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--dp-panel-border, #2a2d35) 70%, transparent);
    border-radius: max(12px, calc(var(--dp-card-radius, 20px) - 6px));
    background: rgba(0, 0, 0, 0.26);
    color: #cbd5e1;
    white-space: pre;
  }

  .dev-premium-console__code code {
    font: inherit;
  }

  .dev-premium-console__note {
    color: color-mix(in srgb, var(--dp-accent, #6ee7b7) 86%, #ffffff 14%);
    font-weight: 800;
  }

  .dev-premium-console__cursor {
    display: inline-block;
    width: 8px;
    height: 16px;
    border-radius: 2px;
    background: var(--dp-accent, #6ee7b7);
    animation: devPremiumBlink 1s steps(2, start) infinite;
  }

  @keyframes devPremiumBlink {
    50% {
      opacity: 0.12;
    }
  }

  .dev-premium__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--dp-grid-gap, 22px);
    margin-top: 34px;
  }

  .dev-premium--columns-1 .dev-premium__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dev-premium--columns-2 .dev-premium__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dev-premium--columns-3 .dev-premium__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dev-premium-card {
    min-height: 156px;
    padding: 22px;
    border: 1px solid var(--dp-card-border, rgba(255, 255, 255, 0.08));
    border-radius: var(--dp-card-radius, 28px);
    background: color-mix(in srgb, var(--dp-card-bg, #0d1016) 90%, transparent);
    box-shadow: 0 24px 58px rgba(0, 0, 0, 0.18);
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      background 180ms ease,
      box-shadow 180ms ease;
  }

  .dev-premium-card:hover {
    transform: translateY(-6px);
    border-color: var(--dp-card-border-hover, #6ee7b7);
    background: color-mix(in srgb, var(--dp-card-bg, #0d1016) 86%, var(--dp-accent, #6ee7b7) 6%);
    box-shadow: 0 30px 74px rgba(0, 0, 0, 0.26);
  }

  .dev-premium--static .dev-premium-card:hover {
    transform: none;
  }

  .dev-premium--no-card-shadow .dev-premium-card,
  .dev-premium--no-card-shadow .dev-premium-card:hover {
    box-shadow: none;
  }

  .dev-premium-card__kicker {
    margin-bottom: 12px;
    color: var(--dp-accent, #6ee7b7);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .dev-premium-card__title {
    margin: 0;
    color: var(--dp-card-title, #f5f5f7);
    font-size: var(--dp-card-title-size, 21px);
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: 0;
  }

  .dev-premium-card__text {
    margin-top: 10px;
    color: var(--dp-card-text, #a1a1aa);
    font-size: var(--dp-card-text-size, 16px);
    line-height: 1.65;
  }

  @media screen and (max-width: 990px) {
    .dev-premium__panel {
      padding: max(34px, calc(var(--dp-panel-padding, 70px) * 0.62));
    }

    .dev-premium--columns-3 .dev-premium__grid {
      grid-template-columns: 1fr;
    }
  }

  @media screen and (max-width: 640px) {
    .dev-premium {
      padding: 56px 0 68px;
    }

    .dev-premium__inner {
      width: min(100% - 28px, 980px);
    }

    .dev-premium__panel {
      padding: 28px 22px;
      border-radius: min(var(--dp-panel-radius, 42px), 28px);
    }

    .dev-premium__badge {
      margin-bottom: 22px;
    }

    .dev-premium-console__body {
      padding: 16px;
      font-size: 12px;
    }

    .dev-premium__grid,
    .dev-premium--columns-1 .dev-premium__grid,
    .dev-premium--columns-2 .dev-premium__grid,
    .dev-premium--columns-3 .dev-premium__grid {
      grid-template-columns: 1fr;
      margin-top: 34px;
    }

    .dev-premium-card {
      min-height: auto;
      padding: 22px;
    }
  }
/* END_SECTION:dev-premium-section */

/* START_SECTION:dev-testimonials-section (INDEX:15) */
.dev-testimonials {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
      radial-gradient(circle at 4% 12%, color-mix(in srgb, var(--dt-gradient-left, #8b5cf6) 22%, transparent), transparent 34%),
      radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--dt-gradient-right, #6ee7b7) 18%, transparent), transparent 36%),
      var(--dt-bg, #07080d);
    color: var(--dt-heading, #f5f5f7);
    padding: var(--dt-padding-top, 88px) 0 var(--dt-padding-bottom, 104px);
    font-family: var(--dt-font, inherit);
  }

  .dev-testimonials__glow {
    position: absolute;
    z-index: -1;
    width: 34vw;
    min-width: 280px;
    aspect-ratio: 1;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0.7;
  }

  .dev-testimonials__glow--left {
    top: -18%;
    left: -12%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dt-gradient-left, #8b5cf6) 24%, transparent), transparent 64%);
  }

  .dev-testimonials__glow--right {
    top: -12%;
    right: -12%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dt-gradient-right, #6ee7b7) 22%, transparent), transparent 62%);
  }

  .dev-testimonials--no-glow .dev-testimonials__glow {
    display: none;
  }

  .dev-testimonials__inner {
    width: min(1180px, 92%);
    margin-inline: auto;
  }

  .dev-testimonials__header {
    max-width: 680px;
    margin: 0 auto 44px;
    text-align: center;
  }

  .dev-testimonials__badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 24px;
    padding: 8px 14px;
    border: 1px solid var(--dt-badge-border, #2f6f61);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dt-badge-bg, #6ee7b7) 10%, transparent);
    color: var(--dt-badge-text, #6ee7b7);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .dev-testimonials__heading {
    margin: 0;
    color: var(--dt-heading, #f5f5f7);
    font-size: clamp(34px, 5vw, var(--dt-heading-size, 58px));
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: 0;
  }

  .dev-testimonials__text {
    max-width: 580px;
    margin: 18px auto 0;
    color: var(--dt-text, #a1a1aa);
    font-size: var(--dt-text-size, 16px);
    line-height: 1.75;
  }

  .dev-testimonials__text p,
  .dev-testimonial-card__quote p {
    margin: 0;
  }

  .dev-testimonials__grid {
    display: grid;
    grid-template-columns: repeat(var(--dt-visible-cards, 3), minmax(0, 1fr));
    gap: var(--dt-grid-gap, 22px);
  }

  .dev-testimonials--visible-1 .dev-testimonials__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dev-testimonials--visible-2 .dev-testimonials__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dev-testimonials--visible-3 .dev-testimonials__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dev-testimonials--carousel .dev-testimonials__grid {
    display: flex;
    grid-template-columns: none;
    gap: var(--dt-grid-gap, 22px);
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    outline: 0;
    background: transparent !important;
    box-shadow: none;
    padding: 10px 0 12px;
    margin: -10px 0 -12px;
    scroll-padding-inline: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .dev-testimonials--carousel .dev-testimonials__grid::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  .dev-testimonials--carousel .dev-testimonial-card {
    flex: 0 0 calc((100% - var(--dt-grid-gap, 22px) - var(--dt-grid-gap, 22px)) / 3);
    scroll-snap-align: start;
  }

  .dev-testimonials--carousel.dev-testimonials--visible-1 .dev-testimonial-card {
    flex-basis: 100%;
  }

  .dev-testimonials--carousel.dev-testimonials--visible-2 .dev-testimonial-card {
    flex-basis: calc((100% - var(--dt-grid-gap, 22px)) / 2);
  }

  .dev-testimonials--carousel.dev-testimonials--visible-3 .dev-testimonial-card {
    flex-basis: calc((100% - var(--dt-grid-gap, 22px) - var(--dt-grid-gap, 22px)) / 3);
  }

  .dev-testimonial-card {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 24px;
    border: 1px solid var(--dt-border, rgba(255, 255, 255, 0.08));
    border-radius: var(--dt-card-radius, 28px);
    background: color-mix(in srgb, var(--dt-surface, #18181d) 92%, transparent);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24);
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      background 180ms ease,
      box-shadow 180ms ease;
  }

  .dev-testimonials--no-card-shadow .dev-testimonial-card,
  .dev-testimonials--no-card-shadow .dev-testimonial-card:hover {
    box-shadow: none;
  }

  .dev-testimonial-card::before {
    content: "“";
    position: absolute;
    top: -24px;
    right: 22px;
    color: var(--dt-quote, #6ee7b7);
    font-size: 120px;
    font-weight: 900;
    line-height: 1;
    opacity: 0.12;
    pointer-events: none;
  }

  .dev-testimonial-card:hover {
    transform: translateY(-6px);
    border-color: var(--dt-border-hover, #6ee7b7);
    background: color-mix(in srgb, var(--dt-surface, #18181d) 86%, var(--dt-accent, #6ee7b7) 6%);
    box-shadow: 0 34px 84px rgba(0, 0, 0, 0.32);
  }

  .dev-testimonials--static .dev-testimonial-card:hover {
    transform: none;
  }

  .dev-testimonial-card__top {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
  }

  .dev-testimonial-card__person {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 14px;
  }

  .dev-testimonial-card__avatar {
    width: var(--dt-avatar-size, 52px);
    height: var(--dt-avatar-size, 52px);
    flex: 0 0 var(--dt-avatar-size, 52px);
    border-radius: 999px;
    object-fit: cover;
    background: color-mix(in srgb, var(--dt-accent, #6ee7b7) 18%, var(--dt-surface, #18181d));
  }

  .dev-testimonial-card__avatar--initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--dt-accent, #6ee7b7);
    font-size: 18px;
    font-weight: 900;
  }

  .dev-testimonial-card__name {
    margin: 0;
    color: var(--dt-card-title, #f5f5f7);
    font-size: 17px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 0;
  }

  .dev-testimonial-card__meta {
    margin: 5px 0 0;
    color: var(--dt-card-meta, #a1a1aa);
    font-size: 13px;
    line-height: 1.35;
  }

  .dev-testimonial-card__rating {
    display: flex;
    gap: 2px;
    color: color-mix(in srgb, var(--dt-card-meta, #a1a1aa) 42%, transparent);
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
  }

  .dev-testimonial-card__rating .is-active {
    color: var(--dt-rating, #6ee7b7);
  }

  .dev-testimonial-card__quote {
    position: relative;
    z-index: 1;
    margin-top: 24px;
    color: var(--dt-card-text, #d4d4d8);
    font-size: var(--dt-card-text-size, 16px);
    line-height: 1.65;
  }

  .dev-testimonial-card__product {
    display: inline-flex;
    margin-top: 24px;
    padding: 7px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--dt-accent, #6ee7b7) 10%, transparent);
    color: var(--dt-accent, #6ee7b7);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
  }

  .dev-testimonials__carousel-controls {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 26px;
  }

  .dev-testimonials__carousel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--dt-border, rgba(255, 255, 255, 0.12));
    border-radius: 999px;
    background: color-mix(in srgb, var(--dt-surface, #18181d) 86%, transparent);
    color: var(--dt-card-title, #f5f5f7);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      background 180ms ease;
  }

  .dev-testimonials__carousel-button:hover {
    transform: translateY(-2px);
    border-color: var(--dt-border-hover, #6ee7b7);
    background: color-mix(in srgb, var(--dt-surface, #18181d) 82%, var(--dt-accent, #6ee7b7) 8%);
  }

  @media screen and (max-width: 990px) {
    .dev-testimonials__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dev-testimonials--visible-1 .dev-testimonials__grid {
      grid-template-columns: minmax(0, 1fr);
    }

    .dev-testimonials--carousel .dev-testimonial-card {
      flex-basis: calc((100% - var(--dt-grid-gap, 22px)) / 2);
    }

    .dev-testimonials--carousel.dev-testimonials--visible-1 .dev-testimonial-card {
      flex-basis: 100%;
    }

    .dev-testimonials--carousel.dev-testimonials--visible-2 .dev-testimonial-card,
    .dev-testimonials--carousel.dev-testimonials--visible-3 .dev-testimonial-card {
      flex-basis: calc((100% - var(--dt-grid-gap, 22px)) / 2);
    }
  }

  @media screen and (max-width: 640px) {
    .dev-testimonials {
      padding: 56px 0 68px;
    }

    .dev-testimonials__inner {
      width: min(100% - 28px, 1180px);
    }

    .dev-testimonials__header {
      margin-bottom: 30px;
      text-align: left;
    }

    .dev-testimonials__text {
      margin-inline: 0;
    }

    .dev-testimonials__grid {
      grid-template-columns: 1fr;
    }

    .dev-testimonials--carousel .dev-testimonial-card {
      flex-basis: 100%;
    }

    .dev-testimonials--carousel.dev-testimonials--visible-1 .dev-testimonial-card,
    .dev-testimonials--carousel.dev-testimonials--visible-2 .dev-testimonial-card,
    .dev-testimonials--carousel.dev-testimonials--visible-3 .dev-testimonial-card {
      flex-basis: 100%;
    }

    .dev-testimonial-card__top {
      flex-direction: column;
    }
  }
/* END_SECTION:dev-testimonials-section */

/* START_SECTION:header (INDEX:21) */
.dev-header-shell {
    position: relative;
    z-index: 50;
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  #shopify-section-{{ section.id }},
  .shopify-section-group-header-group,
  .shopify-section-group-header-group > .shopify-section,
  .shopify-section-group-header-group .section-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #shopify-section-{{ section.id }} {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    overflow: visible !important;
  }

  .section-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 50;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transition: transform 220ms ease;
  }

  .shopify-section-header-sticky {
    top: 0 !important;
  }

  .shopify-section-header-hidden {
    transform: translateY(-115%);
  }

  .dev-header {
    position: relative;
    isolation: isolate;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0 !important;
    background:
      radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--dh-gradient-left, #8b5cf6) 14%, transparent), transparent 30%),
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--dh-gradient-right, #6ee7b7) 12%, transparent), transparent 32%),
      transparent;
    color: var(--dh-text, #f5f5f7);
    font-family: var(--dh-font, inherit);
  }

  .dev-header::before {
    content: "";
    position: absolute;
    top: -16px;
    right: 0;
    left: 0;
    z-index: 0;
    height: 16px;
    background: color-mix(in srgb, var(--dh-bg, #0b0d13) 96%, transparent);
    pointer-events: none;
  }

  .dev-header--no-glow {
    background: transparent;
  }

  .dev-header__bar {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr);
    align-items: center;
    gap: 18px;
    min-height: 58px;
    margin: 0;
    padding: var(--dh-padding-y, 10px) max(18px, calc((100vw - var(--dh-max-width, 1180px)) / 2));
    border-top: 1px solid var(--dh-border, #2a2d35);
    border-bottom: 1px solid var(--dh-border, #2a2d35);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background: color-mix(in srgb, var(--dh-bg, #0b0d13) 88%, transparent);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(18px);
  }

  .shopify-section-header-sticky .dev-header__bar,
  .scrolled-past-header .dev-header__bar {
    background: color-mix(in srgb, var(--dh-bg-scrolled, #0b0d13) 92%, transparent);
  }

  .dev-header__left,
  .dev-header__actions {
    display: flex;
    align-items: center;
    min-width: 0;
  }

  .dev-header__actions {
    justify-content: flex-end;
    gap: 8px;
  }

  .dev-header__brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: var(--dh-text, #f5f5f7);
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    letter-spacing: 0;
  }

  .dev-header__brand:hover,
  .dev-header__brand:focus,
  .dev-header__brand:visited {
    color: var(--dh-text, #f5f5f7);
    text-decoration: none;
  }

  .dev-header__mark {
    color: var(--dh-accent, #6ee7b7);
    font-weight: 950;
  }

  .dev-header__logo {
    display: block;
    width: auto;
    max-width: min(180px, var(--dh-logo-size, 120px));
    max-height: 42px;
    object-fit: contain;
  }

  .dev-header__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }

  .dev-header__nav-item {
    position: relative;
  }

  .dev-header__nav-item summary {
    list-style: none;
  }

  .dev-header__nav-item summary::-webkit-details-marker,
  .dev-header__mobile summary::-webkit-details-marker,
  .dev-header__mobile-group summary::-webkit-details-marker {
    display: none;
  }

  .dev-header__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 9px 12px;
    border-radius: 999px;
    color: var(--dh-muted, #c7c7d1);
    font-size: 14px;
    font-weight: 760;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition:
      color 180ms ease,
      background 180ms ease;
  }

  .dev-header__link:hover,
  .dev-header__link:focus,
  .dev-header__nav-item[open] > .dev-header__link {
    color: var(--dh-accent, #6ee7b7);
    background: color-mix(in srgb, var(--dh-accent, #6ee7b7) 10%, transparent);
    text-decoration: none;
  }

  .dev-header__chevron {
    width: 14px;
    height: 14px;
    transition: transform 180ms ease;
  }

  .dev-header__nav-item[open] .dev-header__chevron,
  .dev-header__mobile-group[open] .dev-header__chevron {
    transform: rotate(180deg);
  }

  .dev-header__submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 80;
    min-width: 260px;
    padding-top: 12px;
    transform: translateX(-50%);
  }

  .dev-header__submenu--mega {
    width: min(960px, calc(100vw - 34px));
  }

  .dev-header__submenu-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--dh-border, #2a2d35);
    border-radius: var(--dh-panel-radius, 24px);
    background: color-mix(in srgb, var(--dh-panel, #11131a) 96%, transparent);
    color: var(--dh-panel-text, #f5f5f7);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(18px);
  }

  .dev-header__submenu-inner--cards {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 18px;
  }

  .dev-header__submenu-card {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: calc(var(--dh-panel-radius, 24px) - 8px);
    color: var(--dh-panel-text, #f5f5f7);
    text-align: center;
    text-decoration: none;
    transition:
      border-color 180ms ease,
      background 180ms ease,
      transform 180ms ease;
  }

  .dev-header__submenu-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--dh-accent, #6ee7b7) 28%, transparent);
    background: color-mix(in srgb, var(--dh-accent, #6ee7b7) 7%, transparent);
    text-decoration: none;
  }

  .dev-header__submenu-image {
    display: block;
    width: 100%;
    height: 132px;
    object-fit: contain;
    border-radius: calc(var(--dh-panel-radius, 24px) - 12px);
    background: color-mix(in srgb, var(--dh-panel-text, #f5f5f7) 92%, transparent);
  }

  .dev-header__submenu-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 132px;
    border: 1px dashed color-mix(in srgb, var(--dh-accent, #6ee7b7) 36%, transparent);
    border-radius: calc(var(--dh-panel-radius, 24px) - 12px);
    background:
      radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--dh-gradient-left, #8b5cf6) 18%, transparent), transparent 42%),
      radial-gradient(circle at 90% 95%, color-mix(in srgb, var(--dh-gradient-right, #6ee7b7) 18%, transparent), transparent 46%),
      color-mix(in srgb, var(--dh-panel, #11131a) 90%, #ffffff 10%);
    color: var(--dh-accent, #6ee7b7);
    font-size: 30px;
    font-weight: 950;
    text-transform: uppercase;
  }

  .dev-header__submenu-title {
    display: block;
    margin-bottom: 8px;
    color: var(--dh-panel-text, #f5f5f7);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
  }

  .dev-header__submenu-link,
  .dev-header__submenu-copy {
    display: block;
    margin: 7px 0 0;
    color: var(--dh-panel-muted, #a1a1aa);
    font-size: 13px;
    line-height: 1.45;
    text-decoration: none;
  }

  .dev-header__submenu-title:hover,
  .dev-header__submenu-link:hover {
    color: var(--dh-accent, #6ee7b7);
    text-decoration: none;
  }

  .dev-header__icon-link,
  .dev-header__mobile-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--dh-border, #2a2d35);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dh-icon-bg, #12151d) 88%, transparent);
    color: var(--dh-icon-text, #f5f5f7);
    text-decoration: none;
    cursor: pointer;
    transition:
      color 180ms ease,
      border-color 180ms ease,
      background 180ms ease,
      transform 180ms ease;
  }

  .dev-header__icon-link:hover,
  .dev-header__mobile-toggle:hover {
    transform: translateY(-1px);
    border-color: var(--dh-accent, #6ee7b7);
    color: var(--dh-accent, #6ee7b7);
    text-decoration: none;
  }

  .dev-header__icon {
    width: 20px;
    height: 20px;
  }

  .dev-header__cart-count {
    position: absolute;
    top: -4px;
    right: -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--dh-accent, #6ee7b7);
    color: #07100d;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
  }

  .dev-header__mobile {
    display: none;
    position: relative;
  }

  .dev-header__mobile-toggle {
    background: var(--dh-hamburger-bg, #12151d);
    color: var(--dh-hamburger-text, #f5f5f7);
  }

  .dev-header__mobile-toggle span {
    position: absolute;
    width: 17px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition:
      transform 180ms ease,
      opacity 180ms ease;
  }

  .dev-header__mobile-toggle span:nth-child(1) {
    transform: translateY(-6px);
  }

  .dev-header__mobile-toggle span:nth-child(3) {
    transform: translateY(6px);
  }

  .dev-header__mobile[open] .dev-header__mobile-toggle span:nth-child(1) {
    transform: rotate(45deg);
  }

  .dev-header__mobile[open] .dev-header__mobile-toggle span:nth-child(2) {
    opacity: 0;
  }

  .dev-header__mobile[open] .dev-header__mobile-toggle span:nth-child(3) {
    transform: rotate(-45deg);
  }

  .dev-header__mobile-panel {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    width: min(var(--dh-drawer-width, 360px), calc(100vw - 28px));
    max-height: min(76vh, 620px);
    overflow: auto;
    padding: 16px;
    border: 1px solid var(--dh-mobile-border, #2a2d35);
    border-radius: var(--dh-mobile-radius, 24px);
    background: color-mix(in srgb, var(--dh-mobile-bg, #11131a) 96%, transparent);
    color: var(--dh-mobile-text, #f5f5f7);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(18px);
  }

  .dev-header__mobile-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    color: var(--dh-mobile-text, #f5f5f7);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
  }

  .dev-header__mobile-mini {
    color: var(--dh-accent, #6ee7b7);
    font-size: 11px;
  }

  .dev-header__mobile-link,
  .dev-header__mobile-sublink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 12px;
    border-radius: 16px;
    color: var(--dh-mobile-text, #f5f5f7);
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    list-style: none;
  }

  .dev-header__mobile-link:hover,
  .dev-header__mobile-sublink:hover {
    background: color-mix(in srgb, var(--dh-accent, #6ee7b7) 10%, transparent);
    color: var(--dh-accent, #6ee7b7);
    text-decoration: none;
  }

  .dev-header__mobile-submenu {
    display: grid;
    gap: 3px;
    padding: 0 0 8px 12px;
  }

  .dev-header__mobile-sublink {
    color: color-mix(in srgb, var(--dh-mobile-text, #f5f5f7) 78%, transparent);
    font-size: 14px;
    font-weight: 720;
  }

  .dev-header__mobile-sublink--nested {
    padding-left: 24px;
    font-size: 13px;
  }

  .dev-header .search-modal__content {
    background: color-mix(in srgb, var(--dh-panel, #11131a) 96%, transparent);
    color: var(--dh-panel-text, #f5f5f7);
  }

  #shopify-section-{{ section.id }} .cart-notification-wrapper {
    position: fixed !important;
    top: var(--header-height, 74px) !important;
    right: max(16px, calc((100vw - var(--dh-max-width, 1180px)) / 2)) !important;
    left: auto !important;
    z-index: 9999 !important;
    width: min(430px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    pointer-events: none;
  }

  #shopify-section-{{ section.id }} .cart-notification {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px !important;
    border: 1px solid var(--dh-border, #2a2d35) !important;
    border-radius: 0 0 24px 24px !important;
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--dh-gradient-right, #6ee7b7) 10%, transparent), transparent 42%),
      color-mix(in srgb, var(--dh-panel, #11131a) 98%, #000000 2%) !important;
    color: var(--dh-panel-text, #f5f5f7) !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(18px);
    pointer-events: auto;
  }

  #shopify-section-{{ section.id }} .cart-notification *,
  #shopify-section-{{ section.id }} .cart-notification .caption,
  #shopify-section-{{ section.id }} .cart-notification .product-option {
    color: inherit;
  }

  #shopify-section-{{ section.id }} .cart-notification__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 42px;
    margin-bottom: 18px;
  }

  #shopify-section-{{ section.id }} .cart-notification__heading {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    color: var(--dh-panel-text, #f5f5f7) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  #shopify-section-{{ section.id }} .cart-notification__heading .icon-checkmark,
  #shopify-section-{{ section.id }} .cart-notification__heading svg {
    width: 18px;
    height: 18px;
    color: var(--dh-accent, #6ee7b7) !important;
  }

  #shopify-section-{{ section.id }} .cart-notification__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    flex: 0 0 42px;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 1px solid var(--dh-border, #2a2d35) !important;
    border-radius: 50%;
    background: color-mix(in srgb, var(--dh-icon-bg, #12151d) 92%, #000000 8%) !important;
    color: var(--dh-panel-text, #f5f5f7) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  #shopify-section-{{ section.id }} .cart-notification__close svg,
  #shopify-section-{{ section.id }} .cart-notification__close .icon {
    display: none !important;
  }

  #shopify-section-{{ section.id }} .cart-notification__close::before,
  #shopify-section-{{ section.id }} .cart-notification__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block !important;
    width: 18px;
    height: 2.5px;
    border-radius: 999px;
    background: currentColor;
    opacity: 1 !important;
  }

  #shopify-section-{{ section.id }} .cart-notification__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  #shopify-section-{{ section.id }} .cart-notification__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  #shopify-section-{{ section.id }} .cart-notification-product {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    margin: 0 0 18px !important;
    padding: 14px !important;
    border: 1px solid color-mix(in srgb, var(--dh-border, #2a2d35) 76%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--dh-bg, #0b0d13) 82%, transparent);
  }

  #shopify-section-{{ section.id }} .cart-notification-product__image {
    display: block !important;
    width: 88px !important;
    height: 112px !important;
    min-width: 88px !important;
    object-fit: cover !important;
    object-position: center top !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #f4f4f5 !important;
    overflow: hidden !important;
    aspect-ratio: 11 / 14 !important;
  }

  #shopify-section-{{ section.id }} .cart-notification-product__image img,
  #shopify-section-{{ section.id }} .cart-notification-product img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: inherit !important;
  }

  #shopify-section-{{ section.id }} .cart-notification-product__name,
  #shopify-section-{{ section.id }} .cart-notification-product h3,
  #shopify-section-{{ section.id }} .cart-notification-product h4,
  #shopify-section-{{ section.id }} .cart-notification-product a {
    margin: 0 0 8px !important;
    color: var(--dh-panel-text, #f5f5f7) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
  }

  #shopify-section-{{ section.id }} .cart-notification-product dl,
  #shopify-section-{{ section.id }} .cart-notification-product dd,
  #shopify-section-{{ section.id }} .cart-notification-product dt,
  #shopify-section-{{ section.id }} .cart-notification-product .product-option {
    margin: 0 !important;
    color: var(--dh-panel-muted, #a1a1aa) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  #shopify-section-{{ section.id }} .cart-notification__links {
    display: grid !important;
    gap: 10px;
    margin: 0 !important;
    text-align: center;
  }

  #shopify-section-{{ section.id }} .cart-notification__links .button,
  #shopify-section-{{ section.id }} .cart-notification__checkout {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: var(--dh-accent, #6ee7b7) !important;
    color: #07100d !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  #shopify-section-{{ section.id }} .cart-notification__links .link,
  #shopify-section-{{ section.id }} .cart-notification__links .button-label {
    display: inline-flex !important;
    justify-content: center;
    color: var(--dh-panel-muted, #a1a1aa) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  #shopify-section-{{ section.id }} .cart-notification__links .link:hover,
  #shopify-section-{{ section.id }} .cart-notification__links .button-label:hover {
    color: var(--dh-accent, #6ee7b7) !important;
  }

  cart-notification {
    position: relative;
    z-index: 9999;
  }

  body .cart-notification-wrapper {
    position: fixed !important;
    top: var(--header-height, 74px) !important;
    right: max(16px, calc((100vw - var(--dh-max-width, 1180px)) / 2)) !important;
    left: auto !important;
    z-index: 9999 !important;
    width: min(430px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    padding: 0 !important;
    pointer-events: none;
  }

  body .cart-notification {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid var(--dh-border, #2a2d35) !important;
    border-radius: 0 0 24px 24px !important;
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--dh-gradient-right, #6ee7b7) 12%, transparent), transparent 44%),
      color-mix(in srgb, var(--dh-panel, #11131a) 98%, #000000 2%) !important;
    color: var(--dh-panel-text, #f5f5f7) !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(18px);
    pointer-events: auto;
  }

  body .cart-notification *,
  body .cart-notification .caption,
  body .cart-notification .product-option {
    color: inherit;
  }

  body .cart-notification__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 42px;
    margin-bottom: 18px;
  }

  body .cart-notification__heading {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    color: var(--dh-panel-text, #f5f5f7) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  body .cart-notification__heading .icon-checkmark,
  body .cart-notification__heading svg {
    width: 18px;
    height: 18px;
    color: var(--dh-accent, #6ee7b7) !important;
  }

  body .cart-notification__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    flex: 0 0 42px;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 1px solid var(--dh-border, #2a2d35) !important;
    border-radius: 50%;
    background: color-mix(in srgb, var(--dh-icon-bg, #12151d) 92%, #000000 8%) !important;
    color: var(--dh-panel-text, #f5f5f7) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  body .cart-notification__close svg,
  body .cart-notification__close .icon {
    display: none !important;
  }

  body .cart-notification__close::before,
  body .cart-notification__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block !important;
    width: 18px;
    height: 2.5px;
    border-radius: 999px;
    background: currentColor;
    opacity: 1 !important;
  }

  body .cart-notification__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  body .cart-notification__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  body .cart-notification__close:hover {
    border-color: var(--dh-accent, #6ee7b7) !important;
    color: var(--dh-accent, #6ee7b7) !important;
  }

  body .cart-notification-product {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    margin: 0 0 18px !important;
    padding: 14px !important;
    border: 1px solid color-mix(in srgb, var(--dh-border, #2a2d35) 76%, transparent) !important;
    border-radius: 18px;
    background: color-mix(in srgb, var(--dh-bg, #0b0d13) 86%, transparent) !important;
  }

  body .cart-notification-product__image {
    display: block !important;
    width: 88px !important;
    height: 112px !important;
    min-width: 88px !important;
    object-fit: cover !important;
    object-position: center top !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #f4f4f5 !important;
    overflow: hidden !important;
    aspect-ratio: 11 / 14 !important;
  }

  body .cart-notification-product__image img,
  body .cart-notification-product img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: inherit !important;
  }

  body .cart-notification-product__name,
  body .cart-notification-product h3,
  body .cart-notification-product h4,
  body .cart-notification-product a {
    margin: 0 0 8px !important;
    color: var(--dh-panel-text, #f5f5f7) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
  }

  body .cart-notification-product dl,
  body .cart-notification-product dd,
  body .cart-notification-product dt,
  body .cart-notification-product .product-option {
    margin: 0 !important;
    color: var(--dh-panel-muted, #a1a1aa) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  body .cart-notification__links {
    display: grid !important;
    gap: 10px;
    margin: 0 !important;
    text-align: center;
  }

  body .cart-notification__links .button,
  body .cart-notification__checkout {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: var(--dh-accent, #6ee7b7) !important;
    color: #07100d !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  body .cart-notification__links .button::before,
  body .cart-notification__links .button::after,
  body .cart-notification__checkout::before,
  body .cart-notification__checkout::after {
    display: none !important;
  }

  body .cart-notification__links .link,
  body .cart-notification__links .button-label {
    display: inline-flex !important;
    justify-content: center;
    color: var(--dh-panel-muted, #a1a1aa) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  body .cart-notification__links .link:hover,
  body .cart-notification__links .button-label:hover {
    color: var(--dh-accent, #6ee7b7) !important;
    text-decoration: none !important;
  }

  @media screen and (max-width: 749px) {
    body .cart-notification-wrapper {
      top: var(--header-height, 64px) !important;
      right: 12px !important;
      left: 12px !important;
      width: auto !important;
      max-width: none !important;
    }

    body .cart-notification {
      padding: 16px !important;
      border-radius: 0 0 20px 20px !important;
    }

    body .cart-notification__header {
      gap: 10px;
    }

    body .cart-notification__close {
      flex-basis: 38px;
      width: 38px !important;
      height: 38px !important;
      min-width: 38px !important;
      min-height: 38px !important;
    }

    body .cart-notification-product {
      grid-template-columns: 78px minmax(0, 1fr);
      gap: 12px;
      padding: 12px !important;
    }

    body .cart-notification-product__image {
      width: 78px !important;
      height: 100px !important;
      min-width: 78px !important;
      aspect-ratio: 39 / 50 !important;
    }

    body .cart-notification-product__name,
    body .cart-notification-product h3,
    body .cart-notification-product h4,
    body .cart-notification-product a {
      font-size: 15px !important;
    }
  }

  @media screen and (max-width: 990px) {
    .dev-header__bar {
      grid-template-columns: 1fr auto;
      min-height: 56px;
      padding: 8px 14px;
    }

    .dev-header__nav {
      display: none;
    }

    .dev-header__actions {
      align-items: center;
      gap: 8px;
    }

    .dev-header__actions > * {
      align-items: center;
      display: inline-flex;
      line-height: 0;
      margin: 0 !important;
    }

    .dev-header__mobile {
      display: block;
      line-height: 0;
    }

    .dev-header__icon-link,
    .dev-header__mobile-toggle,
    .dev-header #cart-icon-bubble {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex: 0 0 38px !important;
      width: 38px !important;
      height: 38px !important;
      min-width: 38px !important;
      min-height: 38px !important;
      max-width: 38px !important;
      max-height: 38px !important;
      padding: 0 !important;
      box-sizing: border-box !important;
      border-radius: 50% !important;
    }

    .dev-header__icon {
      width: 18px !important;
      height: 18px !important;
    }

    .dev-header__mobile-toggle span {
      width: 17px !important;
    }

    .dev-header__cart-count {
      top: -2px;
      right: -2px;
      min-width: 16px;
      height: 16px;
      padding: 0 5px;
      font-size: 10px;
    }

    .dev-header--hide-mobile-search .dev-header__search,
    .dev-header--hide-mobile-account .dev-header__account {
      display: none;
    }
  }

  @media screen and (max-width: 520px) {
    .dev-header__brand-text {
      max-width: 132px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
/* END_SECTION:header */

/* START_SECTION:hero (INDEX:22) */
.dev-apparel-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
      radial-gradient(circle at 5% 4%, color-mix(in srgb, var(--dah-gradient-left, #8b5cf6) 34%, transparent), transparent 34%),
      radial-gradient(circle at 92% 78%, color-mix(in srgb, var(--dah-gradient-right, #6ee7b7) 34%, transparent), transparent 36%),
      linear-gradient(135deg, color-mix(in srgb, var(--dah-bg, #07080d) 96%, var(--dah-gradient-left, #8b5cf6)), var(--dah-bg, #07080d) 52%, color-mix(in srgb, var(--dah-bg, #07080d) 94%, var(--dah-gradient-right, #6ee7b7)));
    color: var(--dah-text, #f5f5f7);
    padding: var(--dah-padding-top, 70px) 0 var(--dah-padding-bottom, 120px);
    font-family: var(--dah-font, inherit);
  }

  .dev-apparel-hero__glow {
    position: absolute;
    z-index: -1;
    width: 42vw;
    min-width: 320px;
    aspect-ratio: 1;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(8px);
    opacity: 0.78;
  }

  .dev-apparel-hero__glow--left {
    top: -18%;
    left: -16%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dah-gradient-left, #8b5cf6) 28%, transparent), transparent 64%);
  }

  .dev-apparel-hero__glow--right {
    top: 0;
    right: -18%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dah-gradient-right, #6ee7b7) 26%, transparent), transparent 62%);
  }

  .dev-apparel-hero__inner {
    width: min(1180px, 92%);
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: clamp(34px, 5vw, 60px);
    align-items: center;
  }

  .dev-apparel-hero__content {
    position: relative;
    z-index: 2;
  }

  .dev-apparel-hero__badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 28px;
    padding: 8px 14px;
    border: 1px solid var(--dah-badge-border, color-mix(in srgb, var(--dah-accent, #6ee7b7) 35%, transparent));
    border-radius: 999px;
    background: color-mix(in srgb, var(--dah-badge-bg, #6ee7b7) 14%, transparent);
    color: var(--dah-badge-text, #6ee7b7);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .dev-apparel-hero__heading {
    max-width: 780px;
    margin: 0;
    color: var(--dah-text, #f5f5f7);
    font-size: clamp(42px, 7vw, var(--dah-heading-size, 86px));
    line-height: 0.96;
    font-weight: 900;
    letter-spacing: 0;
  }

  .dev-apparel-hero__text {
    max-width: 620px;
    margin-top: 28px;
    color: var(--dah-muted, #a1a1aa);
    font-size: var(--dah-body-size, 18px);
    line-height: 1.75;
  }

  .dev-apparel-hero__text p {
    margin: 0;
  }

  .dev-apparel-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 38px;
  }

  .dev-apparel-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 14px 22px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    text-decoration-line: none;
    text-underline-offset: 0;
    transition:
      transform 180ms ease,
      box-shadow 180ms ease,
      background 180ms ease,
      border-color 180ms ease;
  }

  .dev-apparel-hero__button:hover,
  .dev-apparel-hero__button:focus,
  .dev-apparel-hero__button:focus-visible,
  .dev-apparel-hero__button:active,
  .dev-apparel-hero__button:visited {
    text-decoration: none;
    text-decoration-line: none;
  }

  .dev-apparel-hero__button--primary {
    background: var(--dah-primary-bg, #f5f5f7);
    color: var(--dah-primary-text, #07080d);
  }

  .dev-apparel-hero__button--primary:hover {
    transform: translateY(-3px);
    color: var(--dah-primary-hover-text, var(--dah-primary-text, #07080d));
    box-shadow: 0 18px 40px rgba(255, 255, 255, 0.14);
  }

  .dev-apparel-hero__button--secondary {
    border: 1px solid var(--dah-secondary-border, rgba(255, 255, 255, 0.22));
    color: var(--dah-secondary-text, #f5f5f7);
    background: color-mix(in srgb, var(--dah-secondary-bg, #ffffff) 4%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dah-secondary-border, #ffffff) 18%, transparent);
  }

  .dev-apparel-hero__button--secondary:hover {
    transform: translateY(-3px);
    color: var(--dah-secondary-hover-text, var(--dah-secondary-text, #f5f5f7));
    border-color: var(--dah-secondary-border, rgba(255, 255, 255, 0.34));
    background: color-mix(in srgb, var(--dah-secondary-bg, transparent) 72%, var(--dah-secondary-border, #ffffff));
  }

  .dev-apparel-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(22px, 4vw, 38px);
    margin-top: 54px;
  }

  .dev-apparel-hero__stat strong {
    display: block;
    color: var(--dah-text, #f5f5f7);
    font-size: 29px;
    line-height: 1;
    font-weight: 900;
  }

  .dev-apparel-hero__stat span {
    display: block;
    margin-top: 6px;
    color: color-mix(in srgb, var(--dah-muted, #a1a1aa) 74%, transparent);
    font-size: 13px;
    line-height: 1.2;
  }

  .dev-apparel-hero__visual {
    position: relative;
    min-height: calc(var(--dah-image-height, 560px) + 58px);
  }

  .dev-apparel-hero__product-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--dah-radius, 36px);
    background: var(--dah-card-bg, rgba(255, 255, 255, 0.04));
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.44);
    animation: dev-apparel-float 5.5s ease-in-out infinite;
  }

  .dev-apparel-hero--static .dev-apparel-hero__product-card {
    animation: none;
  }

  .dev-apparel-hero__image,
  .dev-apparel-hero__placeholder {
    display: block;
    width: 100%;
    height: var(--dah-image-height, 560px);
    object-fit: cover;
    background: var(--dah-surface, #111827);
    filter: grayscale(0.12) contrast(1.04);
  }

  .dev-apparel-hero__tag {
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--dah-image-tag-bg, #6ee7b7);
    color: var(--dah-image-tag-text, #07080d);
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .dev-apparel-hero__product-info {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--dah-card-radius, 24px);
    background: color-mix(in srgb, var(--dah-bg, #07080d) 76%, transparent);
    backdrop-filter: blur(18px);
  }

  .dev-apparel-hero__product-info h2 {
    margin: 0;
    color: var(--dah-text, #f5f5f7);
    font-size: 24px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: 0;
  }

  .dev-apparel-hero__product-info p {
    margin: 7px 0 0;
    color: var(--dah-muted, #a1a1aa);
    font-size: 14px;
    line-height: 1.4;
  }

  .dev-apparel-hero__code-card {
    position: absolute;
    left: -40px;
    bottom: 40px;
    z-index: 3;
    min-width: min(285px, 72vw);
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--dah-card-radius, 24px);
    background: var(--dah-code-bg, rgba(15, 23, 42, 0.86));
    color: var(--dah-code-text, #d4d4d8);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 16px;
    line-height: 1.6;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(20px);
  }

  .dev-apparel-hero__code-card p {
    margin: 0;
  }

  .dev-apparel-hero__code-card p + p {
    margin-top: 8px;
  }

  .dev-apparel-hero__code-card strong,
  .dev-apparel-hero__code-card b {
    color: var(--dah-code-accent, #6ee7b7);
    font-weight: 900;
  }

  @keyframes dev-apparel-float {
    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-16px);
    }
  }

  @media screen and (max-width: 900px) {
    .dev-apparel-hero {
      padding-top: max(44px, calc(var(--dah-padding-top, 70px) * 0.7));
      padding-bottom: max(56px, calc(var(--dah-padding-bottom, 120px) * 0.65));
    }

    .dev-apparel-hero__inner {
      grid-template-columns: 1fr;
    }

    .dev-apparel-hero__heading {
      font-size: clamp(42px, 13vw, 68px);
      line-height: 1;
    }

    .dev-apparel-hero__text {
      margin-top: 22px;
      font-size: min(var(--dah-body-size, 18px), 17px);
      line-height: 1.65;
    }

    .dev-apparel-hero__visual {
      min-height: auto;
    }

    .dev-apparel-hero__image,
    .dev-apparel-hero__placeholder {
      height: min(var(--dah-image-height, 560px), 520px);
    }

    .dev-apparel-hero__code-card {
      left: 18px;
      right: 18px;
      bottom: 18px;
    }
  }

  @media screen and (max-width: 560px) {
    .dev-apparel-hero__inner {
      width: min(100% - 28px, 1180px);
      gap: 38px;
    }

    .dev-apparel-hero__badge {
      margin-bottom: 22px;
      font-size: 11px;
    }

    .dev-apparel-hero__actions {
      margin-top: 30px;
    }

    .dev-apparel-hero__button {
      width: 100%;
    }

    .dev-apparel-hero__stats {
      margin-top: 38px;
      gap: 20px;
    }

    .dev-apparel-hero__product-card {
      border-radius: min(var(--dah-radius, 36px), 26px);
    }

    .dev-apparel-hero__image,
    .dev-apparel-hero__placeholder {
      height: 430px;
    }

    .dev-apparel-hero__product-info {
      left: 14px;
      right: 14px;
      bottom: 14px;
      padding: 16px;
    }

    .dev-apparel-hero__code-card {
      position: relative;
      left: auto;
      right: auto;
      bottom: auto;
      margin: -42px 14px 0;
      font-size: 14px;
    }
  }
/* END_SECTION:hero */

/* START_SECTION:main-collection-product-grid (INDEX:34) */
.dev-grid-collection {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: var(--dgc-padding-top, 84px) 0 var(--dgc-padding-bottom, 96px);
    background:
      radial-gradient(circle at 4% 0%, color-mix(in srgb, var(--dgc-gradient-left, #8b5cf6) 24%, transparent), transparent 34%),
      radial-gradient(circle at 94% 8%, color-mix(in srgb, var(--dgc-gradient-right, #6ee7b7) 18%, transparent), transparent 36%),
      var(--dgc-bg, #07080d);
    color: var(--dgc-heading, #f5f5f7);
    font-family: var(--dgc-font, inherit);
  }

  .dev-grid-collection__glow {
    position: absolute;
    z-index: -1;
    width: 34vw;
    min-width: 280px;
    aspect-ratio: 1;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0.7;
  }

  .dev-grid-collection__glow--left {
    top: -22%;
    left: -14%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dgc-gradient-left, #8b5cf6) 24%, transparent), transparent 64%);
  }

  .dev-grid-collection__glow--right {
    top: 2%;
    right: -14%;
    background: radial-gradient(circle, color-mix(in srgb, var(--dgc-gradient-right, #6ee7b7) 22%, transparent), transparent 62%);
  }

  .dev-grid-collection--no-glow .dev-grid-collection__glow {
    display: none;
  }

  .dev-grid-collection__inner {
    width: min(1180px, calc(100% - 32px));
    margin-inline: auto;
  }

  .dev-grid-collection__header {
    max-width: 680px;
    margin: 0 auto 38px;
    text-align: center;
  }

  .dev-grid-collection__badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 18px;
    padding: 8px 14px;
    border: 1px solid var(--dgc-badge-border, #2f6f61);
    border-radius: 999px;
    background: color-mix(in srgb, var(--dgc-badge-bg, #6ee7b7) 10%, transparent);
    color: var(--dgc-badge-text, #6ee7b7);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .dev-grid-collection__heading {
    margin: 0;
    color: var(--dgc-heading, #f5f5f7);
    font-size: clamp(34px, 5vw, var(--dgc-heading-size, 58px));
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: 0;
  }

  .dev-grid-collection__text {
    max-width: 620px;
    margin: 16px auto 0;
    color: var(--dgc-text, #a1a1aa);
    font-size: var(--dgc-text-size, 16px);
    line-height: 1.7;
  }

  .dev-grid-collection__text p {
    margin: 0;
  }

  .dev-grid-collection__toolbar {
    position: relative;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    padding: 14px 18px;
    border: 1px solid var(--dgc-toolbar-border, rgba(255, 255, 255, 0.08));
    border-radius: 22px;
    background: color-mix(in srgb, var(--dgc-toolbar-bg, #18181d) 74%, transparent);
    backdrop-filter: blur(16px);
  }

  .dev-grid-collection__toolbar-left,
  .dev-grid-collection__toolbar-right,
  .dev-grid-collection__filters {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .dev-grid-collection__toolbar-label {
    color: var(--dgc-text, #a1a1aa);
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
  }

  .dev-grid-collection__meta {
    color: var(--dgc-text, #a1a1aa);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
  }

  .dev-grid-filter {
    position: relative;
    z-index: 1;
  }

  .dev-grid-filter[open] {
    z-index: 60;
  }

  .dev-grid-filter__summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--dgc-heading, #f5f5f7);
    font-size: 14px;
    font-weight: 760;
    line-height: 1;
    cursor: pointer;
    list-style: none;
    transition:
      border-color 180ms ease,
      background 180ms ease,
      color 180ms ease;
  }

  .dev-grid-filter__summary::-webkit-details-marker {
    display: none;
  }

  .dev-grid-filter[open] .dev-grid-filter__summary,
  .dev-grid-filter__summary:hover {
    border-color: color-mix(in srgb, var(--dgc-accent, #6ee7b7) 36%, transparent);
    background: color-mix(in srgb, var(--dgc-accent, #6ee7b7) 10%, transparent);
    color: var(--dgc-accent, #6ee7b7);
  }

  .dev-grid-filter__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: var(--dgc-accent, #6ee7b7);
    color: var(--dgc-bg, #07080d);
    font-size: 11px;
    font-weight: 900;
  }

  .dev-grid-filter__icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    transition: transform 180ms ease;
  }

  .dev-grid-filter[open] .dev-grid-filter__icon {
    transform: rotate(180deg);
  }

  .dev-grid-filter__panel {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 80;
    min-width: 240px;
    padding: 12px;
    border: 1px solid var(--dgc-card-border, #2a2d35);
    border-radius: 18px;
    background: color-mix(in srgb, var(--dgc-card-bg, #18181d) 96%, #000 10%);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
  }

  .dev-grid-filter__list {
    display: grid;
    gap: 4px;
    max-height: 280px;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
  }

  .dev-grid-filter__option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 8px;
    border-radius: 12px;
    color: var(--dgc-card-text, #a1a1aa);
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
  }

  .dev-grid-filter__option:hover {
    background: color-mix(in srgb, var(--dgc-accent, #6ee7b7) 8%, transparent);
    color: var(--dgc-heading, #f5f5f7);
  }

  .dev-grid-filter__option input {
    width: 16px;
    height: 16px;
    accent-color: var(--dgc-accent, #6ee7b7);
  }

  .dev-grid-filter__option small {
    margin-left: auto;
    color: color-mix(in srgb, var(--dgc-card-text, #a1a1aa) 70%, transparent);
    font-size: 12px;
  }

  .dev-grid-filter__option--disabled {
    opacity: 0.38;
    cursor: not-allowed;
  }

  .dev-grid-filter__price {
    display: grid;
    gap: 10px;
  }

  .dev-grid-filter__price label {
    display: grid;
    gap: 6px;
    color: var(--dgc-card-text, #a1a1aa);
    font-size: 12px;
    font-weight: 800;
  }

  .dev-grid-filter__price input,
  .dev-grid-collection__sort select {
    min-height: 38px;
    width: 100%;
    border: 1px solid var(--dgc-card-border, #2a2d35);
    border-radius: 12px;
    background: color-mix(in srgb, var(--dgc-bg, #07080d) 88%, transparent);
    color: var(--dgc-heading, #f5f5f7);
    font: inherit;
    font-size: 14px;
    outline: 0;
  }

  .dev-grid-filter__price input {
    padding: 8px 10px;
  }

  .dev-grid-filter__apply {
    min-height: 38px;
    border: 0;
    border-radius: 999px;
    background: var(--dgc-button-bg, #f5f5f7);
    color: var(--dgc-button-text, #07080d);
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
  }

  .dev-grid-collection__sort {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--dgc-text, #a1a1aa);
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
  }

  .dev-grid-collection__sort select {
    width: auto;
    min-width: 170px;
    padding: 7px 34px 7px 12px;
  }

  .dev-grid-collection__reset {
    color: var(--dgc-accent, #6ee7b7);
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
  }

  .dev-grid-collection__reset:hover,
  .dev-grid-collection__reset:focus {
    color: var(--dgc-accent, #6ee7b7);
    text-decoration: none;
  }

  .dev-grid-collection__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(var(--dgc-columns-desktop, 3), minmax(0, 1fr));
    gap: var(--dgc-grid-gap, 24px);
  }

  .dev-grid-card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: visible;
    padding: 12px;
    border: 1px solid var(--dgc-card-border, #2a2d35);
    border-radius: var(--dgc-card-radius, 28px);
    background: color-mix(in srgb, var(--dgc-card-bg, #18181d) 94%, transparent);
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.24);
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      background 180ms ease,
      box-shadow 180ms ease;
  }

  .dev-grid-card:hover {
    transform: translateY(-6px);
    border-color: var(--dgc-card-border-hover, #6ee7b7);
    background: color-mix(in srgb, var(--dgc-card-bg, #18181d) 88%, var(--dgc-accent, #6ee7b7) 5%);
    box-shadow: 0 34px 86px rgba(0, 0, 0, 0.32);
  }

  .dev-grid-collection--static .dev-grid-card:hover {
    transform: none;
  }

  .dev-grid-collection--no-shadow .dev-grid-card,
  .dev-grid-collection--no-shadow .dev-grid-card:hover {
    box-shadow: none;
  }

  .dev-grid-card__media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: var(--dgc-image-ratio, 1 / 1);
    border-radius: var(--dgc-image-radius, 20px);
    background: rgba(255, 255, 255, 0.04);
    text-decoration: none;
  }

  .dev-grid-card__image,
  .dev-grid-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 220ms ease;
  }

  .dev-grid-card:hover .dev-grid-card__image {
    transform: scale(1.035);
  }

  .dev-grid-collection--static .dev-grid-card:hover .dev-grid-card__image {
    transform: none;
  }

  .dev-grid-card__badge {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--dgc-accent, #6ee7b7);
    color: var(--dgc-bg, #07080d);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
  }

  .dev-grid-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px 8px 6px;
  }

  .dev-grid-card__vendor {
    margin: 0 0 8px;
    color: var(--dgc-card-vendor, #a1a1aa);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    opacity: 0.72;
    text-transform: uppercase;
  }

  .dev-grid-card__title {
    display: block;
    margin: 0;
    color: var(--dgc-card-title, #f5f5f7);
    font-size: var(--dgc-card-title-size, 21px);
    line-height: 1.14;
    font-weight: 900;
    letter-spacing: 0;
    text-decoration: none;
  }

  .dev-grid-card__title:hover,
  .dev-grid-card__title:focus,
  .dev-grid-card__title:active,
  .dev-grid-card__title:visited {
    color: var(--dgc-card-title-hover, #6ee7b7);
    text-decoration: none;
  }

  .dev-grid-card__description {
    margin: 10px 0 0;
    color: var(--dgc-card-text, #a1a1aa);
    font-size: var(--dgc-card-text-size, 15px);
    line-height: 1.45;
  }

  .dev-grid-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: auto;
    padding-top: 18px;
  }

  .dev-grid-card__price-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
  }

  .dev-grid-card__price {
    color: var(--dgc-price, #6ee7b7);
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
  }

  .dev-grid-card__price--sale {
    color: var(--dgc-sale, #6ee7b7);
  }

  .dev-grid-card__compare-price {
    color: color-mix(in srgb, var(--dgc-card-text, #a1a1aa) 68%, transparent);
    font-size: 13px;
    line-height: 1;
  }

  .dev-grid-card__button,
  .dev-grid-collection__button,
  .dev-grid-collection__top-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 11px 16px;
    border: 0;
    border-radius: 999px;
    background: var(--dgc-button-bg, #f5f5f7);
    color: var(--dgc-button-text, #07080d);
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition:
      transform 180ms ease,
      background 180ms ease,
      color 180ms ease,
      box-shadow 180ms ease;
  }

  .dev-grid-collection__top-link {
    min-height: 36px;
    background: color-mix(in srgb, var(--dgc-button-bg, #f5f5f7) 12%, transparent);
    color: var(--dgc-heading, #f5f5f7);
    border: 1px solid color-mix(in srgb, var(--dgc-button-bg, #f5f5f7) 18%, transparent);
  }

  .dev-grid-card__button:hover,
  .dev-grid-card__button:focus,
  .dev-grid-card__button:active,
  .dev-grid-card__button:visited,
  .dev-grid-collection__button:hover,
  .dev-grid-collection__button:focus,
  .dev-grid-collection__button:active,
  .dev-grid-collection__button:visited,
  .dev-grid-collection__top-link:hover,
  .dev-grid-collection__top-link:focus,
  .dev-grid-collection__top-link:active,
  .dev-grid-collection__top-link:visited {
    text-decoration: none;
  }

  .dev-grid-card__button:hover,
  .dev-grid-collection__button:hover,
  .dev-grid-collection__top-link:hover {
    transform: translateY(-2px);
    background: var(--dgc-button-hover-bg, #6ee7b7);
    color: var(--dgc-button-hover-text, #07080d);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
  }

  .dev-grid-collection__bottom {
    display: flex;
    justify-content: center;
    margin-top: 34px;
  }

  @media screen and (max-width: 990px) {
    .dev-grid-collection__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 640px) {
    .dev-grid-collection {
      padding: 54px 0 64px;
    }

    .dev-grid-collection__inner {
      width: min(100% - 28px, 1180px);
    }

    .dev-grid-collection__header {
      margin-bottom: 28px;
      text-align: left;
    }

    .dev-grid-collection__text {
      margin-inline: 0;
    }

    .dev-grid-collection__toolbar {
      align-items: flex-start;
      flex-direction: column;
      padding: 14px;
      border-radius: 20px;
    }

    .dev-grid-collection__toolbar-left,
    .dev-grid-collection__toolbar-right,
    .dev-grid-collection__filters {
      width: 100%;
      align-items: flex-start;
      flex-wrap: wrap;
    }

    .dev-grid-filter {
      position: static;
    }

    .dev-grid-filter__panel {
      position: fixed;
      right: 16px;
      left: 16px;
      top: auto;
      bottom: 18px;
      width: auto;
      max-height: min(70vh, 480px);
      overflow: auto;
    }

    .dev-grid-collection__sort {
      width: 100%;
      justify-content: space-between;
    }

    .dev-grid-collection__sort select {
      min-width: 0;
      flex: 1;
    }

    .dev-grid-collection__grid {
      grid-template-columns: 1fr;
    }

    .dev-grid-collection__grid--mobile-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .dev-grid-collection__grid--mobile-2 .dev-grid-card {
      padding: 8px;
      border-radius: min(var(--dgc-card-radius, 28px), 20px);
    }

    .dev-grid-collection__grid--mobile-2 .dev-grid-card__content {
      padding: 12px 4px 4px;
    }

    .dev-grid-collection__grid--mobile-2 .dev-grid-card__title {
      font-size: max(14px, calc(var(--dgc-card-title-size, 21px) - 5px));
    }

    .dev-grid-collection__grid--mobile-2 .dev-grid-card__description,
    .dev-grid-collection__grid--mobile-2 .dev-grid-card__button {
      display: none;
    }

    .dev-grid-card__footer {
      align-items: flex-start;
      flex-direction: column;
    }

    .dev-grid-card__button,
    .dev-grid-collection__button,
    .dev-grid-collection__top-link {
      width: 100%;
    }
  }
/* END_SECTION:main-collection-product-grid */