.zy-benefit .zy-benefit__art--photo>img {
            display: block;
            width: 100%;
            height: 100%;
            -webkit-mask-image: none;
            mask-image: none;
            animation: none !important;
            filter: saturate(.86) drop-shadow(7px 11px 3px #08001682);
            transform: none;
            transition: transform .46s cubic-bezier(.2, 1.28, .3, 1), filter .4s ease, scale .46s cubic-bezier(.2, 1.28, .3, 1)
        }

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

        @media(hover:hover) {
            .zy-benefit:hover {
                z-index: 2;
                transform: translateY(-2px);
                border-color: #9857d087;
                box-shadow: 0 11px 23px #17002b40
            }
            .zy-benefit:hover .zy-benefit__art--photo>img {
                scale: 1.06;
                transform: translateY(-9px) rotate(-4deg);
                filter: saturate(.92) drop-shadow(10px 16px 5px #0800169c)
            }
        }

        .zy-benefit:nth-child(3) .zy-benefit__art--photo>img {
            scale: 1.1
        }

        @media(hover:hover) {
            .zy-benefit:nth-child(3):hover .zy-benefit__art--photo>img {
                scale: 1.15
            }
        }

        @media(min-width:701px) and (max-width:1100px) {
            .zy-benefit .zy-benefit__art--photo {
                width: 146px;
                height: 146px;
                top: -20px;
                right: -2px
            }
            .zy-benefit:has(.zy-benefit__art--photo) .zy-benefit__copy {
                width: calc(100% - 130px)
            }
        }

        @media(max-width:700px) {
            .zy-benefits {
                margin-top: 34px;
                gap: 26px
            }
            .zy-benefit .zy-benefit__art--photo {
                width: 146px;
                height: 146px;
                top: -16px;
                right: -2px
            }
            .zy-benefit:has(.zy-benefit__art--photo) .zy-benefit__copy {
                width: calc(100% - 132px)
            }
            .zy-benefit:nth-child(3) .zy-benefit__art--photo>img {
                scale: 1.07
            }
        }

        /* A compact Zyon information strip replaces the oversized outline badges. */

        .zg-trust {
            gap: 18px;
            margin-top: 34px
        }

        .zg-trust .zg-badge {
            height: auto;
            min-height: 88px;
            display: flex;
            justify-content: center;
            gap: 3px;
            padding: 15px 18px 15px 88px;
            border: 1px solid #7737b575;
            border-radius: 15px;
            background: linear-gradient(120deg, #210543, #140027 72%);
            box-shadow: inset 0 1px #ffffff0b;
            overflow: hidden;
            isolation: isolate;
            transition: transform .32s cubic-bezier(.2, .8, .2, 1), border-color .32s, box-shadow .32s
        }

        .zg-trust .zg-badge::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            background: linear-gradient(110deg, transparent 20%, #a05cff13 48%, transparent 72%);
            background-size: 220% 100%;
            background-position: 110% 0;
            transition: background-position .65s ease
        }

        .zg-trust .zg-badge__title {
            font: 800 clamp(14px, 1.2vw, 17px)/1.2 var(--zg-display);
            letter-spacing: -.015em;
            white-space: normal;
            overflow: visible;
            text-overflow: clip
        }

        .zg-trust .zg-badge__sub {
            font: 500 clamp(11px, .85vw, 12px)/1.35 var(--zg-ui);
            color: #c9b8d9;
            opacity: 1;
            overflow: visible;
            display: block
        }

        .zg-trust .zg-badge__icon,
        .zg-trust .zg-badge--shield .zg-badge__icon,
        .zg-trust .zg-badge--truck .zg-badge__icon,
        .zg-trust .zg-badge--support .zg-badge__icon {
            left: 19px;
            right: auto;
            top: 50%;
            width: 48px;
            height: 48px;
            aspect-ratio: 1;
            display: grid;
            place-items: center;
            border: 1px solid #ad65ed63;
            border-radius: 50%;
            background: linear-gradient(145deg, #6422aa, #390274);
            box-shadow: inset 0 1px #e8baff3b, 0 4px 13px #09001161;
            color: #ead3ff;
            transform: translateY(-50%);
            transition: transform .38s cubic-bezier(.2, 1.3, .4, 1), box-shadow .38s
        }

        .zg-trust .zg-badge__icon svg {
            width: 24px;
            height: 24px;
            stroke-width: 6px
        }

        @media(hover:hover) {
            .zg-trust .zg-badge:hover {
                transform: translateY(-4px);
                border-color: #a46ae4;
                box-shadow: 0 12px 25px #0b001d55, inset 0 1px #ffffff18
            }
            .zg-trust .zg-badge:hover::after {
                background-position: -80% 0
            }
            .zg-trust .zg-badge:hover .zg-badge__icon {
                transform: translateY(-50%) rotate(-7deg) scale(1.08);
                box-shadow: inset 0 1px #e8baff70, 0 6px 17px #7c2cbd55
            }
        }

        @media(max-width:700px) {
            .zg-trust {
                display: grid;
                grid-template-columns: 1fr;
                gap: 10px;
                width: 100%;
                margin-top: 18px;
                padding-inline: 16px
            }
            .zg-trust .zg-badge--shield {
                display: flex
            }
            .zg-trust .zg-badge {
                flex: none;
                min-height: 74px;
                padding: 11px 14px 11px 76px;
                border-radius: 13px
            }
            .zg-trust .zg-badge__title {
                font-size: 14px;
                line-height: 1.15
            }
            .zg-trust .zg-badge__sub {
                font-size: 11px;
                line-height: 1.25
            }
            .zg-trust .zg-badge__icon,
            .zg-trust .zg-badge--shield .zg-badge__icon,
            .zg-trust .zg-badge--truck .zg-badge__icon,
            .zg-trust .zg-badge--support .zg-badge__icon {
                left: 16px;
                top: 50%;
                width: 42px;
                height: 42px
            }
            .zg-trust .zg-badge__icon svg {
                width: 21px;
                height: 21px
            }
        }

        /* A dark, filled Z belongs to the footer background, with no outline strokes. */

        .zy-footer__cta {
            cursor: pointer
        }

        .zy-footer__cta:focus-visible {
            outline: 2px solid #c7a4ff;
            outline-offset: 4px
        }

        .zy-footer__nav a svg {
            background: #21003d;
            color: var(--zg-purple);
            opacity: 1
        }

        .zy-footer__social a {
            background: var(--zg-purple);
            border-color: var(--zg-purple);
            color: #fff;
            box-shadow: none
        }

        .zy-footer__social svg {
            opacity: 1
        }

        .zy-footer__contact .zy-eyebrow svg {
            color: var(--zg-purple)
        }

        @media(hover:hover) {
            .zy-footer__nav a:hover svg {
                background: var(--zg-purple);
                color: #fff
            }
            .zy-footer__social a:hover {
                background: #5300cc;
                border-color: var(--zg-purple)
            }
        }

        .zy-footer__contact [data-support-chat-status] {
            display: block;
            margin-top: 10px;
            color: #c9bbda;
            font: 500 12px/1.4 var(--zg-ui)
        }

        .zy-footer__glow::before {
            content: "";
            left: clamp(-310px, -16vw, -140px);
            top: 12%;
            width: clamp(550px, 56vw, 900px);
            height: clamp(460px, 44vw, 680px);
            font: initial;
            letter-spacing: normal;
            color: transparent;
            -webkit-text-stroke: 0;
            text-shadow: none;
            background: linear-gradient(145deg, #47146b94, #26083d9c);
            clip-path: polygon(4% 5%, 97% 5%, 97% 24%, 38% 75%, 97% 75%, 97% 94%, 3% 94%, 3% 75%, 62% 24%, 4% 24%);
            filter: none;
            opacity: .42;
            transform: rotate(-5deg);
            transition: none !important;
            animation: none !important
        }

        .zy-footer:hover .zy-footer__glow::before {
            opacity: .42;
            filter: none;
            transform: rotate(-5deg)
        }

        @media(max-width:700px) {
            .zy-footer__glow::before {
                left: -210px;
                top: 22%;
                width: 480px;
                height: 460px;
                opacity: .4
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-featured-category {
                animation: none
            }
            .zy-footer__glow::before {
                transition: none
            }
            .zy-benefit .zy-benefit__art--photo>img {
                animation: none;
                transition: none
            }
            .zy-benefit:hover .zy-benefit__art--photo>img {
                transform: none;
                scale: 1
            }
            .zy-benefit:nth-child(3):hover .zy-benefit__art--photo>img {
                scale: 1.1
            }
            .zg-trust .zg-badge,
            .zg-trust .zg-badge__icon,
            .zg-trust .zg-badge::after {
                transition: none
            }
            .zg-trust .zg-badge:hover,
            .zg-trust .zg-badge:hover .zg-badge__icon {
                transform: none
            }
        }


.zg-mq__copy::before { content: attr(data-text); }
.zg-logo-img {
  display: block;
  width: 140px;
  height: 50px;
  object-fit: contain;
}
.zg-logo-fallback {
  display: flex;
  align-items: center;
  height: 50px;
  font-family: var(--zg-display);
  font-weight: 900;
  font-style: italic;
  font-size: 28px;
  letter-spacing: -0.04em;
  color: #fff;
  text-transform: uppercase;
}
.zg-title--sm { font-size: 28px; line-height: 1.05; }
.zg-home .package-list.zy-spotlight__grid,
.zg-catalog .package-list.zy-spotlight__grid,
.zg-catalog.zy-spotlight__grid {
  width: 100%;
}
.zg-catalog { padding: 48px 0 24px; }
#hero-search-result a,
#search-result a,
#search-result-mobile a { color: #fff; }
.zg-drawer { height: 100%; max-height: 100dvh; }
body { background: #13002d; }

.zg-catalog {
  width: min(1546px, calc(100% - 48px));
  margin-inline: auto;
}
.zg-catalog .zy-spotlight {
  width: 100%;
  margin-inline: 0;
}
.zg-catalog .zy-product,
.package-list .zy-product,
.keen-slider__slide > .zy-product {
  display: flex;
  width: 100%;
}