/* Mega menu — dropdown panel, cards, right column. Scoped under .zds-v1.
   Colors sourced live from Figma per-item (see DOCS/mega-menu-plan.md Task 5);
   every color below resolves to a --zds-* token, no raw hex. */


.zds-v1.zds-header {
    position: relative;
    z-index: 100;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    background: var(--zds-color-deep-green);
    transition: background-color 0.25s ease 0.15s;
}

.zds-v1 .zds-header__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: min(
        var(--zds-header-container-max-width),
        calc(100% - 2 * var(--zds-layout-edge-padding))
    );
    margin-inline: auto;
}

.zds-v1.zds-header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--zds-color-dark-green);
    z-index: 1000;
    transition: background-color 0.25s ease;
}

.zds-v1.zds-header.zmm-light::after {
    background: var(--zds-color-on-light-border);
    transition: background-color 0.25s ease 0.1s;
}

.zds-v1 .zds-header__inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    min-width: 0;
    gap: clamp(24px, 34.74vw - 393.19px, 222px);
}

.zds-v1 .zds-header__logo {
    position: relative;
    flex-shrink: 0;
}

.zds-v1 .zds-header__logo-img {
    display: block;
    height: clamp(22.4px, 1.18vw + 17.78px, 32px);
    width: clamp(112px, 5.92vw + 88.92px, 160px);
    transition: opacity 0.25s ease;
}

.zds-v1 .zds-header__logo-img--light {
    position: absolute;
    inset: 0;
    opacity: 0;
}

.zds-v1.zds-header.zmm-light .zds-header__logo-img--dark {
    opacity: 0;
    transition: opacity 0.25s ease 0.1s;
}

.zds-v1.zds-header.zmm-light .zds-header__logo-img--light {
    opacity: 1;
    transition: opacity 0.25s ease 0.1s;
}

.zds-v1 .zds-header__actions {
    display: flex;
    align-items: center;
    gap: var(--zds-space-6);
    flex-shrink: 0;
}

.zds-v1 .zmob-toggle {
    display: none;
}

@media (max-width: 796px) {
    .zds-v1.zds-header {
        height: 64px;
    }

    .zds-v1 .zds-header__container {
        padding: 0 8px 0 16px;
    }
}

@media (min-width: 797px) and (max-width: 1200px) {
    .zds-v1.zds-header {
        height: 80px;
    }

    .zds-v1 .zds-header__container {
        padding: 0 24px;
    }
}

@media (max-width: 1200px) {
    .zds-v1 .zds-header__container {
        max-width: none;
    }

    .zds-v1 .zds-header__inner {
        display: none;
    }

    .zds-v1 .zmob-toggle {
        display: flex;
    }
}

.zds-v1 .zds-header__menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 36px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.zds-v1 .zds-header__menu .zmm-nav-link {
    height: 80px;
    padding-inline: 0;
    gap: 5px;
}

@media (min-width: 1201px) and (max-width: 1386px) {
    .zds-v1 .zds-header__actions .btn-sm {
        padding-inline: var(--zds-space-3);
    }
}

.zds-v1 .zmm-nav-link:focus:not([disabled]):not([aria-disabled="true"]) {
    border-bottom-color: transparent;
}

.zds-v1 .zmm-nav-link:active:not([disabled]):not([aria-disabled="true"]) {
    border-color: transparent;
    box-shadow: none;
}

.zds-v1 .zmm-nav-link {
    transition: none;
}

.zds-v1 .zds-header__menu > li > a.zmm-nav-link {
    transition: background-color 0.25s ease 0.15s, color 0.25s ease 0.15s, border-color 0.25s ease 0.15s, box-shadow 0.25s ease 0.15s;
}

.zds-v1.zds-header.zmm-light .zds-header__menu > li > a.zmm-nav-link {
    transition: background-color 0.25s ease 0.1s, color 0.25s ease 0.1s, border-color 0.25s ease 0.1s, box-shadow 0.25s ease 0.1s;
}

.zds-v1 .zmm-nav-link:hover:not([disabled]):not([aria-disabled="true"]),
.zds-v1 .zmm-nav-link:active:not([disabled]):not([aria-disabled="true"]),
.zds-v1 .zmm-nav-link:focus:not([disabled]):not([aria-disabled="true"]) {
    background-color: transparent;
}

.zds-v1 .zmm-indicator {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background: var(--zds-color-dark-green);
    border-radius: var(--zds-radius-sm);
    flex-shrink: 0;
    transition: background-color 0.25s ease 0.15s;
}

.zds-v1 .zmm-indicator .zds-icon {
    --zds-icon-color: var(--zds-color-cream);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.25s ease, background-color 0.25s ease;
    width: 14px;
    height: 14px;
}

.zds-v1 .zmm-indicator__close {
    opacity: 0;
}

.zds-v1 .is-open .zmm-indicator__open {
    opacity: 0;
    transition: opacity 0.25s ease 0.1s, background-color 0.25s ease;
}

.zds-v1 .is-open .zmm-indicator__close {
    opacity: 1;
    transition: opacity 0.25s ease 0.1s, background-color 0.25s ease;
}

.zds-v1 .zmm-switching.is-open .zmm-indicator__open {
    transition-delay: 0s;
}

.zds-v1 .zmm-switching.is-open .zmm-indicator__close {
    transition-delay: 0s;
}

.zds-v1 .zds-header__menu > li > a.zmm-nav-link {
    position: relative;
}

.zds-v1 .zds-header__menu > li > a.zmm-nav-link::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    z-index: 1001;
    height: 3px;
    background: var(--zds-color-mint);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.zds-v1 .zds-header__menu > li.zmm-active > a.zmm-nav-link::after {
    opacity: 1;
    transition: opacity 0.25s ease 0.1s;
}


.zds-v1.zds-header.zmm-light {
    background: var(--zds-color-cream);
    transition: background-color 0.25s ease 0.1s;
}

.zds-v1.zds-header.zmm-light .zmm-nav-link {
    color: var(--zds-color-deep-green);
}

.zds-v1.zds-header.zmm-light .zmm-nav-link:hover:not([disabled]):not([aria-disabled="true"]),
.zds-v1.zds-header.zmm-light .zmm-nav-link:active:not([disabled]):not([aria-disabled="true"]),
.zds-v1.zds-header.zmm-light .zmm-nav-link:focus:not([disabled]):not([aria-disabled="true"]) {
    color: var(--zds-color-deep-green);
}

.zds-v1.zds-header.zmm-light .zmm-indicator {
    background: var(--zds-color-on-light-border);
    transition: background-color 0.25s ease 0.1s;
}

.zds-v1.zds-header.zmm-light .zmm-indicator .zds-icon {
    --zds-icon-color: var(--zds-color-deep-green);
    transition: background-color 0.25s ease 0.1s;
}

.zds-v1.zds-header.zmm-light .zls-trigger {
    background: var(--zds-color-on-light-border);
    transition: background-color 0.25s ease 0.1s, box-shadow 0.25s ease 0.1s, color 0.25s ease 0.1s, border-color 0.25s ease 0.1s, opacity 0.25s ease 0.1s;
}

.zds-v1.zds-header.zmm-light .zls-trigger:focus:not([disabled]):not([aria-disabled="true"]) {
    background: var(--zds-color-on-light-border);
}

.zds-v1 .zls-trigger__code {
    transition: color 0.25s ease;
}

.zds-v1.zds-header.zmm-light .zls-trigger__code {
    color: var(--zds-color-deep-green);
    transition: color 0.25s ease 0.1s;
}

.zds-v1 .zls-trigger__icon .zds-icon {
    transition: background-color 0.25s ease;
}

.zds-v1.zds-header.zmm-light .zls-trigger__icon {
    --zds-icon-color: var(--zds-color-deep-green);
}

.zds-v1.zds-header.zmm-light .zls-trigger__icon .zds-icon {
    transition: background-color 0.25s ease 0.1s;
}

.zds-v1.zds-header.zmm-light .zls-trigger__icon .zds-icon-caretdown {
    transform: rotate(180deg);
}

.zds-v1.zds-header.zmm-light .zls-switcher.is-open .zls-trigger__icon .zds-icon-caretdown {
    transform: none;
}

.zds-v1.zds-header.zmm-light .zls-dropdown {
    background: var(--zds-color-on-light-border);
}

.zds-v1.zds-header.zmm-light .zls-option__code,
.zds-v1.zds-header.zmm-light .zls-option__name {
    color: var(--zds-color-deep-green);
}

.zds-v1 .zmm-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 999;
    background: var(--zds-color-cream);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.zds-v1 .zmm-dropdown.zmm-no-transition {
    transition: none !important;
}

.zds-v1 .zmm-dropdown__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: min(1280px, calc(100% - 100px));
    height: 426px;
    margin: 0 auto;
    padding: var(--zds-space-6) 0;
}

.zds-v1 .has-dropdown.is-open .zmm-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity 0.25s ease 0.1s, visibility 0.25s ease 0.1s, transform 0.25s ease 0.1s;
}

.zds-v1 .has-dropdown.zmm-switching.is-open .zmm-dropdown {
    transition-delay: 0s;
}

.zds-v1 .zmm-card {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.zds-v1 .has-dropdown.is-open .zmm-card {
    opacity: 1;
    transform: translateY(0);
}

.zds-v1 .has-dropdown.is-open .zmm-card:nth-child(1) { transition-delay: 0.15s; }
.zds-v1 .has-dropdown.is-open .zmm-card:nth-child(2) { transition-delay: 0.2s; }
.zds-v1 .has-dropdown.is-open .zmm-card:nth-child(3) { transition-delay: 0.25s; }
.zds-v1 .has-dropdown.is-open .zmm-card:nth-child(4) { transition-delay: 0.3s; }
.zds-v1 .has-dropdown.is-open .zmm-card:nth-child(5) { transition-delay: 0.35s; }
.zds-v1 .has-dropdown.is-open .zmm-card:nth-child(6) { transition-delay: 0.4s; }

.zds-v1 .has-dropdown.zmm-switching.is-open .zmm-card {
    transition-delay: 0s;
}


.zds-v1 .zmm-left {
    display: flex;
    flex-direction: row;
    flex: 1;
    height: 378px;
    gap: 40px;
}

.zds-v1 .zmm-left--dividers {
    gap: 108px;
}

.zds-v1 .zmm-left--dividers .zmm-sub-column {
    position: relative;
    flex: 0 0 243px;
    width: 243px;
}

.zds-v1 .zmm-left--dividers .zmm-sub-column + .zmm-sub-column::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(-1 * clamp(12px, 23.465vw - 269.8px, 54px));
    width: 1px;
    background: var(--zds-color-beige);
}

.zds-v1 .zmm-sub-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    min-width: 0;
}

.zds-v1 .zmm-sub-column--top {
    justify-content: flex-start;
}

.zds-v1 .zmm-sub-column__heading {
    font-family: var(--zds-font-family-base);
    font-weight: var(--zds-font-weight-regular);
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    color: var(--zds-color-taupe);
    margin-bottom: var(--zds-space-6);
}


.zds-v1 .zmm-card {
    position: relative;
    display: block;
    width: 100%;
    border-radius: var(--zds-radius-sm);
    overflow: hidden;
    text-decoration: none;
}

.zds-v1 .zmm-card__video {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s ease 0.4s;
}

.zds-v1 .zmm-card--icon .zmm-card__photo .zmm-card__video {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center center;
}

.zds-v1 .zmm-card--icon .zmm-card__video {
    transition: opacity 0s;
}

.zds-v1 .zmm-card--icon .zmm-card__photo img {
    transition: opacity 0s;
}

.zds-v1 .zmm-card--icon.is-playing .zmm-card__photo img {
    opacity: 0;
}

.zds-v1 .zmm-card.is-playing .zmm-card__video {
    opacity: 1;
}

.zds-v1 .zmm-card--icon.is-playing .zmm-card__video {
    transition: opacity 0s;
}

.zds-v1 .zmm-card__name,
.zds-v1 .zmm-card__text,
.zds-v1 .zmm-card__label,
.zds-v1 .zmm-card__arrow {
    z-index: 2;
    transition: opacity 0.6s ease 0.4s;
}

.zds-v1 .zmm-card.is-playing .zmm-card__name,
.zds-v1 .zmm-card.is-playing .zmm-card__text,
.zds-v1 .zmm-card.is-playing .zmm-card__label,
.zds-v1 .zmm-card.is-playing .zmm-card__arrow {
    opacity: 0;
}

.zds-v1 .zmm-card--icon.is-playing .zmm-card__text,
.zds-v1 .zmm-card--icon.is-playing .zmm-card__arrow {
    opacity: 1;
}

.zds-v1 .zmm-card--icon img {
    z-index: 0;
}

.zds-v1 .zmm-card + .zmm-card {
    margin-top: 40px;
}

.zds-v1 .zmm-card__arrow {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--zds-color-beige);
    border-radius: var(--zds-radius-sm);
    transition: background-color 0.15s ease, box-shadow 0.15s ease, opacity 0.6s ease 0.4s;
}

.zds-v1 .zmm-card__arrow--dimmed {
    opacity: 0.5;
}

.zds-v1 .zmm-card--icon .zmm-card__bottom,
.zds-v1 .zmm-card--coming-soon .zmm-card__bottom {
    height: 40px;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.zds-v1 .zmm-card--icon .zmm-card__arrow,
.zds-v1 .zmm-card--coming-soon .zmm-card__arrow {
    position: relative;
    bottom: auto;
    right: auto;
    flex-shrink: 0;
}


.zds-v1 .zmm-card--person {
    height: 336px;
    flex-shrink: 0;
    padding: var(--zds-space-4);
    border-radius: var(--zds-radius-sm);
    background-color: var(--zds-color-green-700);
    background-size: cover;
    background-position: center top;
    color: var(--zds-color-cream);
    transition: box-shadow 0.15s ease;
    isolation: isolate;
}


.zds-v1 .zmm-card--person::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--zmm-card-photo);
    background-size: cover;
    background-position: center top;
    transition: transform 0.3s ease;
    z-index: 0;
    border-radius: inherit;
}

.zds-v1 .zmm-card--person:hover::before {
    transform: scale(1.1);
}

.zds-v1 .zmm-card--person::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(21, 43, 38, 0.4);
    z-index: 1;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.zds-v1 .zmm-card--person:hover::after {
    opacity: 0;
}

.zds-v1 .zmm-card--person .zmm-card__name {
    position: absolute;
    bottom: 16px;
    left: 16px;
    max-width: calc(100% - 32px - 56px);
    font-family: var(--zds-font-family-heading);
    font-weight: var(--zds-font-weight-medium);
    font-size: 16px;
    line-height: 130%;
    color: var(--zds-color-cream);
    z-index: 3;
    transform: translateY(3px);
}

/* Coming-soon person card — desaturated photo + a "Coming soon" label,
   reusing the person card's own photo/overlay/name/arrow structure
   (node 1:671, file mAVD5WZEri0AOll3U7bhRA). Desktop only — the mobile
   Figma variant has no label, just the desaturated card (see
   .zmob-card--person.zmm-card--person-coming-soon override below). */
.zds-v1 .zmm-card--person-coming-soon {
    background-color: var(--zds-color-neutral-700);
    cursor: default;
}

.zds-v1 .zmm-card--person-coming-soon::before {
    filter: saturate(0.15);
}

.zds-v1 .zmm-card--person-coming-soon:hover::before {
    transform: none;
}

.zds-v1 .zmm-card--person-coming-soon::after,
.zds-v1 .zmm-card--person-coming-soon:hover::after {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.zds-v1 .zmm-card--person-coming-soon .zmm-card__label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.zds-v1 .zmm-card--person-coming-soon .zmm-card__name {
    color: var(--zds-color-taupe);
}

.zds-v1 .zmm-card--person-coming-soon .zmm-card__arrow {
    background: var(--zds-color-taupe);
}

.zds-v1 .zmm-card--person-coming-soon .zmm-card__arrow-icon {
    --zds-icon-color: var(--zds-color-neutral-700) !important;
}

.zds-v1 .zmm-card__arrow-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.zds-v1 .zmm-card__arrow-icon--default {
    transition: transform 0.4s ease;
}

.zds-v1 .zmm-card__arrow-icon--hover {
    display: none;
}

.zds-v1 .zmm-card:hover .zmm-card__arrow-icon--default {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.zds-v1 .zmm-card--coming-soon:hover .zmm-card__arrow-icon--default {
    transform: translate(-50%, -50%);
}

.zds-v1 .zmm-card--person .zmm-card__arrow {
    z-index: 3;
}

.zds-v1 .zmm-card--person:hover .zmm-card__arrow {
    background: var(--zds-color-cream);
    box-shadow: 0px 0px 8px rgba(17, 34, 30, 0.4);
}

.zds-v1 .zmm-card--person-coming-soon:hover .zmm-card__arrow-icon--default {
    transform: translate(-50%, -50%);
}

.zds-v1 .zmm-card--person-coming-soon:hover .zmm-card__arrow {
    background: var(--zds-color-taupe);
    box-shadow: none;
}

.zds-v1 .zmm-card--icon:hover .zmm-card__arrow {
    background: var(--zds-color-cream);
    box-shadow: 0px 0px 8px rgba(17, 34, 30, 0.4);
}

.zds-v1 .zmm-card--color:hover .zmm-card__arrow {
    background: var(--zds-color-cream);
    box-shadow: 0px 0px 8px rgba(17, 34, 30, 0.4);
}


.zds-v1 .zmm-card--icon {
    height: 336px;
    flex-shrink: 0;
    padding: 16px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    background-color: var(--zds-color-deep-green);
    color: var(--zds-color-cream);
}

.zds-v1 .zmm-card--icon .zmm-card__photo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.zds-v1 .zmm-card--icon .zmm-card__photo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.zds-v1 .zmm-card--icon .zmm-card__text {
    font-family: var(--zds-font-family-heading);
    font-weight: var(--zds-font-weight-medium);
    font-size: 16px;
    line-height: 130%;
    color: var(--zds-color-cream);
    transform: translateY(3px);
}


.zds-v1 .zmm-card--color {
    height: 336px;
    flex-shrink: 0;
    padding: 16px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    color: var(--zds-color-cream);
}

.zds-v1 .zmm-card--color .zmm-card__text {
    font-family: var(--zds-font-family-heading);
    font-weight: var(--zds-font-weight-medium);
    font-size: 16px;
    line-height: 130%;
    color: var(--zds-color-cream);
    padding-right: 56px;
    transform: translateY(3px);
}


.zds-v1 .zmm-card--coming-soon {
    height: 336px;
    flex-shrink: 0;
    padding: 16px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background-color: var(--zds-color-neutral-700);
}

.zds-v1 .zmm-card--coming-soon .zmm-card__top {
    position: relative;
    flex: 1;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zds-v1 .zmm-card--coming-soon .zmm-card__top img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.zds-v1 .zmm-card--coming-soon .zmm-card__label {
    position: relative;
    z-index: 1;
}

.zds-v1 .zmm-card--coming-soon .zmm-card__text {
    font-family: var(--zds-font-family-heading);
    font-weight: var(--zds-font-weight-medium);
    font-size: 16px;
    line-height: 130%;
    color: var(--zds-color-taupe);
    transform: translateY(3px);
}

.zds-v1 .zmm-card__label {
    font-family: var(--zds-font-family-heading);
    font-weight: var(--zds-font-weight-bold);
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: var(--zds-color-cream);
    max-width: 211px;
}



.zds-v1 .zmm-right {
    position: relative;
    flex-shrink: 0;
    height: 100%;
    margin-left: var(--zds-space-20);
    display: flex;
    flex-direction: column;
    border-radius: var(--zds-radius-sm);
    overflow: hidden;
}

.zds-v1 .zmm-right__top {
    position: relative;
    width: 100%;
    height: 272px;
    min-height: 308px;
    padding: var(--zds-space-8);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    overflow: hidden;
}

.zds-v1 .zmm-right__top--align-center {
    justify-content: center;
}

.zds-v1 .zmm-right__top--align-bottom {
    justify-content: flex-end;
}

.zds-v1 .zmm-right__heading {
    max-width: 50%;
    overflow: hidden;
    font-family: var(--zds-font-family-heading);
    font-weight: var(--zds-font-weight-bold);
    line-height: 120%;
    color: var(--zds-color-cream);
}

.zds-v1 .zmm-right--wmid .zmm-right__heading {
    max-width: 70%;
}

.zds-v1 .zmm-right__heading--24px {
    font-size: var(--zds-heading-size-mobile-xs);
}

.zds-v1 .zmm-right__heading--32px {
    font-size: var(--zds-heading-size-xs);
}

.zds-v1 .zmm-right__heading--42px {
    font-size: var(--zds-heading-size-sm);
}

.zds-v1 .zmm-right--w280 {
    position: relative;
    margin-left: 54px;
    border-radius: var(--zds-radius-sm);
}

.zds-v1 .zmm-right--w280 .zmm-right__top {
    height: 378px;
    padding: var(--zds-space-8) var(--zds-space-6) var(--zds-space-6);
}

.zds-v1 .zmm-right--w280 .zmm-right__heading {
    max-width: 100%;
}

.zds-v1 .zmm-right--w280 .zmm-right__bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: var(--zds-space-8) var(--zds-space-6);
    background-color: transparent;
}

.zds-v1 .zmm-right--w280 .zmm-right__subtext {
    text-align: center;
}

.zds-v1 .zmm-right__bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--zds-space-6);
    overflow: hidden;
}

.zds-v1 .zmm-right:has(.zmm-right__top--align-top) {
    position: relative;
    height: 100%;
}

.zds-v1 .zmm-right__top--align-top {
    position: absolute;
    inset: 0;
    height: 100%;
}

.zds-v1 .zmm-right:has(.zmm-right__top--align-top) .zmm-right__bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    min-height: 72px;
}

.zds-v1 .zmm-right--dark .zmm-right__bottom {
    padding: var(--zds-space-4) var(--zds-space-8);
    background-color: var(--zds-color-deep-green);
}

.zds-v1 .zmm-right--dark:not(.zmm-right--w280) .zmm-right__bottom {
    min-height: 72px;
}

.zds-v1 .zmm-right--dark .zmm-right__subtext {
    font-family: var(--zds-font-family-base);
    font-weight: var(--zds-font-weight-light);
    font-size: 14px;
    line-height: 140%;
    color: var(--zds-color-cream);
}

.zds-v1 .zmm-dropdown__inner--right-880 .zmm-right--dark .zmm-right__subtext {
    font-size: 18px;
}

.zds-v1 .zmm-right--light .zmm-right__top {
    height: 314px;
    border-radius: var(--zds-radius-sm);
}

.zds-v1 .zmm-right--light .zmm-right__bottom {
    padding: var(--zds-space-6) 0 0;
    background-color: var(--zds-color-cream);
}

.zds-v1 .zmm-right--light:not(.zmm-right--w280):not(:has(.zmm-right__top--align-top)) .zmm-right__top {
    flex: 1;
    height: auto;
    min-height: 0;
}

.zds-v1 .zmm-right--light:not(.zmm-right--w280):not(:has(.zmm-right__top--align-top)) .zmm-right__bottom {
    position: static;
    flex: 0 0 auto;
    min-height: 64px;
}

.zds-v1 .zmm-right--light.zmm-right:has(.zmm-right__top--align-top) .zmm-right__bottom {
    height: auto;
    min-height: 0;
    max-height: 64px;
}

.zds-v1 .zmm-right--light .zmm-right__subtext {
    font-family: var(--zds-font-family-heading);
    font-weight: var(--zds-font-weight-medium);
    font-size: 16px;
    line-height: 130%;
    color: var(--zds-color-deep-green);
}

.zds-v1 .zmm-right--w280 .zmm-right__bottom {
    padding: var(--zds-space-6);
    background-color: transparent;
}

.zds-v1 .zmm-right__bottom .btn {
    flex-shrink: 0;
    transition: background-color 0.4s ease, box-shadow 0.4s ease, color 0.4s ease, border-color 0.4s ease, opacity 0.4s ease;
}

.zds-v1 .zmm-right__subtext {
    min-width: 0;
    transform: translateY(3px);
    overflow: hidden;
}

.zds-v1 .zmm-dropdown__inner--cols-3 .zmm-left {
    gap: clamp(30px, 5.59vw - 37.09px, 40px);
}

.zds-v1 .zmm-dropdown__inner--cols-3 .zmm-right {
    margin-left: clamp(40px, 22.35vw - 228.38px, 80px);
}

.zds-v1 .zmm-left--dividers ~ .zmm-right {
    margin-left: clamp(40px, 7.82vw - 53.93px, 54px);
}

.zds-v1 .zmm-left--dividers {
    gap: clamp(24px, 46.93vw - 539.6px, 108px);
}

@media (min-width: 1201px) and (max-width: 1379px) {
    .zds-v1 .zmm-dropdown__inner--right-880 .zmm-left {
        flex: 0 0 320px;
        width: 320px;
    }

    .zds-v1 .zmm-dropdown__inner--right-880 .zmm-right {
        width: auto !important;
        flex: 1;
    }

    .zds-v1 .zmm-dropdown__inner--right-auto .zmm-right {
        width: auto !important;
        flex: 1;
    }

    .zds-v1 .zmm-dropdown__inner--cols-3 .zmm-sub-column {
        flex: 0 0 200px;
        width: 200px;
    }
}

@media (min-width: 1201px) {
    .zds-v1 .zmm-dropdown__inner--cols-3 .zmm-sub-column .zmm-card__label {
        font-size: 28px;
    }
}