/* The catalogue extends the landing page's Sea Side theme. */
.products-page {font-size:1rem;line-height:1.65}
.products-page .nav {gap:clamp(.55rem,1.4vw,1.5rem)}
.products-page .nav>a {font-size:.875rem}
.catalogue-hero {background:linear-gradient(126deg,#f9fcfd,#eef8fa 52%,#c6edf2);padding:clamp(3rem,6vw,6rem) 0}
.catalogue-hero-grid {display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.catalogue-hero .eyebrow {font-size:.875rem;margin-bottom:1.5rem}
.catalogue-hero h1 {font-size:clamp(3rem,6.5vw,6.5rem);line-height:1.06;margin-bottom:1.5rem}
.catalogue-lede {font-size:1.125rem;color:var(--muted);max-width:620px;margin-bottom:2rem}
.catalogue-intro {background:#26648e;color:#fff;padding:clamp(1.5rem,3vw,3rem);border-radius:2px 2px 2px 5rem}
.catalogue-intro .eyebrow {color:#b8f4f3;line-height:1.7;letter-spacing:.12em}
.catalogue-launch-label {font-size:.875rem;font-weight:800;letter-spacing:.12em;margin:2rem 0 .5rem;color:#ffe3b3}
.catalogue-launch {font-size:clamp(1.75rem,3.1vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-.04em;margin-bottom:.75rem}
.catalogue-intro-bottom {border-top:1px solid #8fc4d5;margin-top:2rem;padding-top:1.25rem;font-weight:700;color:#d6eef3}
.products-page .button {font-size:1rem}
.catalogue-section {padding-top:clamp(3rem,6vw,6rem)}
.products-page .section-head .eyebrow {font-size:.875rem}
.product-jump-nav {display:flex;flex-wrap:wrap;gap:.6rem;border-top:1px solid #bad5df;padding-top:1.5rem;margin-bottom:2rem}
.product-jump-nav a {display:inline-flex;gap:.75rem;align-items:center;border:1px solid #bad5df;padding:.65rem .9rem;font-size:.875rem;background:white;font-weight:700}
.product-jump-nav a span {color:#426a82;font-size:.875rem}
.product-jump-nav a:hover,.product-jump-nav a:focus-visible {background:#26648e;color:#fff;border-color:#26648e}
.product-jump-nav a:hover span,.product-jump-nav a:focus-visible span {color:#d6eef3}
.product-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}
.product-card {min-width:0;border:1px solid #bad5df;padding:clamp(1.5rem,3vw,2.5rem);background:#fff;scroll-margin-top:2rem;box-shadow:0 12px 36px #26648e0c}
.product-tone-1 {background:#fff1d9}
.product-tone-2 {background:#e0f5f7}
.product-top {display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #a9ccd8;padding-bottom:1rem;margin-bottom:2rem}
.product-top p {font-size:.875rem;font-weight:800;margin:0;text-align:right;color:#26648e}
.product-number {font-size:1.5rem;font-weight:800;letter-spacing:-.04em;color:#26648e}
.product-copy h3 {font-size:clamp(2rem,3vw,3rem);line-height:1.2;margin-bottom:1rem;overflow-wrap:anywhere}
.product-tagline {font-size:1.125rem;font-weight:800;line-height:1.5;margin-bottom:1rem}
.product-description {color:#426a82;font-size:1rem}
.product-meta {margin:1.75rem 0 0}
.product-meta>div {display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:.8rem 0;border-top:1px solid #bad5df}
.product-meta dt {font-size:.875rem;font-weight:800;color:#26648e}
.product-meta dd {margin:0;font-size:.875rem;line-height:1.6}
.product-details {border-top:1px solid #a9ccd8;margin-top:1rem}
.product-details summary {display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;padding:1rem 0 0;font-weight:800;font-size:1rem}
.product-details summary::-webkit-details-marker {display:none}
.product-details summary span {font-size:1.5rem;line-height:1;transition:transform .15s}
.product-details[open] summary span {transform:rotate(45deg)}
.product-features {display:grid;gap:1.2rem;margin-top:1.5rem;border-top:1px solid #bad5df;padding-top:1.5rem}
.product-features h4 {font-size:1rem;margin:0 0 .4rem;letter-spacing:0}
.product-features p {font-size:1rem;color:#426a82;margin:0}
.product-card:last-child {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:3rem}
.product-card:last-child .product-top,.product-card:last-child .product-details {grid-column:1/-1}
.product-card:last-child .product-meta {margin-top:0}
.product-card:last-child .product-features {grid-template-columns:1fr 1fr;gap:2rem}
.catalogue-closing {background:#26648e;color:#fff;padding:clamp(3rem,6vw,6rem) 0}
.catalogue-closing .eyebrow {font-size:.875rem;color:#bcecf1}
.catalogue-closing h2 {font-size:clamp(2.5rem,5vw,5rem);line-height:1.12;margin-bottom:2rem}
.catalogue-closing h2 em {color:#ffe3b3}
@media(max-width:1000px){.catalogue-hero-grid{grid-template-columns:1.3fr 1fr;gap:2rem}}
@media(max-width:750px){.catalogue-hero-grid,.product-grid{grid-template-columns:1fr}.catalogue-hero h1{font-size:clamp(2.5rem,11vw,4.5rem)}.catalogue-intro{border-radius:2px 2px 2px 3rem}.product-card:last-child{display:block}.product-card:last-child .product-meta{margin-top:1.75rem}.product-card:last-child .product-features{grid-template-columns:1fr}.product-jump-nav a{flex-grow:1}.product-meta>div{grid-template-columns:85px 1fr;gap:.75rem}.products-page .nav{gap:0}}
@media(prefers-reduced-motion:reduce){.products-page{scroll-behavior:auto}.products-page *,html:has(.products-page){scroll-behavior:auto;transition:none!important}}

/* =========================================================
   AXSTUDIO UI-5 — Uniform catalogue card spacing
   ========================================================= */

.product-grid {
  column-gap: 24px;
  row-gap: 48px;
  align-items: stretch;
}

/*
 * Cards sharing a grid row fill the same row height.
 * This removes the false large gap beneath shorter cards.
 */
.product-card:not(:last-child) {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/*
 * Keep each card's action aligned consistently at the bottom.
 */
.product-card:not(:last-child) .product-more {
  margin-top: auto;
}

/*
 * Preserve a predictable gap before the bottom action when
 * highlights are present.
 */
.product-card:not(:last-child) .product-card-highlights {
  margin-bottom: 24px;
}

.product-card:not(:last-child) .product-more {
  padding-top: 16px;
}

/*
 * The final card spans the complete grid and keeps its
 * existing two-column internal layout.
 */
.product-card:last-child {
  height: auto;
}

@media (max-width: 750px) {
  .product-grid {
    row-gap: 36px;
    column-gap: 24px;
  }

  .product-card:not(:last-child) {
    height: auto;
    display: block;
  }

  .product-card:not(:last-child) .product-card-highlights {
    margin-bottom: 0;
  }

  .product-card:not(:last-child) .product-more {
    margin-top: 24px;
  }
}

/* =========================================================
   AXSTUDIO UI-4 — Product card radius + pop + shadow
   ========================================================= */

.product-jump-nav a {
  border-radius: 40px;
  box-shadow:
    0 12px 33px rgba(17, 45, 68, .24);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease;
}

.product-jump-nav a:hover,
.product-jump-nav a:focus-visible {
  transform: translateY(-8px) scale(1.05);
  box-shadow:
    0 24px 51px rgba(17, 45, 68, .44);
}

.product-card {
  border-radius: 40px;
  overflow: hidden;
  box-shadow:
    0 24px 63px rgba(17, 45, 68, .28);
  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.product-card:hover {
  transform: translateY(-16px) scale(1.024);
  box-shadow:
    0 42px 105px rgba(17, 45, 68, .42);
}

.product-card:focus-within {
  transform: translateY(-12px);
  box-shadow:
    0 36px 93px rgba(17, 45, 68, .38);
}

@media (max-width: 750px) {
  .product-card {
    border-radius: 28px;
  }

  .product-card:hover,
  .product-card:focus-within {
    transform: translateY(-4px);
  }

  .product-jump-nav a {
    border-radius: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-card,
  .product-jump-nav a {
    transition: none;
  }

  .product-card:hover,
  .product-card:focus-within,
  .product-jump-nav a:hover,
  .product-jump-nav a:focus-visible {
    transform: none;
  }
}

/* =========================================================
   AXSTUDIO UI-9 — Product detail floating components
   ========================================================= */

/* Right-side product information card */
.product-info-summary {
  border-radius: 40px;
  overflow: hidden;
  box-shadow:
    0 24px 63px rgba(17, 45, 68, .28);
  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.product-info-summary:hover,
.product-info-summary:focus-within {
  transform:
    translateY(-14px)
    scale(1.020);

  box-shadow:
    0 42px 105px rgba(17, 45, 68, .42);
}


/* Section navigation tabs */
.product-section-nav {
  gap: 16px;
  padding-top: 12px;
  padding-bottom: 36px;
}

.product-section-nav a {
  border-radius: 28px;
  box-shadow:
    0 12px 33px rgba(17, 45, 68, .24);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease;
}

.product-section-nav a:hover,
.product-section-nav a:focus-visible {
  transform:
    translateY(-7px)
    scale(1.042);

  box-shadow:
    0 24px 51px rgba(17, 45, 68, .44);
}


/* Detail feature cards */

.product-detail-features > article {
  height: 100%;
  border-radius: 40px;
  overflow: hidden;

  box-shadow:
    0 24px 63px rgba(17, 45, 68, .28);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.product-detail-features > article:hover,
.product-detail-features > article:focus-within {
  transform:
    translateY(-14px)
    scale(1.020);

  box-shadow:
    0 42px 105px rgba(17, 45, 68, .42);
}


/* Connected workflow panel */
.product-workflow {
  margin-top: 48px;
  margin-bottom: 48px;

  padding:
    clamp(2rem, 4vw, 3.5rem);

  border:
    1px solid #bad5df;

  border-radius: 40px;

  background:
    #fff;

  box-shadow:
    0 24px 63px rgba(17, 45, 68, .28);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.product-workflow:hover,
.product-workflow:focus-within {
  transform:
    translateY(-14px)
    scale(1.010);

  box-shadow:
    0 42px 105px rgba(17, 45, 68, .42);
}


/* Back action */
.product-detail-back .button {
  border-radius: 28px;

  box-shadow:
    0 12px 33px rgba(17, 45, 68, .24);

  transition:
    transform .22s ease,
    box-shadow .22s ease;
}

.product-detail-back .button:hover,
.product-detail-back .button:focus-visible {
  transform:
    translateY(-7px)
    scale(1.034);

  box-shadow:
    0 24px 51px rgba(17, 45, 68, .44);
}


@media (max-width: 750px) {
  .product-info-summary,
  .product-detail-features > article,
  .product-workflow {
    border-radius: 28px;
  }

  .product-info-summary:hover,
  .product-info-summary:focus-within,
  .product-detail-features > article:hover,
  .product-detail-features > article:focus-within,
  .product-workflow:hover,
  .product-workflow:focus-within {
    transform:
      translateY(-8px)
      scale(1.01);
  }
}


@media (prefers-reduced-motion: reduce) {
  .product-info-summary,
  .product-section-nav a,
  .product-detail-features > article,
  .product-workflow,
  .product-detail-back .button {
    transition: none;
  }

  .product-info-summary:hover,
  .product-info-summary:focus-within,
  .product-section-nav a:hover,
  .product-section-nav a:focus-visible,
  .product-detail-features > article:hover,
  .product-detail-features > article:focus-within,
  .product-workflow:hover,
  .product-workflow:focus-within,
  .product-detail-back .button:hover,
  .product-detail-back .button:focus-visible {
    transform: none;
  }
}

/* Catalogue links and dedicated product pages. */
.product-card-highlights{border-top:1px solid #bad5df;margin-top:1.25rem;padding-top:1.25rem}
.product-card-highlights h4{font-size:1rem;letter-spacing:0;margin:0 0 .75rem}
.product-card-highlights ul{margin:0;padding-left:1.25rem;display:grid;gap:.4rem;font-size:1rem;color:#426a82}
.product-more{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;border-top:1px solid #a9ccd8;padding-top:1rem;margin-top:1.5rem;font-size:1rem;font-weight:800;color:#26648e}
.product-more>span:last-child{font-size:1.5rem;line-height:1}
.product-more:hover{color:#173e5b}
.product-card:last-child .product-more,.product-card:last-child .product-card-highlights{grid-column:1/-1}
.product-card:last-child .product-card-highlights ul{grid-template-columns:1fr 1fr}
.product-detail-hero{background:linear-gradient(126deg,#f9fcfd,#eef8fa 52%,#c6edf2);padding:2rem 0 4rem}
.product-breadcrumbs{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem;margin-bottom:2.5rem;color:#426a82}
.product-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.product-detail-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.product-detail-layout .eyebrow{font-size:.875rem;margin-bottom:1.25rem;letter-spacing:.12em}
.product-detail-layout h1{font-size:clamp(2.75rem,5.5vw,5.5rem);line-height:1.12;margin-bottom:1.25rem;overflow-wrap:anywhere}
.product-detail-tagline{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;line-height:1.5;margin-bottom:1rem}
.product-detail-description{font-size:1.125rem;line-height:1.75;color:#426a82;max-width:700px}
.product-info-summary{padding:clamp(1.5rem,3vw,2.5rem);background:#fff;border:1px solid #bad5df}
.product-info-summary .product-meta{margin-top:0}
.product-info-summary .product-meta>div:first-child{border-top:0;padding-top:0}
.product-info-summary .product-meta dt,.product-info-summary .product-meta dd{font-size:1rem}
.product-detail-facts{margin:0}
.product-detail-facts>div{padding:.8rem 0;border-top:1px solid #bad5df}
.product-detail-facts dt{font-size:1rem;font-weight:800;color:#26648e;margin-bottom:.3rem}
.product-detail-facts dd{margin:0;font-size:1rem;line-height:1.6}
.product-launch-note{font-size:.875rem;color:#426a82;border-top:1px solid #bad5df;margin:1rem 0 0;padding-top:1rem}
.product-detail-body{padding-top:2rem;padding-bottom:4rem}
.product-section-nav{display:flex;flex-wrap:wrap;gap:.75rem;padding-bottom:2rem;border-bottom:1px solid #bad5df}
.product-section-nav a{font-size:.875rem;font-weight:700;background:#fff;padding:.65rem .9rem;border:1px solid #bad5df}
.product-section-nav a:hover{background:#26648e;color:#fff}
.product-detail-section{padding:clamp(2.5rem,5vw,4.5rem) 0;border-bottom:1px solid #bad5df;scroll-margin-top:2rem}
.product-section-head{margin-bottom:2rem}
.product-section-head .eyebrow{font-size:.875rem;margin-bottom:.75rem}
.product-section-head h2,.product-workflow h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.2;margin-bottom:0;max-width:960px}
.product-detail-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.product-detail-features>article{padding:clamp(1.5rem,2.5vw,2rem);background:#fff;border:1px solid #bad5df;min-width:0}
.product-detail-features>article:nth-child(3n+2){background:#fff1d9}
.product-detail-features>article:nth-child(3n){background:#e0f5f7}
.product-detail-features h3{font-size:1.25rem;line-height:1.4;letter-spacing:-.02em;margin:0 0 .75rem}
.product-detail-features p{font-size:1rem;line-height:1.8;color:#426a82;margin:0}
.product-workflow{padding:3rem 0}
.product-workflow .eyebrow{font-size:.875rem;margin-bottom:.75rem}
.product-workflow ol{margin:2rem 0 0;padding-left:1.5rem;display:grid;gap:1rem;max-width:850px;font-size:1.125rem}
.product-workflow li{padding-left:.5rem}
.product-workflow li::marker{color:#26648e;font-weight:800}
.product-detail-back{border-top:1px solid #bad5df;padding-top:2rem}
@media(max-width:750px){.product-detail-layout,.product-detail-features{grid-template-columns:1fr}.product-detail-hero{padding-bottom:2.5rem}.product-detail-layout h1{font-size:clamp(2.5rem,11vw,4rem)}.product-card:last-child .product-card-highlights ul{grid-template-columns:1fr}.product-breadcrumbs{margin-bottom:1.5rem}.product-info-summary .product-meta>div{grid-template-columns:1fr;gap:.25rem}.product-section-nav a{flex-grow:1}}

/* AXSTUDIO UI-9R5 — DETAIL GAP +2PX */

.product-detail-features {
  gap: 18px;
}

@media (max-width: 750px) {
  .product-detail-features {
    gap: 18px;
  }
}

/* AXSTUDIO UI-10 — WORKFLOW TEXT SPACING */

.product-workflow {
  padding:
    clamp(3rem, 5vw, 4.5rem)
    clamp(2.5rem, 5vw, 4.5rem);
}

.product-workflow .eyebrow {
  margin-bottom: 1.25rem;
}

.product-workflow h2 {
  margin-bottom: 0;
  line-height: 1.18;
}

.product-workflow ol {
  margin-top: 3rem;
  gap: 1.5rem;
  line-height: 1.7;
  max-width: 920px;
}

.product-workflow li {
  padding-left: .75rem;
  min-height: 2rem;
}

@media (max-width: 750px) {
  .product-workflow {
    padding:
      2.5rem
      1.75rem;
  }

  .product-workflow ol {
    margin-top: 2.25rem;
    gap: 1.25rem;
  }
}

/* AXSTUDIO UI-12R — FORCE PRODUCT WHATSAPP VISIBILITY */

.products-page .floating-whatsapp {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;

  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  z-index: 9999 !important;

  pointer-events: auto !important;
}

@media (max-width: 750px) {
  .products-page .floating-whatsapp {
    right: 16px !important;
    bottom: 16px !important;
  }
}

/* AXSTUDIO UI-17 — FLOATING PRODUCT LAUNCH CARD */

/*
 * Performance:
 * - transform only is animated
 * - shadow remains static
 * - no width/height/top/margin animation
 * - reduced-motion users get a stationary card
 */

.catalogue-intro {
  position: relative;

  box-shadow:
    0 28px 65px rgba(17, 45, 68, .30),
    0 10px 24px rgba(17, 45, 68, .18);

  animation:
    catalogue-intro-float
    2.2s
    ease-in-out
    infinite;

  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

@keyframes catalogue-intro-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -22px, 0);
  }
}

/* Keep interaction stable while the user points at it. */
.catalogue-intro:hover,
.catalogue-intro:focus-within {
  animation-play-state: paused;
  transform: translate3d(0, -22px, 0);
}

@media (max-width: 750px) {
  .catalogue-intro {
    animation-duration: 2.8s;
  }

  @keyframes catalogue-intro-float {
    0%,
    100% {
      transform: translate3d(0, 0, 0);
    }

    50% {
      transform: translate3d(0, -14px, 0);
    }
  }

  .catalogue-intro:hover,
  .catalogue-intro:focus-within {
    transform: translate3d(0, -14px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .catalogue-intro {
    animation: none;
    transform: none;
  }

  .catalogue-intro:hover,
  .catalogue-intro:focus-within {
    transform: none;
  }
}

/* AXSTUDIO UI-26 — PRODUCT CATALOGUE CARD NORMALIZATION */

/*
 * All seven catalogue cards now share the same dimensions,
 * radius, elevation and hover treatment.
 */

.products-page .product-grid {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  grid-auto-rows: 1fr;

  gap:
    32px !important;

  align-items:
    stretch !important;

  overflow:
    visible !important;
}


/* =========================================
   Normalize every product card
   ========================================= */

.products-page .product-grid > .product-card,
.products-page .product-grid > .product-card:last-child {
  position: relative;

  z-index: 1;

  display: flex !important;

  flex-direction: column;

  grid-column:
    auto !important;

  min-width: 0;

  width: 100%;

  height: 100%;

  padding:
    clamp(1.5rem, 3vw, 2.5rem);

  border:
    1px solid
    rgba(38, 100, 142, .25) !important;

  border-radius:
    40px !important;

  overflow:
    hidden;

  box-shadow:
    0 24px 58px rgba(17, 45, 68, .22),
    0 8px 22px rgba(17, 45, 68, .10) !important;

  transform:
    translate3d(0, 0, 0);

  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease !important;

  will-change:
    transform;
}


/* Remove old special full-width layout from card 07 */

.products-page
.product-grid
> .product-card:last-child
.product-top,

.products-page
.product-grid
> .product-card:last-child
.product-details,

.products-page
.product-grid
> .product-card:last-child
.product-copy,

.products-page
.product-grid
> .product-card:last-child
.product-meta {

  grid-column:
    auto !important;
}

.products-page
.product-grid
> .product-card:last-child
.product-features {

  grid-template-columns:
    1fr !important;
}


/* =========================================
   Equal internal card flow
   ========================================= */

.products-page .product-card .product-copy {
  width: 100%;
}

.products-page .product-card .product-meta {
  width: 100%;
}

.products-page .product-card .product-details {
  width: 100%;
}

.products-page .product-card .product-card-highlights {
  width: 100%;
}


/*
 * Push the final More link to the bottom.
 * This keeps the bottoms of paired cards aligned
 * even where copy length differs.
 */

.products-page .product-card .product-more {
  margin-top:
    auto !important;
}


/* =========================================
   Popup + darker shadow
   ========================================= */

.products-page .product-grid > .product-card:hover,
.products-page .product-grid > .product-card:focus-within {

  z-index: 10;

  transform:
    translate3d(0, -14px, 0)
    scale(1.02);

  border-color:
    rgba(38, 100, 142, .50) !important;

  box-shadow:
    0 42px 92px rgba(17, 45, 68, .38),
    0 16px 34px rgba(17, 45, 68, .18) !important;
}


/* =========================================
   Tablet
   ========================================= */

@media (max-width: 1000px) {

  .products-page .product-grid {
    gap:
      26px !important;
  }
}


/* =========================================
   Mobile
   ========================================= */

@media (max-width: 750px) {

  .products-page .product-grid {
    grid-template-columns:
      1fr !important;

    grid-auto-rows:
      auto;

    gap:
      22px !important;
  }

  .products-page .product-grid > .product-card,
  .products-page .product-grid > .product-card:last-child {

    border-radius:
      28px !important;
  }

  .products-page .product-grid > .product-card:hover,
  .products-page .product-grid > .product-card:focus-within {

    transform:
      translate3d(0, -7px, 0)
      scale(1.01);
  }
}


/* =========================================
   Reduced motion
   ========================================= */

@media (prefers-reduced-motion: reduce) {

  .products-page .product-grid > .product-card,
  .products-page .product-grid > .product-card:last-child {

    transition:
      none !important;

    will-change:
      auto;
  }

  .products-page .product-grid > .product-card:hover,
  .products-page .product-grid > .product-card:focus-within {

    transform:
      none;
  }
}

/* AXSTUDIO UI-26R — SILVERSCREENX FULL WIDTH */

/*
 * Cards 01-06 remain two-column.
 * Card 07 spans both columns while preserving the
 * same rounded, elevated and interactive treatment.
 */

.products-page
.product-grid
> .product-card#silverscreenx {
  grid-column:
    1 / -1 !important;

  width:
    100% !important;

  max-width:
    none !important;
}


/*
 * Let the wide card use its additional horizontal space
 * without changing its visual treatment.
 */

.products-page
.product-grid
> .product-card#silverscreenx
.product-copy,

.products-page
.product-grid
> .product-card#silverscreenx
.product-meta,

.products-page
.product-grid
> .product-card#silverscreenx
.product-details,

.products-page
.product-grid
> .product-card#silverscreenx
.product-card-highlights {
  width:
    100% !important;
}


/*
 * Keep the wide card readable instead of stretching
 * individual text lines excessively.
 */

.products-page
.product-grid
> .product-card#silverscreenx
.product-description {
  max-width:
    72rem;
}


/*
 * Use available width for the highlights.
 */

.products-page
.product-grid
> .product-card#silverscreenx
.product-features {
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  column-gap:
    2rem;
}


/* Mobile remains one column naturally. */

@media (max-width: 750px) {

  .products-page
  .product-grid
  > .product-card#silverscreenx {
    grid-column:
      auto !important;
  }

  .products-page
  .product-grid
  > .product-card#silverscreenx
  .product-features {
    grid-template-columns:
      1fr !important;
  }
}

/* AXSTUDIO UI-26R2 — COMPACT SILVERSCREENX HEIGHT */

/*
 * Keep card 07 full-width, but do not force it to inherit
 * the equal-height treatment used by the paired cards.
 */

.products-page
.product-grid
> .product-card#silverscreenx {
  height:
    auto !important;

  min-height:
    0 !important;

  align-self:
    start !important;

  padding-bottom:
    2rem !important;
}


/*
 * The general product-card rule pushes "More" to the bottom
 * using margin-top:auto. Disable that only for card 07.
 */

.products-page
.product-grid
> .product-card#silverscreenx
.product-more {
  margin-top:
    2rem !important;
}


/*
 * Prevent any detail/highlight block from artificially
 * stretching the wide card.
 */

.products-page
.product-grid
> .product-card#silverscreenx
.product-details,

.products-page
.product-grid
> .product-card#silverscreenx
.product-card-highlights,

.products-page
.product-grid
> .product-card#silverscreenx
.product-meta {

  flex:
    0 0 auto !important;

  min-height:
    0 !important;
}


/*
 * Slightly tighten the space around Product highlights
 * while keeping readability.
 */

.products-page
.product-grid
> .product-card#silverscreenx
.product-card-highlights {
  margin-bottom:
    0 !important;
}


/* Mobile */

@media (max-width: 750px) {

  .products-page
  .product-grid
  > .product-card#silverscreenx {
    padding-bottom:
      1.5rem !important;
  }

  .products-page
  .product-grid
  > .product-card#silverscreenx
  .product-more {
    margin-top:
      1.5rem !important;
  }
}


/* =========================================================
   AXSTUDIO UI-25 — Avatarnaut catalogue expansion
   ========================================================= */

.avatarnaut-hero .product-detail-description {
  max-width: 760px;
}

.avatarnaut-mode-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  margin-top: 2rem;
}

.avatarnaut-mode-pills span {
  padding:
    .65rem
    1rem;

  border:
    1px solid
    #9fc8d5;

  border-radius: 999px;

  background:
    rgba(255,255,255,.76);

  color: #26648e;

  font-size: .78rem;
  font-weight: 800;
}


.avatarnaut-card-label {
  margin-bottom: .65rem !important;

  color: #26648e !important;

  font-size: .72rem !important;
  font-weight: 800;

  letter-spacing: .13em;
}


.avatarnaut-human-ai {
  display: grid;

  grid-template-columns:
    1fr
    auto
    1fr
    auto
    1fr;

  gap: 20px;

  align-items: stretch;
}

.avatarnaut-human-ai article,
.avatarnaut-pilot-card,
.avatarnaut-department-grid article,
.avatarnaut-post-grid article,
.avatarnaut-immersive-grid article {
  padding:
    clamp(1.5rem, 3vw, 2.3rem);

  border:
    1px solid
    #bad5df;

  border-radius: 40px;

  background: #fff;

  box-shadow:
    0 24px 63px rgba(17,45,68,.24);

  transition:
    transform .24s ease,
    box-shadow .24s ease;
}

.avatarnaut-human-ai article:nth-of-type(2),
.avatarnaut-department-grid article:nth-child(3n+2),
.avatarnaut-immersive-grid article:nth-child(3n+2) {
  background: #fff1d9;
}

.avatarnaut-human-ai article:nth-of-type(3),
.avatarnaut-department-grid article:nth-child(3n),
.avatarnaut-immersive-grid article:nth-child(3n) {
  background: #e0f5f7;
}

.avatarnaut-human-ai article:hover,
.avatarnaut-pilot-card:hover,
.avatarnaut-department-grid article:hover,
.avatarnaut-post-grid article:hover,
.avatarnaut-immersive-grid article:hover {
  transform:
    translateY(-12px)
    scale(1.018);

  box-shadow:
    0 42px 105px rgba(17,45,68,.40);
}

.avatarnaut-human-ai article > span,
.avatarnaut-department-grid article > span {
  color: #26648e;

  font-size: .72rem;
  font-weight: 800;

  letter-spacing: .12em;
}

.avatarnaut-human-ai h3,
.avatarnaut-pilot-card h3,
.avatarnaut-department-grid h3,
.avatarnaut-post-grid h3,
.avatarnaut-immersive-grid h3 {
  margin:
    1rem
    0;

  font-size:
    clamp(1.25rem, 2vw, 1.9rem);

  line-height: 1.2;
}

.avatarnaut-human-ai p,
.avatarnaut-pilot-card p,
.avatarnaut-department-grid p,
.avatarnaut-post-grid p,
.avatarnaut-immersive-grid p {
  margin-bottom: 0;

  color: #426a82;

  line-height: 1.75;
}

.avatarnaut-plus {
  display: grid;

  place-items: center;

  color: #26648e;

  font-size: 2rem;
  font-weight: 800;
}


.avatarnaut-pilot-layout {
  display: grid;

  grid-template-columns:
    .85fr
    1.4fr;

  gap:
    clamp(1.5rem, 4vw, 4rem);

  align-items: stretch;
}

.avatarnaut-pilot-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 12px;
}

.avatarnaut-pilot-grid span {
  display: grid;

  min-height: 78px;

  place-items: center;

  padding: 1rem;

  border:
    1px solid
    #bad5df;

  border-radius: 24px;

  background: #f8fcfd;

  color: #173e5b;

  font-size: .85rem;
  font-weight: 800;

  text-align: center;

  box-shadow:
    0 14px 34px rgba(17,45,68,.14);
}


.avatarnaut-department-grid,
.avatarnaut-post-grid,
.avatarnaut-immersive-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 20px;
}


.avatarnaut-shot-stack {
  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  align-items: center;
}

.avatarnaut-shot-stack span {
  padding:
    .8rem
    1rem;

  border:
    1px solid
    #bad5df;

  border-radius: 999px;

  background: #fff;

  color: #173e5b;

  font-size: .82rem;
  font-weight: 800;

  box-shadow:
    0 12px 30px rgba(17,45,68,.13);
}

.avatarnaut-shot-stack span::after {
  content: "→";

  margin-left: 14px;

  color: #26648e;
}

.avatarnaut-shot-stack strong {
  padding:
    1rem
    1.6rem;

  border-radius: 999px;

  background: #26648e;

  color: #fff;

  letter-spacing: .08em;
}

.avatarnaut-section-copy {
  max-width: 850px;

  margin:
    2rem
    0
    0;

  color: #426a82;

  font-size: 1.05rem;

  line-height: 1.8;
}


.avatarnaut-hierarchy {
  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  align-items: center;

  margin-bottom: 2rem;
}

.avatarnaut-hierarchy span,
.avatarnaut-hierarchy strong {
  padding:
    .8rem
    1.1rem;

  border-radius: 999px;

  background: #26648e;

  color: #fff;

  font-size: .8rem;
  font-weight: 800;

  letter-spacing: .08em;
}

.avatarnaut-hierarchy strong {
  background: #173e5b;
}

.avatarnaut-hierarchy i {
  color: #698797;

  font-size: .78rem;

  font-style: normal;
}


.avatarnaut-workflow-list {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 16px;

  margin:
    2.5rem
    0
    0;

  padding: 0;

  list-style: none;
}

.avatarnaut-workflow-list li {
  display: flex;

  min-height: 130px;

  flex-direction: column;

  gap: .7rem;

  padding: 1.3rem;

  border:
    1px solid
    #bad5df;

  border-radius: 28px;

  background: #fff;

  box-shadow:
    0 16px 40px rgba(17,45,68,.14);
}

.avatarnaut-workflow-list strong {
  color: #173e5b;

  font-size: 1rem;
}

.avatarnaut-workflow-list span {
  color: #426a82;

  line-height: 1.6;
}


.avatarnaut-closing {
  margin:
    4rem
    0;

  padding:
    clamp(2rem, 5vw, 5rem);

  border-radius: 40px;

  background: #26648e;

  color: #fff;

  box-shadow:
    0 30px 80px rgba(17,45,68,.34);
}

.avatarnaut-closing .eyebrow {
  color: #bcecf1;
}

.avatarnaut-closing h2 {
  max-width: 950px;

  color: #fff;

  font-size:
    clamp(2.3rem, 4.5vw, 4.8rem);

  line-height: 1.05;
}

.avatarnaut-closing > p {
  max-width: 850px;

  color: #d6eef3;

  font-size: 1.05rem;

  line-height: 1.8;
}

.avatarnaut-closing > strong {
  display: block;

  margin-top: 2rem;

  color: #ffe3b3;

  font-size:
    clamp(1.6rem, 3vw, 3rem);
}

.avatarnaut-closing-title {
  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 2.5rem;
}

.avatarnaut-closing-title span {
  padding:
    .65rem
    .9rem;

  border:
    1px solid
    rgba(255,255,255,.35);

  border-radius: 999px;

  font-size: .76rem;
  font-weight: 800;
}

.avatarnaut-final-tagline {
  margin-top: 3rem !important;

  color: #fff !important;

  font-size:
    clamp(1.8rem, 3.5vw, 3.8rem) !important;

  font-weight: 700;

  line-height: 1.15 !important;
}

.avatarnaut-final-tagline b {
  display: block;

  color: #ffe3b3;
}


@media (max-width: 950px) {

  .avatarnaut-human-ai {
    grid-template-columns: 1fr;
  }

  .avatarnaut-plus {
    min-height: 30px;
  }

  .avatarnaut-pilot-layout {
    grid-template-columns: 1fr;
  }

  .avatarnaut-department-grid,
  .avatarnaut-post-grid,
  .avatarnaut-immersive-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .avatarnaut-workflow-list {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}


@media (max-width: 650px) {

  .avatarnaut-department-grid,
  .avatarnaut-post-grid,
  .avatarnaut-immersive-grid,
  .avatarnaut-workflow-list {
    grid-template-columns: 1fr;
  }

  .avatarnaut-pilot-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .avatarnaut-human-ai article,
  .avatarnaut-pilot-card,
  .avatarnaut-department-grid article,
  .avatarnaut-post-grid article,
  .avatarnaut-immersive-grid article,
  .avatarnaut-closing {
    border-radius: 28px;
  }
}


@media (prefers-reduced-motion: reduce) {

  .avatarnaut-human-ai article,
  .avatarnaut-pilot-card,
  .avatarnaut-department-grid article,
  .avatarnaut-post-grid article,
  .avatarnaut-immersive-grid article {
    transition: none;
  }

  .avatarnaut-human-ai article:hover,
  .avatarnaut-pilot-card:hover,
  .avatarnaut-department-grid article:hover,
  .avatarnaut-post-grid article:hover,
  .avatarnaut-immersive-grid article:hover {
    transform: none;
  }
}