/*
 * 产品中心归档页。
 * Reason: Header、Footer 和首屏结构由主题公共组件提供；本文件仅声明产品页独有的几何与后续内容区样式。
 */
.zbt-product-archive-page {
    overflow: clip;
    background: #fff;
}

.zbt-page-hero--product {
    block-size: 768px;
    background-color: #06192b;
}

/* Reason: 产品矩阵严格保留 PSD 的全宽两列画布；后台只改变内容与图片，不能把卡片变成独立浮动卡片。 */
.zbt-product-archive-page__intro {
    overflow: clip;
    background: #fff;
    color: #525252;
}

.zbt-product-archive-page__intro-inner {
    inline-size: min(calc(100% - 96px), 1222px);
    margin-inline: auto;
    padding-block: 118px 72px;
}

.zbt-product-archive-page__intro h2 {
    margin: 0;
    color: #0642dc;
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 56px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
}

.zbt-product-archive-page__intro p {
    max-inline-size: 1222px;
    margin: 52px 0 0;
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.95;
}

.zbt-product-archive-page__matrix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    inline-size: min(calc(100% - (var(--zbt-layout-gutter) * 2)), var(--zbt-layout-wide-max));
    margin-inline: auto;
    position: relative;
    gap: 0;
    overflow: clip;
    background: transparent;
}

.zbt-product-archive-page__matrix > .zbt-product-card,
.zbt-product-archive-page__matrix > .zbt-product-card:nth-child(n) {
    position: relative;
    inset: auto;
    top: auto;
    left: auto;
    justify-self: stretch;
    inline-size: auto;
    max-inline-size: none;
    block-size: auto;
    min-inline-size: 0;
    min-block-size: 0;
    aspect-ratio: 960 / 716;
    overflow: hidden;
    background: #f5f5f5;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Reason: 分隔线统一由矩阵自身绘制，严格限制在矩阵边界内，避免网格 gap 在缩放时向后续黑色区块泄露。 */
.zbt-product-archive-page__matrix::before,
.zbt-product-archive-page__matrix::after {
    position: absolute;
    z-index: 5;
    display: block;
    background: #fff;
    content: "";
    pointer-events: none;
}

.zbt-product-archive-page__matrix::before {
    inset: 0 auto 0 50%;
    inline-size: 1px;
    /* Reason: PSD 中部竖线在产品矩阵底边前已随卡片边缘淡出；不能以纯白像素直切进下方黑色展示区。 */
    -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 2px), transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 2px), transparent 100%);
}

.zbt-product-archive-page__matrix::after {
    inset: 50% 0 auto;
    block-size: 1px;
}

.zbt-product-card__media,
.zbt-product-card__overlay,
.zbt-product-card__content {
    position: absolute;
    inset: 0;
}

.zbt-product-card__media {
    inset: 35% 0 0;
    overflow: hidden;
    transition: opacity 200ms ease;
}

.zbt-product-card__media--default {
    z-index: 2;
    background: #f5f5f5;
    opacity: 1;
}

.zbt-product-card__media--hover {
    z-index: 3;
    background: transparent;
    opacity: 0;
}

.zbt-product-card__media img {
    inline-size: 100%;
    block-size: 100%;
    /* Reason: 产品图片只能承载卡片下半部的产品视觉，不能侵入上方独立文案区。 */
    object-fit: contain;
    object-position: center bottom;
}

/* Reason: 首卡完整高亮素材本身就是 PSD 的整块背景，必须覆盖卡片视觉区，不能只放在下半部。 */
.zbt-product-card__media--hover.zbt-product-card__media--scene {
    inset: 0;
}

.zbt-product-card__media--scene img {
    object-fit: cover;
    /* Reason: 完整素材顶部保留了标题安全区；从顶部对齐可避免 cover 的居中裁切把齿轮抬到描述文字后方。 */
    object-position: center top;
}

.zbt-product-archive-page .zbt-product-card img,
.zbt-product-archive-page .zbt-product-card:hover img,
.zbt-product-archive-page .zbt-product-card:focus-within img {
    filter: none;
    mix-blend-mode: normal;
    opacity: 1;
}

.zbt-product-card__overlay {
    z-index: 1;
    /* Reason: PSD 高亮底图为完整的黑蓝纵向渐变，不能以半透明黑罩压暗不同的产品图片来近似。 */
    background-color: #030304;
    background-image: url("../images/product-card-hover-gradient.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease;
}

.zbt-product-card__content {
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    /* Reason: 纵向内边距按卡片宽度比例缩放，四张卡在宽屏、窄屏和不同浏览器缩放下保持同一内容锚点。 */
    padding: clamp(34px, 7.9%, 76px) clamp(24px, 5%, 48px) clamp(30px, 6.25%, 60px);
    color: #0642dc;
    text-align: center;
}

.zbt-product-card__copy {
    position: relative;
    z-index: 1;
    max-inline-size: 100%;
}

.zbt-product-card h3,
.zbt-product-card p {
    margin: 0;
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
}

.zbt-product-card h3 {
    max-inline-size: 100%;
    color: inherit;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.23;
}

.zbt-product-card p {
    max-inline-size: 100%;
    /* Reason: 标题与描述的间距也随卡片比例缩放，避免大尺寸卡片的固定间距把描述推入产品主体。 */
    margin-top: clamp(14px, 1.85%, 18px);
    color: #656565;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.45;
}

.zbt-product-card__action {
    position: relative;
    z-index: 1;
    margin-top: auto;
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease;
}

.zbt-product-card__button {
    inline-size: 310px;
    min-block-size: 105px;
}

.zbt-product-card:hover .zbt-product-card__overlay,
.zbt-product-card:focus-within .zbt-product-card__overlay {
    opacity: 1;
}

/* Reason: 完整场景图已经包含黑蓝渐变与底部蓝色区域，避免通用渐变再次压暗客户素材。 */
.zbt-product-card--scene-hover:hover .zbt-product-card__overlay,
.zbt-product-card--scene-hover:focus-within .zbt-product-card__overlay {
    opacity: 0;
}

/* Reason: 默认图和悬浮图共享相同定位，只交叉淡化透明度，避免白底、产品消失或悬浮位移。 */
.zbt-product-card--has-hover-media:hover .zbt-product-card__media--default,
.zbt-product-card--has-hover-media:focus-within .zbt-product-card__media--default {
    opacity: 0;
}

.zbt-product-card--has-hover-media:hover .zbt-product-card__media--hover,
.zbt-product-card--has-hover-media:focus-within .zbt-product-card__media--hover {
    opacity: 1;
}

.zbt-product-card:hover .zbt-product-card__content,
.zbt-product-card:focus-within .zbt-product-card__content {
    color: #fff;
}

.zbt-product-card:hover p,
.zbt-product-card:focus-within p {
    color: rgb(255 255 255 / 0.78);
}

.zbt-product-card:hover .zbt-product-card__action,
.zbt-product-card:focus-within .zbt-product-card__action {
    opacity: 1;
    pointer-events: auto;
}

.zbt-product-card__button:focus-visible {
    outline-color: #fff;
    outline-offset: 5px;
}

/* Reason: 优势区直接使用设计导出的透明线稿与蓝线合成图，避免 CSS 另绘光线导致起点和透明效果偏离原稿。 */
.zbt-product-advantages {
    position: relative;
    isolation: isolate;
    min-block-size: 1890px;
    overflow: clip;
    background: #030303;
    color: #fff;
}

.zbt-product-advantages__gear {
    position: absolute;
    z-index: -2;
    inset-block-start: 410px;
    inset-inline-start: 50%;
    inline-size: min(100%, 1703px);
    block-size: 773px;
    background-image: var(--zbt-product-advantages-background, none);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: 1;
    pointer-events: none;
    transform: translateX(-50%);
}

.zbt-product-advantages__intro,
.zbt-product-advantages__cards {
    position: relative;
    z-index: 1;
    inline-size: min(calc(100% - 96px), 1220px);
    margin-inline: auto;
}

.zbt-product-advantages__intro {
    padding-top: 124px;
}

.zbt-product-advantages h2,
.zbt-product-advantages p,
.zbt-product-advantage-card h3 {
    margin: 0;
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
}

.zbt-product-advantages h2 {
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
}

.zbt-product-advantages__kicker {
    margin-top: 52px;
    color: rgb(255 255 255 / 0.86);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.7;
}

.zbt-product-advantages__description {
    max-inline-size: 1220px;
    margin-top: 16px;
    color: rgb(255 255 255 / 0.78);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.85;
}

.zbt-product-advantages__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 37px;
    margin-top: 949px;
}

.zbt-product-advantage-card {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    min-block-size: 465px;
    padding: 28px 21px 26px;
    border: 1px solid rgb(255 255 255 / 0.04);
    border-radius: 12px;
    background: #171717;
    color: rgb(255 255 255 / 0.78);
    outline: none;
    transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.zbt-product-advantage-card:first-child {
    border-color: #0642dc;
    background: #0642dc;
    color: #fff;
}

.zbt-product-advantage-card h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.zbt-product-advantage-card img {
    inline-size: 100%;
    aspect-ratio: 235 / 176;
    margin-top: 26px;
    border-radius: 7px;
    object-fit: cover;
}

.zbt-product-advantage-card p {
    margin-top: 22px;
    color: inherit;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.7;
}

@supports selector(:has(*)) {
    .zbt-product-advantages__cards:has(.zbt-product-advantage-card:hover, .zbt-product-advantage-card:focus-visible) .zbt-product-advantage-card {
        border-color: rgb(255 255 255 / 0.04);
        background: #171717;
        box-shadow: none;
        color: rgb(255 255 255 / 0.78);
        transform: none;
    }

    /* Reason: 互斥规则的选择器优先级高于单卡悬浮规则，必须在同一优先级层级重新声明当前卡，否则所有卡会同时回退为默认态。 */
    .zbt-product-advantages__cards:has(.zbt-product-advantage-card:hover) .zbt-product-advantage-card:hover,
    .zbt-product-advantages__cards:has(.zbt-product-advantage-card:focus-visible) .zbt-product-advantage-card:focus-visible {
        border-color: #1760ff;
        background: #0642dc;
        box-shadow: 0 18px 34px rgb(0 43 183 / 0.32);
        color: #fff;
        transform: translateY(-8px);
    }
}

.zbt-product-advantage-card:hover,
.zbt-product-advantage-card:focus-visible {
    border-color: #1760ff;
    background: #0642dc;
    box-shadow: 0 18px 34px rgb(0 43 183 / 0.32);
    color: #fff;
    transform: translateY(-8px);
}

/* Reason: 创新成果以产品页独立数据呈现，左侧叙述与右侧成果不能从关于我们区复用，以免后台维护边界混淆。 */
.zbt-product-innovation {
    background: #fff;
    color: #525252;
}

.zbt-product-innovation__inner {
    inline-size: min(calc(100% - 96px), 1220px);
    margin-inline: auto;
    padding-block: 89px 129px;
}

.zbt-product-innovation h2,
.zbt-product-innovation h3,
.zbt-product-innovation p,
.zbt-product-innovation strong,
.zbt-product-innovation span {
    margin: 0;
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
}

.zbt-product-innovation h2 {
    color: #0642dc;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
}

.zbt-product-innovation__layout {
    display: grid;
    grid-template-columns: minmax(0, 592px) minmax(0, 1fr);
    gap: 76px;
    margin-top: 49px;
}

.zbt-product-innovation__card {
    box-sizing: border-box;
    min-block-size: 618px;
    padding: 81px 69px 64px;
    border-radius: 9px;
    background: #0642dc;
    color: #fff;
}

.zbt-product-innovation__card h3 {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.34;
}

.zbt-product-innovation__content {
    margin-top: 39px;
    color: rgb(255 255 255 / 0.82);
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.92;
}

.zbt-product-innovation__content p + p {
    margin-top: 33px;
}

.zbt-product-innovation__metrics {
    align-self: stretch;
    min-inline-size: 0;
}

.zbt-product-innovation__metric {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    column-gap: 59px;
    align-items: center;
    box-sizing: border-box;
    min-block-size: 168px;
    padding: 7px 0 7px 17px;
    border-bottom: 1px dashed rgb(6 66 220 / 0.78);
}

.zbt-product-innovation__metric:last-child {
    border-bottom: 0;
}

.zbt-product-innovation__metric-icon {
    inline-size: 82px;
    block-size: 82px;
    object-fit: contain;
}

.zbt-product-innovation__metric-icon--fallback {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 5px solid #0642dc;
    border-radius: 50%;
}

.zbt-product-innovation__metric-icon--fallback::after {
    position: absolute;
    inset: 8px;
    color: #0642dc;
    content: "\2606";
    font-family: sans-serif;
    font-size: 57px;
    line-height: 1;
    text-align: center;
}

.zbt-product-innovation__metric strong,
.zbt-product-innovation__metric span {
    display: block;
}

.zbt-product-innovation__metric strong {
    color: #0642dc;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.15;
}

.zbt-product-innovation__metric span {
    margin-top: 12px;
    color: #686868;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
}

.zbt-product-cta {
    padding-block: 178px 211px;
    background: #030303;
}

.zbt-product-cta__link {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: min(calc(100% - 96px), 1220px);
    aspect-ratio: 1220 / 402;
    margin-inline: auto;
    overflow: hidden;
    border-radius: 12px;
    background-color: #0642dc;
    background-image: linear-gradient(90deg, rgb(0 49 188 / 0.34), rgb(0 15 56 / 0.1)), var(--zbt-product-cta-background, none);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-decoration: none;
}

.zbt-product-cta__link span {
    padding: 24px;
    font-family: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 53px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0 2px 4px rgb(0 0 0 / 0.46);
}

.zbt-product-cta__link:focus-visible {
    outline: 4px solid #fff;
    outline-offset: 7px;
}

@media (min-width: 92.0625rem) and (max-width: 120rem) {
    .zbt-page-hero--product {
        block-size: calc(100cqi * 768 / 1920);
    }
}

@media (max-width: 92rem) {
    .zbt-page-hero--product {
        min-block-size: 560px;
    }

    .zbt-product-archive-page__intro-inner {
        inline-size: min(calc(100% - 80px), 1120px);
        padding-block: 88px 92px;
    }

    .zbt-product-archive-page__intro h2 {
        font-size: 46px;
    }

    .zbt-product-archive-page__intro p {
        margin-top: 38px;
        font-size: 20px;
        line-height: 1.85;
    }

    .zbt-product-card__content {
        /* Reason: 断点只调整字体与按钮尺寸，内容锚点继续沿用四张卡共享的比例规则。 */
        padding: clamp(34px, 7.9%, 76px) clamp(24px, 5%, 48px) clamp(30px, 6.25%, 60px);
    }

    .zbt-product-card h3 {
        font-size: 36px;
    }

    .zbt-product-card p {
        margin-top: clamp(13px, 1.85%, 18px);
        font-size: 18px;
    }

    .zbt-product-card__button {
        inline-size: 244px;
        min-block-size: 84px;
        gap: 22px;
        font-size: 27px;
    }

    .zbt-product-advantages {
        min-block-size: 1500px;
    }

    .zbt-product-advantages__gear {
        inset-block-start: 420px;
        inline-size: min(145vw, 1180px);
    }

    .zbt-product-advantages__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        margin-top: 760px;
    }

    .zbt-product-advantage-card {
        min-block-size: 410px;
    }

    .zbt-product-innovation__inner {
        inline-size: min(calc(100% - 80px), 1120px);
        padding-block: 78px 98px;
    }

    .zbt-product-innovation h2 {
        font-size: 46px;
    }

    .zbt-product-innovation__layout {
        gap: 52px;
    }

    .zbt-product-innovation__card {
        padding: 56px 48px;
    }

    .zbt-product-innovation__card h3 {
        font-size: 32px;
    }

    .zbt-product-innovation__content {
        font-size: 19px;
    }

    .zbt-product-innovation__metric {
        grid-template-columns: 66px minmax(0, 1fr);
        column-gap: 32px;
        min-block-size: 154px;
        padding-inline-start: 0;
    }

    .zbt-product-innovation__metric-icon {
        inline-size: 66px;
        block-size: 66px;
    }

    .zbt-product-innovation__metric strong {
        font-size: 42px;
    }

    .zbt-product-cta {
        padding-block: 128px 150px;
    }

    .zbt-product-cta__link {
        inline-size: min(calc(100% - 80px), 1120px);
    }

    .zbt-product-cta__link span {
        font-size: 44px;
    }
}

@media (max-width: 48rem) {
    .zbt-page-hero--product {
        min-block-size: 500px;
    }

    .zbt-product-archive-page__intro-inner {
        inline-size: calc(100% - 48px);
        padding-block: 64px 70px;
    }

    .zbt-product-archive-page__intro h2 {
        font-size: 32px;
        line-height: 1.4;
    }

    .zbt-product-archive-page__intro p {
        margin-top: 28px;
        font-size: 17px;
        line-height: 1.8;
    }

    .zbt-product-archive-page__matrix {
        inline-size: calc(100% - 48px);
        grid-template-columns: 1fr;
        gap: 0;
    }

    .zbt-product-archive-page__matrix > .zbt-product-card,
    .zbt-product-archive-page__matrix > .zbt-product-card:nth-child(n) {
        aspect-ratio: 959 / 715;
        min-block-size: 365px;
    }

    /* Reason: 窄屏为单列，使用相邻卡片的顶部边框保留行分隔；最后一张卡没有下边框，矩阵底部不会产生额外白线。 */
    .zbt-product-archive-page__matrix::before,
    .zbt-product-archive-page__matrix::after {
        display: none;
    }

    .zbt-product-archive-page__matrix > .zbt-product-card + .zbt-product-card {
        border-top: 1px solid #fff;
    }

    .zbt-product-card__content {
        /* Reason: 移动端同样按卡片比例定位，避免仅因视口宽度变化出现文字跳位。 */
        padding: clamp(28px, 7.9%, 56px) clamp(20px, 5%, 32px) clamp(24px, 6.25%, 48px);
    }

    /* Reason: 窄屏长产品名称可能换行，产品展示区下移以始终保留标题和摘要的阅读安全间距。 */
    .zbt-product-card__media {
        inset-block-start: 42%;
    }

    .zbt-product-card h3 {
        font-size: 30px;
    }

    .zbt-product-card p {
        margin-top: clamp(12px, 1.85%, 16px);
        font-size: 16px;
    }

    .zbt-product-card__button {
        inline-size: 190px;
        min-block-size: 66px;
        gap: 15px;
        padding-inline: 16px;
        font-size: 22px;
    }

    .zbt-product-card__button .zbt-home-button__icon,
    .zbt-product-card__button .zbt-home-button__icon img {
        flex-basis: 34px;
        inline-size: 34px;
        block-size: 34px;
    }

    .zbt-product-advantages {
        min-block-size: 0;
        padding-block: 64px 72px;
    }

    .zbt-product-advantages__gear {
        inset-block-start: 330px;
        inline-size: 950px;
        opacity: 0.32;
    }

    .zbt-product-advantages__intro,
    .zbt-product-advantages__cards {
        inline-size: calc(100% - 48px);
    }

    .zbt-product-advantages__intro {
        padding-top: 0;
    }

    .zbt-product-advantages h2 {
        font-size: 32px;
        line-height: 1.4;
    }

    .zbt-product-advantages__kicker {
        margin-top: 28px;
        font-size: 18px;
    }

    .zbt-product-advantages__description {
        margin-top: 14px;
        font-size: 16px;
        line-height: 1.8;
    }

    .zbt-product-advantages__cards {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 380px;
    }

    .zbt-product-advantage-card {
        min-block-size: 0;
        padding: 24px;
    }

    .zbt-product-advantage-card h3 {
        font-size: 25px;
    }

    .zbt-product-advantage-card img {
        max-inline-size: 280px;
        margin-inline: auto;
    }

    .zbt-product-advantage-card p {
        font-size: 16px;
    }

    .zbt-product-innovation__inner {
        inline-size: calc(100% - 48px);
        padding-block: 64px 72px;
    }

    .zbt-product-innovation h2 {
        font-size: 32px;
        line-height: 1.4;
    }

    .zbt-product-innovation__layout {
        grid-template-columns: 1fr;
        gap: 38px;
        margin-top: 30px;
    }

    .zbt-product-innovation__card {
        min-block-size: 0;
        padding: 38px 30px;
        border-radius: 7px;
    }

    .zbt-product-innovation__card h3 {
        font-size: 28px;
    }

    .zbt-product-innovation__content {
        margin-top: 25px;
        font-size: 16px;
        line-height: 1.8;
    }

    .zbt-product-innovation__content p + p {
        margin-top: 24px;
    }

    .zbt-product-innovation__metric {
        grid-template-columns: 52px minmax(0, 1fr);
        column-gap: 25px;
        min-block-size: 122px;
    }

    .zbt-product-innovation__metric-icon {
        inline-size: 52px;
        block-size: 52px;
    }

    .zbt-product-innovation__metric-icon--fallback {
        border-width: 3px;
    }

    .zbt-product-innovation__metric-icon--fallback::after {
        inset: 4px;
        font-size: 39px;
    }

    .zbt-product-innovation__metric strong {
        font-size: 30px;
    }

    .zbt-product-innovation__metric span {
        margin-top: 5px;
        font-size: 16px;
    }

    .zbt-product-cta {
        padding-block: 72px 88px;
    }

    .zbt-product-cta__link {
        inline-size: calc(100% - 48px);
        border-radius: 7px;
    }

    .zbt-product-cta__link span {
        padding: 16px;
        font-size: 29px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zbt-product-card__media,
    .zbt-product-card__overlay,
    .zbt-product-card__action {
        transition: none;
    }

    .zbt-product-advantage-card {
        transition: none;
    }
}