.zy-checkout-trust>:last-child {
            padding-bottom: 0
        }

        .zy-checkout-trust__item {
            cursor: default
        }

        .zy-checkout-trust__item .zy-checkout-trust__icon svg {
            animation: zy-trust-float 5s ease-in-out infinite
        }

        .zy-checkout-trust__item:nth-of-type(2) .zy-checkout-trust__icon svg {
            animation-delay: -1.6s
        }

        .zy-checkout-trust__item:nth-of-type(3) .zy-checkout-trust__icon svg {
            animation-delay: -3.2s
        }

        @keyframes zy-trust-float {
            0%,
            100% {
                transform: translateY(0)
            }
            50% {
                transform: translateY(-3px)
            }
        }

        @media(hover:hover) {
            .zy-checkout-trust__item:hover .zy-checkout-trust__icon {
                transform: translateY(-3px) rotate(-4deg);
                border-color: #bc85ff;
                box-shadow: 0 6px 20px #6900ff35
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-checkout-trust__item .zy-checkout-trust__icon svg {
                animation: none
            }
            .zy-checkout-trust__item:hover .zy-checkout-trust__icon {
                transform: none
            }
        }

        .zy-checkout-trust__icon {
            width: 46px;
            height: 50px;
            background: linear-gradient(145deg, #7000ed, #310067);
            border-radius: 15px;
            box-shadow: inset 0 1px #ffffff26
        }

        .zy-checkout-trust strong {
            font-size: 16px;
            line-height: 1.3
        }

        .zy-checkout-trust small {
            font-size: 12px;
            color: #d0c5dd;
            line-height: 1.6
        }

        .zy-checkout-reviews>header {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            justify-content: space-between;
            margin-bottom: 16px
        }

        .zy-checkout-reviews>header h2 {
            margin-bottom: 7px
        }

        .zy-review-pause {
            position: absolute;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip-path: inset(50%);
            white-space: nowrap
        }

        .zy-review-pause:focus-visible {
            position: static;
            width: auto;
            height: auto;
            clip-path: none;
            padding: 7px 9px;
            border-radius: 8px;
            border: 1px solid #673294;
            background: #250047;
            color: #e9dff5;
            font: 600 11px var(--zg-ui)
        }

        .zy-review-pause:hover {
            background: #450089
        }

        .zy-review-window {
            height: 370px;
            overflow-y: auto;
            overscroll-behavior: contain;
            scrollbar-width: none;
            -ms-overflow-style: none;
            overflow-anchor: none;
            border-radius: 14px
        }

        .zy-review-window::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0
        }

        .zy-review-window:focus-visible,
        .zy-review-pause:focus-visible {
            outline: 2px solid #c798ff;
            outline-offset: 3px
        }

        .zy-review-window>[data-checkout-review-list],
        .zy-review-copy {
            display: grid;
            gap: 12px;
            padding: 0 5px 12px 0
        }

        .zy-checkout-reviews .zg-rev {
            padding: 15px;
            border: 1px solid #4a2175;
            border-radius: 14px;
            background: #1a0038;
            gap: 10px;
            min-width: 0
        }

        .zy-checkout-reviews .zg-rev__av {
            width: 29px;
            height: 29px;
            background: #3a0870;
            font-size: 11px
        }

        .zy-checkout-reviews .zg-rev__d {
            font-size: 10px;
            color: #b4a4c6
        }

        .zy-checkout-reviews .zg-rev__m {
            margin: 10px 0;
            color: #efe9f7;
            font-size: 13px
        }

        .zy-checkout-reviews .zg-stars {
            color: #e7c77b
        }

        .zy-checkout-reviews .zy-review-product {
            width: 100%;
            padding: 9px;
            gap: 9px;
            border-radius: 10px;
            background: #100021;
            border-color: #3b175e;
            margin-top: 10px
        }

        .zy-checkout-reviews .zy-review-product>img {
            width: 52px;
            height: 52px;
            object-fit: cover;
            border-radius: 8px
        }

        .zy-checkout-reviews .zy-review-product strong {
            font-size: 12px;
            line-height: 1.35
        }

        .zy-checkout-reviews .zy-review-product small {
            font-size: 9px
        }

        .zy-checkout-reviews__note {
            display: none
        }

        @media(hover:hover) {
            .zy-checkout-trust a:hover {
                color: white
            }
            .zy-checkout-trust a:hover .zy-checkout-trust__icon {
                transform: translateY(-3px) rotate(-5deg);
                box-shadow: 0 6px 20px #6900ff40
            }
            .zy-checkout-reviews .zg-rev:hover {
                border-color: #8650bd
            }
        }

        @media(min-width:1024px) and (max-width:1199px) {
            .zy-checkout-confidence {
                grid-template-columns: 1fr
            }
            .zy-checkout-confidence .zy-checkout-trust {
                display: grid;
                grid-template-columns: 1fr 1fr;
                column-gap: 16px
            }
            .zy-checkout-trust h2 {
                grid-column: 1/-1
            }
            .zy-checkout-trust>:last-child {
                grid-column: 1/-1
            }
        }

        @media(max-width:1023px) {
            .zy-checkout-confidence {
                order: 3
            }
            .zy-checkout-confidence .zy-checkout-trust,
            .zy-checkout-confidence .zy-checkout-reviews {
                order: initial
            }
        }

        @media(max-width:640px) {
            .zy-checkout-confidence {
                grid-template-columns: 1fr
            }
            .zy-checkout-confidence .zy-checkout-trust,
            .zy-checkout-confidence .zy-checkout-reviews {
                padding: 20px
            }
            .zy-review-window {
                height: 340px
            }
            .zy-checkout-trust>a,
            .zy-checkout-trust>div {
                padding: 15px 0
            }
            .zy-checkout-trust>:last-child {
                padding-bottom: 0
            }
        }

        /* Compact ticket, with the same type and violet palette as the storefront. */

        .zy-ticket__trigger {
            width: auto;
            min-width: 112px;
            height: 46px;
            flex-direction: row;
            gap: 9px;
            padding: 0 14px;
            border-radius: 14px;
            border-color: #8440d0;
            background: linear-gradient(135deg, #5100ae, #290059);
            box-shadow: 0 5px 18px #08001355, inset 0 1px #ffffff18
        }

        .zy-ticket__trigger>svg {
            width: 25px;
            height: 25px
        }

        .zy-ticket__trigger>span {
            font: 700 12px var(--zg-ui);
            text-transform: none;
            letter-spacing: 0
        }

        .zy-ticket__panel {
            width: 280px;
            max-width: calc(100vw - 40px);
            padding: 20px;
            bottom: 58px;
            border-radius: 16px;
            background: #180030;
            border-color: #7632b2;
            box-shadow: 0 14px 38px #08001266
        }

        .zy-ticket__label {
            font: 700 10px var(--zg-ui);
            letter-spacing: .04em;
            color: #bfaed1;
            margin: 0 28px 11px 0;
            gap: 7px
        }

        .zy-ticket__label svg {
            width: 17px;
            height: 17px;
            color: #c99aff
        }

        .zy-ticket__panel h2 {
            font: 800 italic 22px/1.15 var(--zg-display);
            margin: 0 0 8px
        }

        .zy-ticket__panel p {
            font: 500 12px/1.45 var(--zg-ui);
            color: #d0c5dc;
            margin: 0 0 14px
        }

        .zy-coupon__button {
            min-height: 46px;
            padding: 10px 12px;
            gap: 8px;
            background: #290050;
            border: 1px dashed #945bca;
            border-radius: 11px;
            font: 700 11px var(--zg-ui)
        }

        .zy-coupon__code {
            font: 800 19px var(--zg-ui);
            letter-spacing: .04em;
            padding-right: 12px;
            border-color: #8440c466
        }

        .zy-ticket__panel small {
            font: 500 9px/1.4 var(--zg-ui);
            color: #b1a0c2;
            margin-top: 10px
        }

        .zy-ticket__close {
            width: 32px;
            height: 32px;
            top: 7px;
            right: 7px
        }

        @media(hover:hover) {
            .zy-coupon__button:hover {
                background: #3a006e;
                border-color: #c190ee
            }
            .zy-ticket__trigger:hover {
                background: #4a008e
            }
        }

        @media(max-width:700px) {
            .zy-highlights-heading__title {
                grid-template-columns: minmax(8px, 1fr) minmax(0, 260px) minmax(8px, 1fr);
                gap: 12px
            }
            .zy-highlights-heading .zg-title {
                font-size: clamp(30px, 9vw, 36.165px);
                line-height: .86;
                max-width: 260px;
                margin-inline: auto
            }
            .zy-highlights-heading .zg-sub {
                font-size: 11.459px;
                line-height: 1.35;
                margin: 15px auto 0;
                max-width: 250px
            }
            .zy-highlights-heading__title>.zg-secttl__line {
                align-self: start;
                margin-top: 31px;
                background: var(--zg-purple)
            }
            .zy-highlights-heading__title>.zg-secttl__line--r {
                margin-top: 24px
            }
            .zy-highlights-heading__actions {
                margin-top: 20px
            }
            .zy-highlights-heading .zy-shuffle {
                min-height: 40px;
                font-size: 12px;
                padding-inline: 17px
            }
            .zy-ticket__trigger {
                min-width: 0;
                height: 42px;
                padding: 0 12px;
                border-radius: 13px;
                gap: 7px
            }
            .zy-ticket__trigger>svg {
                width: 23px;
                height: 23px
            }
            .zy-ticket__trigger>span {
                font-size: 11px
            }
            .zy-ticket__panel {
                width: 244px;
                max-width: calc(100vw - 24px);
                padding: 16px;
                bottom: 54px;
                border-radius: 14px
            }
            .zy-ticket__label {
                font-size: 9px;
                margin-bottom: 10px
            }
            .zy-ticket__panel h2 {
                font-size: 20px;
                margin-bottom: 7px
            }
            .zy-ticket__panel p {
                font-size: 11px;
                margin-bottom: 12px
            }
            .zy-coupon__button {
                min-height: 44px;
                padding: 9px 10px;
                font-size: 10px;
                gap: 7px
            }
            .zy-coupon__code {
                font-size: 17px;
                padding-right: 10px
            }
            .zy-ticket__panel small {
                font-size: 9px;
                margin-top: 8px
            }
        }

        /* Icon-only coupon; reserve the text for the opened ticket. */

        .zy-ticket__trigger {
            width: 54px;
            min-width: 54px;
            height: 54px;
            padding: 0;
            border-radius: 17px;
            border-color: #d0a0ff;
            background: linear-gradient(145deg, #b35cff, #8625ed 65%, #6900d9);
            box-shadow: 0 0 18px #a44cff66, inset 0 1px 1px #ffffff70;
            animation: zy-ticket-float 5s ease-in-out infinite
        }

        .zy-ticket__trigger>svg {
            width: 29px;
            height: 29px;
            stroke-width: 1.9;
            filter: drop-shadow(0 2px 3px #5900a6)
        }

        .zy-ticket__panel {
            bottom: 68px
        }

        @keyframes zy-ticket-float {
            0%,
            100% {
                translate: 0 0;
                rotate: -3deg
            }
            50% {
                translate: 0 -5px;
                rotate: 3deg
            }
        }

        @media(hover:hover) {
            .zy-ticket__trigger:hover {
                background: linear-gradient(145deg, #c47cff, #9136fa);
                box-shadow: 0 0 24px #ad64ff99, inset 0 1px 1px #ffffff70
            }
        }

        .zy-ticket.is-open .zy-ticket__trigger {
            animation-play-state: paused
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-ticket__trigger {
                animation: none
            }
        }

        /* Equal card bottoms without a large empty spacer before the customer. */

        .zg-testi .zg-card {
            height: 400px;
            min-height: 0
        }

        .zg-testi .zg-card__in {
            height: 100%;
            min-height: 0;
            box-sizing: border-box;
            padding: 26px 24px
        }

        .zg-testi .zg-card__stars,
        .zg-testi .zg-card__rule,
        .zg-testi .zg-card__title {
            flex-shrink: 0
        }

        .zg-testi .zg-card__title {
            margin-top: 14px
        }

        .zg-testi .zg-card__text {
            flex: 1;
            min-height: 28px;
            overflow-y: auto;
            scrollbar-width: thin;
            line-height: 1.4;
            margin-top: 16px
        }

        .zg-testi .zy-review-product {
            height: 76px;
            box-sizing: border-box;
            margin: 12px 0 0;
            padding: 10px;
            overflow-y: auto;
            scrollbar-width: thin
        }

        .zg-testi .zg-card__foot {
            flex: none;
            min-height: 58px;
            margin-top: 0;
            padding: 14px 0 0;
            box-sizing: content-box
        }

        .zg-testi .zg-card__avatar {
            width: 48px;
            height: 48px
        }

        .zg-testi .zg-card__name {
            line-height: 1.15;
            overflow-wrap: anywhere
        }

        @media(max-width:700px) {
            .zy-highlights-heading__title {
                display: block;
                position: relative;
                text-align: center
            }
            .zy-highlights-heading .zg-title {
                font-size: 36.165px;
                line-height: 30.846px;
                max-width: 260px;
                margin: 0 auto
            }
            .zy-highlights-heading .zg-sub {
                font-size: 11.459px;
                line-height: 1.25;
                margin: 15px auto 0;
                max-width: 100%
            }
            .zy-highlights-heading__title>.zg-secttl__line {
                position: absolute;
                width: max(12px, calc((100% - 260px)/2 - 12px));
                height: 1px;
                top: 31px;
                margin: 0;
                background: var(--zg-purple)
            }
            .zy-highlights-heading__title>.zg-secttl__line--l {
                left: 0
            }
            .zy-highlights-heading__title>.zg-secttl__line--r {
                right: 0;
                top: 31px
            }
            .zg-testi .zg-card {
                height: 350px
            }
            .zg-testi .zg-card__in {
                padding: 22px 20px 24px
            }
            .zg-testi .zg-card__title {
                margin-top: 12px
            }
            .zg-testi .zg-card__text {
                margin-top: 14px;
                min-height: 20px;
                font-size: 13px;
                line-height: 1.4
            }
            .zg-testi .zy-review-product {
                height: 68px;
                margin-top: 10px;
                padding: 8px;
                gap: 8px
            }
            .zg-testi .zy-review-product small {
                font-size: 9px
            }
            .zg-testi .zy-review-product a,
            .zg-testi .zy-review-product strong {
                font-size: 11px;
                line-height: 1.3
            }
            .zg-testi .zg-card__foot {
                min-height: 42px;
                padding-top: 12px;
                gap: 9px
            }
            .zg-testi .zg-card__avatar {
                width: 40px;
                height: 40px
            }
            .zg-perks-panel .zg-secttl__chev {
                margin-top: 14px;
                gap: 0
            }
            .zg-perks-panel .zg-secttl__chev svg {
                max-height: 14px
            }
            .zg-perks-panel .zg-perks {
                margin-top: 0
            }
            .zy-ticket__trigger {
                width: 48px;
                min-width: 48px;
                height: 48px;
                border-radius: 15px
            }
            .zy-ticket__trigger>svg {
                width: 27px;
                height: 27px
            }
            .zy-ticket__panel {
                bottom: 62px
            }
        }

        @media(max-width:350px) {
            .zy-highlights-heading .zg-title {
                font-size: 32px;
                line-height: 28px;
                max-width: 230px
            }
            .zy-highlights-heading__title>.zg-secttl__line {
                width: max(10px, calc((100% - 230px)/2 - 10px));
                top: 28px
            }
        }

        /* Dimensional benefit artwork without the previous icon tiles. */

        .zy-benefit .zy-benefit__art--3d {
            width: 124px;
            height: 132px;
            right: 14px;
            top: 50%;
            transform: translateY(-50%);
            border: 0;
            border-radius: 0;
            background: none;
            box-shadow: none
        }

        .zy-benefit__art--3d::before,
        .zy-benefit__art--3d::after {
            display: none
        }

        .zy-benefit__art--3d img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
            pointer-events: none;
            filter: drop-shadow(0 9px 12px #08001866);
            animation: zy-benefit-float 6s ease-in-out infinite;
            transition: scale .3s ease
        }

        .zy-benefit:nth-child(2) .zy-benefit__art--3d img {
            animation-delay: -2s
        }

        .zy-benefit:nth-child(3) .zy-benefit__art--3d img {
            animation-delay: -4s
        }

        .zy-benefit:has(.zy-benefit__art--3d) .zy-benefit__copy {
            width: calc(100% - 124px)
        }

        @keyframes zy-benefit-float {
            0%,
            100% {
                translate: 0 2px;
                rotate: -2deg
            }
            50% {
                translate: 0 -5px;
                rotate: 2deg
            }
        }

        @media(hover:hover) {
            .zy-benefit:hover .zy-benefit__art--3d {
                transform: translateY(-50%)
            }
            .zy-benefit:hover .zy-benefit__art--3d img {
                scale: 1.06
            }
        }

        @media(min-width:701px) and (max-width:1100px) {
            .zy-benefit .zy-benefit__art--3d {
                width: 82px;
                height: 98px;
                right: 8px
            }
            .zy-benefit:has(.zy-benefit__art--3d) .zy-benefit__copy {
                width: calc(100% - 80px)
            }
        }

        @media(max-width:700px) {
            .zy-benefit .zy-benefit__art--3d {
                width: 105px;
                height: 118px;
                right: 13px
            }
            .zy-benefit:has(.zy-benefit__art--3d) .zy-benefit__copy {
                width: calc(100% - 104px)
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-benefit__art--3d img {
                animation: none;
                transition: none
            }
            .zy-benefit:hover .zy-benefit__art--3d img {
                scale: 1
            }
        }

        .zy-benefit .zy-benefit__art--vector>svg {
            display: block;
            width: 100%;
            height: 100%;
            overflow: visible;
            filter: drop-shadow(0 9px 10px #08001866);
            animation: zy-benefit-float 6s ease-in-out infinite;
            transition: scale .3s ease
        }

        .zy-benefit:nth-child(2) .zy-benefit__art--vector>svg {
            animation-delay: -2s
        }

        .zy-benefit:nth-child(3) .zy-benefit__art--vector>svg {
            animation-delay: -4s
        }

        @media(hover:hover) {
            .zy-benefit:hover .zy-benefit__art--vector>svg {
                scale: 1.06
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-benefit .zy-benefit__art--vector>svg {
                animation: none;
                transition: none
            }
            .zy-benefit:hover .zy-benefit__art--vector>svg {
                scale: 1
            }
        }

        /* Larger floating icons with a projected violet light instead of a tile. */

        .zy-benefit .zy-benefit__art {
            width: 154px;
            height: 154px;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            isolation: isolate;
            overflow: visible
        }

        .zy-benefit .zy-benefit__art::before {
            content: "";
            display: block;
            position: absolute;
            inset: 17% 5% 6%;
            z-index: -1;
            border: 0;
            border-radius: 50%;
            background: radial-gradient(ellipse, #b369ff80 0%, #852bff40 40%, #6900ff00 72%);
            filter: blur(12px);
            animation: zy-led-breathe 5s ease-in-out infinite;
            pointer-events: none
        }

        .zy-benefit .zy-benefit__art::after {
            content: "";
            display: block;
            position: absolute;
            left: 10%;
            right: 10%;
            bottom: -3px;
            height: 21px;
            z-index: -1;
            border: 0;
            border-radius: 50%;
            background: radial-gradient(ellipse, #daa9ffb0 0%, #923cff70 36%, #6900ff00 73%);
            filter: blur(5px);
            pointer-events: none
        }

        .zy-benefit .zy-benefit__art>svg,
        .zy-benefit .zy-benefit__art>img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            filter: drop-shadow(0 4px 9px #b35bff55)
        }

        .zy-benefit:has(.zy-benefit__art--3d) .zy-benefit__copy {
            width: calc(100% - 148px)
        }

        .zy-benefit:nth-child(2) .zy-benefit__art::before {
            animation-delay: -1.7s
        }

        .zy-benefit:nth-child(3) .zy-benefit__art::before {
            animation-delay: -3.3s
        }

        @keyframes zy-led-breathe {
            0%,
            100% {
                opacity: .6;
                scale: .95
            }
            50% {
                opacity: 1;
                scale: 1.06
            }
        }

        @media(hover:hover) {
            .zy-benefit:hover .zy-benefit__art {
                transform: translateY(-50%)
            }
            .zy-benefit:hover .zy-benefit__art::before {
                filter: blur(9px)
            }
        }

        @media(min-width:701px) and (max-width:1100px) {
            .zy-benefit .zy-benefit__art {
                width: 108px;
                height: 118px;
                right: 4px
            }
            .zy-benefit:has(.zy-benefit__art--3d) .zy-benefit__copy {
                width: calc(100% - 100px)
            }
        }

        @media(max-width:700px) {
            .zy-benefit .zy-benefit__art {
                width: 124px;
                height: 132px;
                right: 8px
            }
            .zy-benefit:has(.zy-benefit__art--3d) .zy-benefit__copy {
                width: calc(100% - 116px)
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-benefit .zy-benefit__art::before {
                animation: none;
                opacity: .75
            }
        }

        .zy-footer__bottom .zg-seals {
            gap: 22px;
            align-items: center
        }

        @media(max-width:600px) {
            .zy-footer__bottom .zg-seals {
                width: 100%;
                gap: 20px;
                justify-content: center
            }
        }
        /* Supplied 3D illustrations, softened to sit in the store's violet palette. */

        .zy-benefits .zy-benefit__copy>span {
            font-family: var(--zg-display);
            font-weight: 400;
            font-size: 13.299px;
            line-height: 1.35;
            letter-spacing: 0;
            color: #c6b9d6
        }

        .zy-benefit .zy-benefit__art--photo {
            width: 166px;
            height: 166px;
            right: 4px;
            top: 50%;
            transform: translateY(-50%);
            border: 0;
            border-radius: 0;
            background: none;
            box-shadow: none;
            overflow: visible;
            isolation: isolate
        }

        .zy-benefit .zy-benefit__art--photo::before {
            display: block;
            content: "";
            position: absolute;
            inset: 12% 2% 8%;
            z-index: -1;
            border: 0;
            border-radius: 50%;
            background: radial-gradient(ellipse at 50% 57%, #bd7dff6b 0%, #8738ed46 37%, transparent 74%);
            filter: blur(17px);
            animation: zy-led-breathe 5s ease-in-out infinite;
            pointer-events: none
        }

        .zy-benefit .zy-benefit__art--photo::after {
            display: block;
            content: "";
            position: absolute;
            left: 13%;
            right: 13%;
            bottom: 2%;
            height: 24px;
            z-index: -1;
            border: 2px solid #c786ffb8;
            border-radius: 50%;
            background: radial-gradient(ellipse, #aa5aff38, transparent 70%);
            box-shadow: 0 0 10px #c680ffbd, 0 0 24px #8d28f0a0, inset 0 0 9px #b67bff9c;
            filter: none;
            transform: perspective(90px) rotateX(30deg);
            animation: zy-benefit-led-ring 5s ease-in-out infinite;
            pointer-events: none
        }

        .zy-benefit .zy-benefit__art--photo>img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
            pointer-events: none;
            filter: saturate(.76) drop-shadow(0 8px 10px #6e23d180) drop-shadow(0 0 8px #b26dff45);
            animation: zy-benefit-float 6s ease-in-out infinite;
            transition: scale .3s ease, filter .3s ease
        }

        .zy-benefit:nth-child(2) .zy-benefit__art--photo>img {
            animation-delay: -2s
        }

        .zy-benefit:nth-child(3) .zy-benefit__art--photo>img {
            animation-delay: -4s
        }

        .zy-benefit:nth-child(2) .zy-benefit__art--photo::after {
            animation-delay: -1.7s
        }

        .zy-benefit:nth-child(3) .zy-benefit__art--photo::after {
            animation-delay: -3.3s
        }

        .zy-benefit:has(.zy-benefit__art--photo) .zy-benefit__copy {
            width: calc(100% - 155px)
        }

        @keyframes zy-benefit-led-ring {
            0%,
            100% {
                opacity: .55;
                scale: .88
            }
            50% {
                opacity: 1;
                scale: 1.03
            }
        }

        @media(hover:hover) {
            .zy-benefit:hover .zy-benefit__art--photo>img {
                scale: 1.08;
                filter: saturate(.9) drop-shadow(0 10px 14px #7c25edaa) drop-shadow(0 0 13px #b977ff80)
            }
            .zy-benefit:hover .zy-benefit__art--photo::after {
                border-color: #e1b1ff;
                box-shadow: 0 0 15px #d599ff, 0 0 36px #9b3dff
            }
        }

        @media(min-width:701px) and (max-width:1100px) {
            .zy-benefit .zy-benefit__art--photo {
                width: 112px;
                height: 126px;
                right: 1px
            }
            .zy-benefit:has(.zy-benefit__art--photo) .zy-benefit__copy {
                width: calc(100% - 101px)
            }
        }

        @media(max-width:700px) {
            .zy-benefit .zy-benefit__art--photo {
                width: 130px;
                height: 136px;
                right: 4px
            }
            .zy-benefit:has(.zy-benefit__art--photo) .zy-benefit__copy {
                width: calc(100% - 119px)
            }
            .zy-benefits .zy-benefit__copy>span {
                font-size: 12px;
                line-height: 1.35
            }
        }

        /* Quiet oversized Z on the left, with a subtle response when the footer is hovered. */

        .zy-footer__glow::before {
            content: "Z";
            position: absolute;
            left: -42px;
            top: 18%;
            font: 900 italic clamp(310px, 37vw, 580px)/.9 var(--zg-display);
            letter-spacing: -.08em;
            color: #ad6fff0b;
            -webkit-text-stroke: 2px #be86ff1a;
            text-shadow: 0 0 44px #7c24d719;
            transform: rotate(-9deg);
            opacity: .8;
            transition: opacity .5s, transform .7s;
            pointer-events: none;
            user-select: none
        }

        .zy-footer__glow::after {
            transition: border-color .5s, box-shadow .5s, transform .7s
        }

        @media(hover:hover) {
            .zy-footer:hover .zy-footer__glow::before {
                opacity: 1;
                transform: rotate(-7deg) translateY(-8px)
            }
            .zy-footer:hover .zy-footer__glow::after {
                border-color: #b677ff36;
                box-shadow: 0 0 0 28px #ac72ff09, 0 0 0 56px #ac72ff05
            }
            .zy-footer__brand>a:hover .zg-brandmark {
                filter: drop-shadow(0 0 12px #b86bff70)
            }
            .zy-footer__bottom .zg-seals img:hover {
                transform: translateY(-3px);
                filter: drop-shadow(0 0 10px #ae67ff65)
            }
            .zy-footer__social a:hover {
                border-color: #bb80ff
            }
        }

        .zy-footer__brand .zg-brandmark,
        .zy-footer__bottom .zg-seals img {
            transition: transform .3s, filter .3s
        }

        @media(max-width:700px) {
            .zy-footer__glow::before {
                left: -28px;
                top: 27%;
                font-size: 340px;
                opacity: .5
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-benefit .zy-benefit__art--photo::before,
            .zy-benefit .zy-benefit__art--photo::after,
            .zy-benefit .zy-benefit__art--photo>img {
                animation: none
            }
            .zy-footer__glow::before,
            .zy-footer__glow::after {
                transition: none
            }
        }

        /* Reviews: no nested scrollbar, compact rhythm, aligned author rows. */

        .zg-testi .zg-card {
            height: 430px;
            min-height: 0
        }

        .zg-testi .zg-card__in {
            height: 100%;
            min-height: 0;
            padding: 40px 32px 30px
        }

        .zg-testi .zg-card__title {
            margin-top: 12px
        }

        .zg-testi .zg-card__text {
            flex: none;
            height: 72px;
            min-height: 72px;
            max-height: 72px;
            margin-top: 18px;
            overflow-y: auto;
            scrollbar-width: none;
            line-height: 1.4
        }

        .zg-testi .zg-card__text::-webkit-scrollbar {
            display: none
        }

        .zg-testi .zy-review-product {
            position: relative;
            isolation: isolate;
            width: 100%;
            height: 90px;
            min-height: 90px;
            max-height: 90px;
            flex: none;
            gap: 14px;
            margin: auto 0 0;
            padding: 12px 14px;
            overflow: hidden;
            border-radius: 15px;
            background: #21053d;
            border-color: transparent;
            box-shadow: inset 0 1px #ffffff0c;
            scrollbar-width: none;
            transition: transform .36s cubic-bezier(.2, .85, .25, 1), box-shadow .36s, background .36s
        }

        .zg-testi .zy-review-product::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            border-radius: inherit;
            background: linear-gradient(115deg, transparent 30%, #ffffff0a 50%, transparent 70%);
            background-size: 220% 100%;
            background-position: 100% 0;
            transition: background-position .65s ease;
            pointer-events: none
        }

        .zg-testi .zy-review-product>img {
            width: 56px;
            height: 56px;
            object-fit: contain;
            flex: none;
            border-radius: 9px;
            animation: zy-review-icon-float 5s ease-in-out infinite;
            transition: transform .42s cubic-bezier(.2, 1.3, .35, 1), filter .42s
        }

        .zg-testi .zy-review-product>span {
            min-width: 0;
            overflow: hidden;
            align-content: center;
            gap: 5px
        }

        .zg-testi .zy-review-product small {
            font: 600 11.5px/1.2 var(--zg-ui);
            letter-spacing: 0;
            text-transform: none;
            color: #bdb5c9
        }

        .zg-testi .zy-review-product a,
        .zg-testi .zy-review-product strong {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            overflow-wrap: anywhere;
            font: 700 14px/1.3 var(--zg-ui);
            letter-spacing: 0
        }

        @keyframes zy-review-icon-float {
            0%,
            100% {
                transform: translateY(1px)
            }
            50% {
                transform: translateY(-2px)
            }
        }

        @media(hover:hover) {
            .zg-testi .zy-review-product:hover,
            .zg-testi .zy-review-product:focus-within {
                transform: translateY(-3px);
                background: #2a084b;
                border-color: transparent;
                box-shadow: 0 10px 22px #10001c75, inset 0 1px #ffffff16
            }
            .zg-testi .zy-review-product:hover::after,
            .zg-testi .zy-review-product:focus-within::after {
                background-position: -90% 0
            }
            .zg-testi .zy-review-product:hover>img,
            .zg-testi .zy-review-product:focus-within>img {
                animation-play-state: paused;
                transform: translateY(-4px) rotate(-5deg) scale(1.12);
                filter: drop-shadow(0 5px 7px #8e32ea66)
            }
        }

        .zg-testi .zg-card__foot {
            flex: none;
            min-height: 52px;
            margin-top: auto;
            padding: 12px 0 0;
            box-sizing: border-box
        }

        @media(max-width:700px) {
            .zg-testi .zg-card {
                height: 370px
            }
            .zg-testi .zg-card__in {
                padding: 26px 20px 23px
            }
            .zg-testi .zg-card__text {
                height: 52px;
                min-height: 52px;
                max-height: 52px;
                margin-top: 13px
            }
            .zg-testi .zy-review-product {
                height: 82px;
                min-height: 82px;
                max-height: 82px;
                gap: 10px;
                margin-top: auto;
                padding: 10px 11px
            }
            .zg-testi .zy-review-product>img {
                width: 50px;
                height: 50px
            }
            .zg-testi .zy-review-product small {
                font-size: 11px
            }
            .zg-testi .zy-review-product a,
            .zg-testi .zy-review-product strong {
                font-size: 12.5px;
                line-height: 1.25
            }
            .zg-testi .zg-card__foot {
                min-height: 46px;
                padding-top: 10px
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zg-testi .zy-review-product,
            .zg-testi .zy-review-product::after,
            .zg-testi .zy-review-product>img {
                animation: none;
                transition: none
            }
            .zg-testi .zy-review-product:hover,
            .zg-testi .zy-review-product:focus-within,
            .zg-testi .zy-review-product:hover>img,
            .zg-testi .zy-review-product:focus-within>img {
                transform: none
            }
        }

        /* A small shuffle control sits beside the heading on desktop. */

        .zy-highlights-heading {
            position: relative;
            margin-bottom: 18px
        }

        .zy-highlights-heading__actions {
            position: absolute;
            right: 0;
            top: 45px;
            margin: 0
        }

        .zy-highlights-heading .zy-shuffle {
            display: grid;
            place-items: center;
            width: 40px;
            height: 40px;
            min-height: 40px;
            padding: 0;
            border: 1px solid #af70ef9c;
            border-radius: 50%;
            background: #2c005c;
            color: white;
            box-shadow: 0 0 0 4px #8f38df12, 0 5px 16px #16002b55
        }

        .zy-highlights-heading .zy-shuffle[hidden] {
            display: none
        }

        .zy-highlights-heading .zy-shuffle svg {
            width: 18px;
            height: 18px
        }

        @media(hover:hover) {
            .zy-highlights-heading .zy-shuffle:hover {
                background: #4c0096;
                box-shadow: 0 0 0 5px #a755ff25, 0 0 18px #9d43ed70;
                transform: translateY(-2px)
            }
        }

        @media(max-width:700px) {
            .zy-highlights-heading {
                margin-bottom: 26px
            }
            .zy-highlights-heading .zg-sub {
                padding-inline: 44px
            }
            .zy-highlights-heading__actions {
                position: absolute;
                right: 0;
                top: auto;
                bottom: -10px;
                margin: 0
            }
            .zy-highlights-heading .zy-shuffle {
                width: 36px;
                height: 36px;
                min-height: 36px;
                padding: 0;
                border-radius: 9px;
                border-color: #6900ff80;
                background: #21003d;
                box-shadow: none
            }
            .zy-highlights-heading .zy-shuffle svg {
                width: 16px;
                height: 16px
            }
        }

        @media(max-width:1023px) {
            .zg-home .zg-trust-solo {
                display: none
            }
        }

        /* Rounded coupon launcher; motion uses transforms and opacity on a small surface. */

        .zy-ticket__trigger {
            position: relative;
            isolation: isolate;
            width: 54px;
            min-width: 54px;
            height: 54px;
            border-radius: 50%;
            border: 1px solid #a200ff;
            background: #6900ffed;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            box-shadow: 0 4px 12px #13002d55;
            animation: zy-coupon-float 4s ease-in-out infinite;
            translate: none;
            rotate: none
        }

        .zy-ticket__trigger::before {
            content: "";
            position: absolute;
            inset: -4px;
            z-index: -1;
            border-radius: inherit;
            background: #6900ff55;
            filter: blur(6px);
            pointer-events: none;
            animation: zy-coupon-halo 4s ease-in-out infinite
        }

        .zy-ticket__trigger>svg {
            width: 24px;
            height: 24px;
            filter: none;
            color: #fff
        }

        .zy-ticket__trigger>.zy-ticket__mark {
            width: 36px;
            height: 36px;
            stroke: none;
            animation: zy-coupon-mark 4s ease-in-out infinite;
            transform-origin: center
        }

        @keyframes zy-coupon-float {
            0%,
            100% {
                transform: translateY(0)
            }
            50% {
                transform: translateY(-4px)
            }
        }

        @keyframes zy-coupon-halo {
            0%,
            100% {
                opacity: .35;
                transform: scale(.95)
            }
            50% {
                opacity: .7;
                transform: scale(1.08)
            }
        }

        @keyframes zy-coupon-mark {
            0%,
            68%,
            100% {
                transform: rotate(-7deg)
            }
            77% {
                transform: rotate(7deg)
            }
            86% {
                transform: rotate(-10deg)
            }
            94% {
                transform: rotate(-3deg)
            }
        }

        .zy-ticket.is-open .zy-ticket__trigger,
        .zy-ticket.is-open .zy-ticket__trigger::before,
        .zy-ticket.is-open .zy-ticket__mark,
        .zy-ticket__trigger:focus-visible,
        .zy-ticket__trigger:focus-visible::before,
        .zy-ticket__trigger:focus-visible .zy-ticket__mark {
            animation-play-state: paused
        }

        @media(hover:hover) {
            .zy-ticket__trigger:hover,
            .zy-ticket__trigger:hover::before,
            .zy-ticket__trigger:hover .zy-ticket__mark {
                animation-play-state: paused
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-ticket__trigger,
            .zy-ticket__trigger::before,
            .zy-ticket__trigger>.zy-ticket__mark {
                animation: none;
                transform: none
            }
        }

        .zy-ticket__panel {
            bottom: 60px;
            padding: 20px;
            border: 1px solid #320079;
            border-top: 3px solid #6900ff;
            border-radius: 6px;
            background: #13002d;
            box-shadow: 0 12px 28px #0005;
            font-family: var(--zg-ui)
        }

        .zy-ticket__label {
            color: #fff;
            opacity: .75;
            letter-spacing: .04em;
            font: 700 10px var(--zg-display)
        }

        .zy-ticket__label svg {
            color: #a200ff
        }

        .zy-ticket__panel h2 {
            font: 800 italic 24px/1.05 var(--zg-display);
            text-transform: uppercase;
            letter-spacing: 0;
            color: #fff;
            margin-bottom: 10px
        }

        .zy-ticket__panel p {
            font: 500 12px/1.5 var(--zg-ui);
            color: #ffffffb3
        }

        .zy-ticket__close {
            border-radius: 4px;
            color: #fff
        }

        .zy-coupon__button {
            min-height: 48px;
            border: 1px solid #6900ff;
            border-radius: 4px;
            background: #6900ff;
            color: #fff;
            font: 700 11px var(--zg-ui)
        }

        .zy-coupon__code {
            font: 900 italic 22px/1 var(--zg-display);
            letter-spacing: .02em;
            border-right-color: #ffffff40
        }

        .zy-ticket__panel small {
            font: 500 10px/1.4 var(--zg-ui);
            color: #ffffff99
        }

        .zy-coupon__button.is-copied {
            background: #320079;
            border-color: #a200ff;
            color: #fff
        }

        @media(hover:hover) {
            .zy-ticket__trigger:hover {
                background: #5300cc;
                border-color: #6900ff;
                box-shadow: none
            }
            .zy-coupon__button:hover {
                background: #5300cc;
                border-color: #6900ff
            }
            .zy-coupon__button.is-copied:hover {
                background: #320079;
                border-color: #a200ff
            }
        }

        /* Category belongs to the product image and is only shown in highlights. */

        .zy-spotlight__grid .zg-pkg__media {
            position: relative
        }

        .zy-featured-category {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 3;
            display: flex;
            align-items: flex-end;
            gap: 7px;
            min-height: 42px;
            padding: 15px 11px 8px;
            border: 0;
            border-radius: 0;
            background: linear-gradient(0deg, #10001fea 0%, #10001fc0 43%, #10001f00 100%);
            box-shadow: none;
            color: #f6edff;
            font: 800 10px/1.15 var(--zg-ui);
            letter-spacing: .04em;
            text-transform: uppercase;
            pointer-events: none;
            animation: zy-category-reveal .45s ease-out both
        }

        .zy-featured-category__mark {
            width: 2px;
            height: 11px;
            flex: none;
            margin-bottom: 1px;
            border-radius: 2px;
            background: #c48aff;
            transform: skew(-15deg)
        }

        .zy-featured-category__name {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        @keyframes zy-category-reveal {
            from {
                opacity: 0;
                transform: translateY(5px)
            }
            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        @media(max-width:700px) {
            .zy-featured-category {
                min-height: 36px;
                padding: 12px 8px 6px;
                font-size: 9px
            }
        }

        /* Art projects above the cards even at rest, with a clean cutout and crisp depth. */

        .zy-benefits {
            margin-top: 52px
        }

        .zy-benefit {
            overflow: visible;
            z-index: 1
        }

        .zy-benefit .zy-benefit__art--photo {
            width: 190px;
            height: 190px;
            right: 0;
            top: -32px;
            transform: none;
            border: 0 !important;
            outline: 0;
            box-shadow: none !important;
            background: transparent !important;
            overflow: visible
        }

        .zy-benefit:hover .zy-benefit__art--photo {
            transform: none
        }

        .zy-benefit .zy-benefit__art--photo::before,
        .zy-benefit .zy-benefit__art--photo::after {
            display: none !important;
            animation: none !important
        }