html.zmec-landing-html,
body.zmec-landing-body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100%;
    background: #eef5ff;
}

body.zmec-landing-body #wpadminbar {
    display: none !important;
}

.zmec-standalone-page {
    display: block;
    width: 100%;
    min-height: 100svh;
    margin: 0;
    padding: 0;
}

.zmec,
.zmec * {
    box-sizing: border-box;
}

.zmec {
    --zmec-blue: #0752b8;
    --zmec-blue-deep: #0b347a;
    --zmec-blue-ink: #073169;
    --zmec-blue-soft: rgba(7, 82, 184, .10);
    --zmec-ink: #111827;
    --zmec-text: #27364a;
    --zmec-muted: #667085;
    --zmec-line: rgba(15, 43, 83, .12);
    --zmec-line-strong: rgba(7, 82, 184, .24);
    --zmec-glass: rgba(255, 255, 255, .70);
    --zmec-glass-strong: rgba(255, 255, 255, .86);
    --zmec-danger: #b42318;
    --zmec-success: #087a61;
    --zmec-shadow: 0 24px 70px rgba(10, 45, 95, .15);
    --zmec-shadow-soft: 0 14px 34px rgba(10, 45, 95, .10);
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 100svh;
    padding: max(18px, env(safe-area-inset-top)) 12px max(30px, env(safe-area-inset-bottom));
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 9%, rgba(64, 139, 255, .25), transparent 28%),
        radial-gradient(circle at 92% 4%, rgba(7, 82, 184, .18), transparent 34%),
        radial-gradient(circle at 52% 105%, rgba(66, 153, 225, .18), transparent 36%),
        linear-gradient(180deg, #f9fcff 0%, #eef6ff 50%, #eaf2ff 100%);
    color: var(--zmec-text);
    font-family: Vazirmatn, Tahoma, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    touch-action: manipulation;
}

.zmec::before,
.zmec::after {
    content: "";
    position: fixed;
    z-index: -1;
    pointer-events: none;
    filter: blur(2px);
    opacity: .72;
}

.zmec::before {
    width: 260px;
    height: 260px;
    top: -84px;
    right: -105px;
    border-radius: 43% 57% 62% 38% / 49% 37% 63% 51%;
    background: linear-gradient(135deg, rgba(7, 82, 184, .20), rgba(255, 255, 255, .05));
}

.zmec::after {
    width: 220px;
    height: 220px;
    left: -92px;
    bottom: 8%;
    border-radius: 58% 42% 49% 51% / 48% 55% 45% 52%;
    background: linear-gradient(135deg, rgba(110, 168, 255, .22), rgba(255, 255, 255, .05));
}

.zmec [hidden] {
    display: none !important;
}

.zmec a,
.zmec button,
.zmec input,
.zmec textarea,
.zmec select {
    font-family: inherit;
}

.zmec a {
    text-decoration: none;
}

.zmec-shell {
    width: min(100%, 560px);
    margin: 0 auto;
}

.zmec-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
    padding: 22px 18px;
    border: 1px solid rgba(255, 255, 255, .74);
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(244,249,255,.58)),
        linear-gradient(135deg, rgba(7,82,184,.08), transparent 58%);
    box-shadow: var(--zmec-shadow);
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
}

.zmec-hero::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    border: 1px solid rgba(255,255,255,.48);
    pointer-events: none;
}

.zmec-hero::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    inset: auto -46px -56px auto;
    border-radius: 50%;
    background: rgba(7, 82, 184, .08);
    pointer-events: none;
}

.zmec-hero-card {
    position: relative;
    z-index: 1;
    text-align: center;
}

.zmec-kicker,
.zmec h1,
.zmec h2,
.zmec p {
    margin: 0;
}

.zmec h1 {
    width: min(100%, 430px);
    margin: 0 auto;
    color: var(--zmec-blue);
    text-align: center;
    font-size: clamp(24px, 6.4vw, 36px);
    line-height: 1.38;
    font-weight: 900;
    letter-spacing: -.045em;
}

.zmec-lead {
    width: min(100%, 460px);
    margin: 12px auto 0 !important;
    color: var(--zmec-muted);
    font-size: 14px;
    line-height: 1.95;
    text-align: center;
}

.zmec-card,
.zmec-footer {
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.67)),
        radial-gradient(circle at 100% 0%, rgba(7,82,184,.07), transparent 28%);
    box-shadow: var(--zmec-shadow);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
}

.zmec-card {
    position: relative;
    overflow: hidden;
    padding: 18px;
}

.zmec-card::before,
.zmec-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255,255,255,.34), transparent 34%, rgba(7,82,184,.035));
}

.zmec-card > *,
.zmec-footer > * {
    position: relative;
    z-index: 1;
}

.zmec-progress {
    position: absolute;
    z-index: 2;
    inset: 0 0 auto;
    height: 4px;
    background: rgba(7, 82, 184, .10);
}

.zmec-progress span {
    display: block;
    width: 34%;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--zmec-blue), #58a6ff);
    transition: width .25s ease;
}

.zmec-section-head {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 6px 0 15px;
}

.zmec-section-head-spaced {
    margin-top: 24px;
}

.zmec-section-head > span {
    display: inline-grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(7, 82, 184, .14), rgba(7, 82, 184, .06));
    color: var(--zmec-blue);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
    font-weight: 900;
    font-size: 14px;
}

.zmec-section-head h2 {
    color: var(--zmec-ink);
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -.025em;
}

.zmec-section-head p {
    margin-top: 5px;
    color: var(--zmec-muted);
    font-size: 12px;
    line-height: 1.75;
}

.zmec-cars {
    display: grid;
    gap: 12px;
}

.zmec-car {
    position: relative;
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 12px;
    min-height: 122px;
    padding: 10px;
    overflow: hidden;
    border: 1.5px solid rgba(255,255,255,.70);
    border-radius: 24px;
    background: rgba(255,255,255,.62);
    box-shadow: 0 10px 28px rgba(15, 43, 83, .07), inset 0 1px 0 rgba(255,255,255,.78);
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
    -webkit-tap-highlight-color: transparent;
}

.zmec-car::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255,255,255,.40), transparent 48%);
    pointer-events: none;
}

.zmec-car input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.zmec-car.is-selected {
    border-color: rgba(7, 82, 184, .52);
    background: rgba(255,255,255,.82);
    box-shadow: 0 18px 42px rgba(7, 82, 184, .16), inset 0 1px 0 rgba(255,255,255,.84);
}

.zmec-car:active {
    transform: scale(.99);
}

.zmec-car-img-wrap {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(240,246,255,.86), rgba(255,255,255,.62));
}

.zmec-car img {
    display: block;
    width: 100%;
    height: 100px;
    object-fit: contain;
    filter: drop-shadow(0 10px 12px rgba(15, 23, 42, .10));
}

.zmec-car-body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding-inline-start: 4px;
}

.zmec-car-check {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1.5px solid rgba(7, 82, 184, .28);
    border-radius: 50%;
    background: rgba(255,255,255,.88);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.zmec-car.is-selected .zmec-car-check {
    border-color: var(--zmec-blue);
    background: var(--zmec-blue);
}

.zmec-car.is-selected .zmec-car-check::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    background: #fff;
}

.zmec-car-body strong {
    padding-left: 28px;
    color: var(--zmec-ink);
    font-size: 15px;
    line-height: 1.55;
    font-weight: 900;
}

.zmec-car-body small {
    margin-top: 1px;
    color: var(--zmec-muted);
    font-size: 11px;
    direction: ltr;
    text-align: right;
}

.zmec-car-body b {
    width: max-content;
    max-width: 100%;
    margin-top: 10px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(7, 82, 184, .10);
    color: var(--zmec-blue-deep);
    font-size: 12px;
    font-weight: 900;
}

.zmec-mini-note {
    margin-top: 12px !important;
    padding: 12px 13px;
    border: 1px solid rgba(255,255,255,.70);
    border-radius: 18px;
    background: rgba(255,255,255,.56);
    color: #5f6f86;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
    font-size: 11.5px;
    line-height: 1.85;
}

.zmec-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.zmec-field {
    display: grid;
    gap: 7px;
}

.zmec-field span {
    padding-inline: 2px;
    color: #243852;
    font-size: 12px;
    font-weight: 900;
}

.zmec-field input {
    width: 100%;
    min-height: 56px;
    padding: 0 15px;
    border: 1.5px solid rgba(255,255,255,.72);
    border-radius: 18px;
    outline: none;
    background: rgba(255,255,255,.78);
    box-shadow: 0 10px 24px rgba(15, 43, 83, .055), inset 0 1px 0 rgba(255,255,255,.85);
    color: var(--zmec-text);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
    direction: rtl;
    -webkit-appearance: none;
    appearance: none;
}

.zmec-field input::placeholder {
    color: #aeb8c7;
    font-weight: 500;
}

.zmec-field input:focus {
    border-color: rgba(7, 82, 184, .55);
    box-shadow: 0 0 0 5px rgba(7, 82, 184, .10), 0 14px 30px rgba(7, 82, 184, .08), inset 0 1px 0 rgba(255,255,255,.92);
    background: rgba(255,255,255,.92);
    font-size: 16px;
}

.zmec-field.is-valid input {
    border-color: rgba(8, 122, 97, .55);
}

.zmec-field.is-invalid input {
    border-color: rgba(180, 35, 24, .65);
}

.zmec-field em {
    min-height: 17px;
    padding-inline: 2px;
    color: var(--zmec-muted);
    font-size: 11px;
    font-style: normal;
    line-height: 1.55;
}

.zmec-field.is-valid em {
    color: var(--zmec-success);
}

.zmec-field.is-invalid em {
    color: var(--zmec-danger);
}

.zmec-actions {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.zmec-actions-row {
    grid-template-columns: 1fr;
}

.zmec-primary,
.zmec-secondary,
.zmec-option-link,
.zmec-call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 18px;
    border-radius: 18px;
    border: 0;
    text-decoration: none;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    -webkit-tap-highlight-color: transparent;
}

.zmec-primary {
    background: linear-gradient(135deg, var(--zmec-blue), #2a78df 54%, #58a6ff);
    color: #fff;
    box-shadow: 0 16px 34px rgba(7, 82, 184, .26);
}

.zmec-primary:hover,
.zmec-primary:focus,
.zmec-primary:active {
    color: #fff;
}

.zmec-secondary {
    border: 1px solid rgba(7, 82, 184, .14);
    background: rgba(255,255,255,.68);
    color: var(--zmec-blue-deep);
}

.zmec-primary:disabled,
.zmec-secondary:disabled {
    opacity: .55;
    cursor: wait;
}

.zmec-primary:active,
.zmec-secondary:active,
.zmec-option-link:active,
.zmec-call:active {
    transform: translateY(1px) scale(.99);
}

.zmec-note {
    color: var(--zmec-muted);
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
}

.zmec-otp {
    padding-top: 8px;
}

.zmec-code-field input {
    text-align: center;
    direction: ltr;
    letter-spacing: .16em;
    font-size: 22px;
}

.zmec-code-field input:focus {
    font-size: 22px;
}

.zmec-result {
    padding: 30px 8px 14px;
    text-align: center;
}

.zmec-result-icon {
    display: inline-grid;
    place-items: center;
    width: 60px;
    height: 60px;
    margin-bottom: 14px;
    border-radius: 24px;
    background: rgba(8, 122, 97, .10);
    color: var(--zmec-success);
    font-size: 32px;
    font-weight: 900;
}

.zmec-result h2 {
    color: var(--zmec-ink);
    font-size: 22px;
    font-weight: 900;
}

.zmec-result p {
    margin-top: 8px;
    color: var(--zmec-muted);
    font-size: 13px;
}

.zmec-result strong {
    display: inline-flex;
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 18px;
    background: rgba(240, 246, 255, .88);
    color: var(--zmec-blue);
    direction: ltr;
    font-size: 20px;
    letter-spacing: .08em;
}

.zmec-alert {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 17px;
    background: rgba(255, 245, 244, .92);
    color: var(--zmec-danger);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.85;
}

.zmec-alert.is-success {
    background: rgba(239, 250, 247, .94);
    color: var(--zmec-success);
}

.zmec-footer {
    position: relative;
    display: grid;
    gap: 12px;
    margin-top: 12px;
    padding: 14px;
    overflow: hidden;
}

.zmec-option-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.zmec-option-link {
    width: 100%;
    border: 1.5px solid rgba(7, 82, 184, .20);
    background: rgba(255,255,255,.72);
    color: var(--zmec-blue);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.zmec-option-link:hover,
.zmec-option-link:focus,
.zmec-option-link:active {
    color: var(--zmec-blue);
    background: rgba(255,255,255,.88);
}

.zmec-option-link.is-disabled {
    border-style: dashed;
    color: #8b95a7;
    background: rgba(247, 248, 251, .70);
    cursor: not-allowed;
}

.zmec-call {
    background: linear-gradient(135deg, #0d274d, #102f63);
    color: #fff;
    box-shadow: 0 14px 30px rgba(13, 39, 77, .20);
}

.zmec-call:hover,
.zmec-call:focus,
.zmec-call:active {
    color: #fff;
}

.zmec-enamad {
    display: flex;
    justify-content: center;
    min-height: 68px;
    padding-top: 2px;
}

.zmec-enamad img {
    display: block;
    max-width: 92px;
    max-height: 92px;
    object-fit: contain;
}

.zmec-hp {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (min-width: 430px) {
    .zmec {
        padding-inline: 16px;
    }

    .zmec-card {
        padding: 22px;
    }

    .zmec-option-links,
    .zmec-actions-row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 760px) {
    .zmec-shell {
        width: min(100%, 720px);
    }

    .zmec-hero {
        padding: 28px 30px;
    }

    .zmec-cars {
        grid-template-columns: 1fr 1fr;
    }

    .zmec-car {
        grid-template-columns: 1fr;
    }

    .zmec-car img {
        height: 136px;
    }
}

@media (max-width: 390px) {
    .zmec {
        padding-inline: 10px;
    }

    .zmec-hero {
        padding: 20px 14px;
        border-radius: 28px;
    }

    .zmec-car {
        grid-template-columns: 100px 1fr;
    }

    .zmec-car img {
        height: 94px;
    }
}

@supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
    .zmec-hero,
    .zmec-card,
    .zmec-footer {
        background: rgba(255,255,255,.96);
    }
}

@media (prefers-reduced-motion: reduce) {
    .zmec *,
    .zmec *::before,
    .zmec *::after {
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

body.zmec-sheet-lock {
    overflow: hidden !important;
    touch-action: none;
}

.zmec-sheet {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: end center;
    padding: 0 10px max(10px, env(safe-area-inset-bottom));
    pointer-events: none;
}

.zmec-sheet-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(3, 18, 42, .28);
    backdrop-filter: blur(10px) saturate(130%);
    -webkit-backdrop-filter: blur(10px) saturate(130%);
    opacity: 0;
    transition: opacity .24s ease;
    pointer-events: none;
}

.zmec-sheet-panel {
    position: relative;
    width: min(100%, 520px);
    max-height: min(84svh, 680px);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 18px 16px 16px;
    border: 1px solid rgba(255, 255, 255, .74);
    border-radius: 30px 30px 24px 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.72)),
        radial-gradient(circle at 16% 8%, rgba(88,166,255,.20), transparent 30%),
        radial-gradient(circle at 92% 0%, rgba(7,82,184,.13), transparent 34%);
    box-shadow: 0 -18px 64px rgba(3, 18, 42, .24), inset 0 1px 0 rgba(255,255,255,.78);
    backdrop-filter: blur(26px) saturate(170%);
    -webkit-backdrop-filter: blur(26px) saturate(170%);
    transform: translateY(calc(100% + 24px)) scale(.985);
    opacity: .98;
    transition: transform .28s cubic-bezier(.22, 1, .36, 1), opacity .22s ease;
    pointer-events: auto;
    outline: none;
}

.zmec-sheet.is-open {
    pointer-events: auto;
}

.zmec-sheet.is-open .zmec-sheet-backdrop {
    opacity: 1;
    pointer-events: auto;
}

.zmec-sheet.is-open .zmec-sheet-panel {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.zmec-sheet-handle {
    display: block;
    width: 48px;
    height: 5px;
    margin: 0 auto 14px;
    border-radius: 999px;
    background: rgba(15, 43, 83, .16);
}

.zmec-sheet-close {
    position: absolute;
    top: 12px;
    left: 12px;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(7, 82, 184, .10);
    border-radius: 15px;
    background: rgba(255,255,255,.68);
    color: var(--zmec-blue-deep);
    font-size: 25px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
    transition: transform .16s ease, background .16s ease;
}

.zmec-sheet-close:active {
    transform: scale(.96);
}

.zmec-sheet-title {
    padding: 0 34px 14px;
    text-align: center;
}

.zmec-sheet-title > span {
    display: inline-flex;
    margin-bottom: 8px;
    padding: 6px 11px;
    border-radius: 999px;
    background: rgba(7,82,184,.08);
    color: var(--zmec-blue);
    font-size: 11px;
    font-weight: 900;
}

.zmec-sheet-title h2 {
    color: var(--zmec-ink);
    font-size: 21px;
    line-height: 1.45;
    font-weight: 900;
}

.zmec-sheet-title p {
    margin-top: 6px;
    color: var(--zmec-muted);
    font-size: 13px;
    line-height: 1.8;
}

.zmec-sheet .zmec-otp {
    padding-top: 0;
}

.zmec-sheet .zmec-code-field input {
    min-height: 64px;
    border-radius: 22px;
    background: rgba(255,255,255,.86);
    font-size: 26px;
    letter-spacing: .22em;
}

.zmec-sheet .zmec-code-field input:focus {
    font-size: 26px;
}

.zmec-sheet-alert {
    margin-top: 12px;
}

.zmec-sheet .zmec-result {
    padding: 16px 4px 4px;
}

.zmec-sheet .zmec-result strong {
    font-size: 22px;
    background: rgba(7,82,184,.08);
    border: 1px solid rgba(7,82,184,.12);
}

.zmec-sheet-done {
    width: 100%;
    margin-top: 14px;
}

@media (min-width: 760px) {
    .zmec-sheet {
        place-items: center;
        padding: 18px;
    }

    .zmec-sheet-panel {
        border-radius: 34px;
        transform: translateY(22px) scale(.975);
    }
}

/* v1.1.5 footer and OTP sheet polish */
.zmec-footer-info {
    display: grid;
    gap: 5px;
    padding: 13px 14px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.52)),
        radial-gradient(circle at 10% 0%, rgba(7,82,184,.09), transparent 38%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 26px rgba(15, 43, 83, .06);
    text-align: center;
}

.zmec-footer-address {
    color: #263b57;
    font-size: 12.5px;
    line-height: 1.9;
    font-weight: 800;
}

.zmec-footer-tagline {
    color: var(--zmec-blue);
    font-size: 13px;
    line-height: 1.75;
    font-weight: 950;
    letter-spacing: -.018em;
}

.zmec-sheet {
    place-items: end center !important;
    padding: 0 10px calc(12px + env(safe-area-inset-bottom)) !important;
}

.zmec-sheet-panel {
    width: min(100%, 530px);
    max-height: min(76svh, 620px);
    border-radius: 32px 32px 24px 24px !important;
    padding: 16px 15px 15px;
    scroll-padding-bottom: 18px;
    transform: translateY(calc(100% + 18px)) scale(.99) !important;
}

.zmec-sheet.is-open .zmec-sheet-panel {
    transform: translateY(0) scale(1) !important;
}

.zmec-sheet-title {
    padding-bottom: 10px;
}

.zmec-sheet-title > span {
    background: rgba(7,82,184,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.76);
}

.zmec-sheet .zmec-code-field input {
    min-height: 66px;
    border-radius: 24px;
    font-size: 28px;
    font-weight: 950;
    letter-spacing: .26em;
    color: var(--zmec-blue-deep);
}

.zmec-sheet .zmec-code-field input:focus {
    font-size: 28px;
}

.zmec-sheet .zmec-primary {
    min-height: 58px;
    border-radius: 20px;
}

.zmec-sheet .zmec-secondary {
    min-height: 54px;
    border-radius: 18px;
}

.zmec-sheet .zmec-result {
    padding: 18px 4px 6px;
    animation: zmecResultIn .34s cubic-bezier(.22, 1, .36, 1) both;
}

.zmec-sheet .zmec-result strong {
    width: 100%;
    justify-content: center;
    padding-block: 14px;
    border-radius: 21px;
}

@keyframes zmecResultIn {
    from { opacity: 0; transform: translateY(10px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (min-width: 760px) {
    .zmec-sheet {
        place-items: end center !important;
        padding: 0 18px 22px !important;
    }

    .zmec-sheet-panel {
        max-height: min(72svh, 600px);
    }
}

/* v1.1.6 — branded hero, dark premium form card, and iOS-style birthdate picker */
.zmec {
    --zmec-navy-950: #020b22;
    --zmec-navy-900: #031436;
    --zmec-navy-850: #061f4a;
    --zmec-navy-800: #082b63;
    --zmec-sky: #65b7ff;
    background:
        radial-gradient(circle at 10% 7%, rgba(91, 169, 255, .24), transparent 30%),
        radial-gradient(circle at 94% 12%, rgba(7, 82, 184, .22), transparent 34%),
        radial-gradient(circle at 50% 104%, rgba(3, 20, 54, .18), transparent 40%),
        linear-gradient(180deg, #f8fbff 0%, #edf5ff 48%, #e8f1ff 100%);
}

.zmec-shell {
    width: min(100%, 590px);
}

.zmec-hero {
    margin-bottom: 16px;
    padding: 18px 15px 20px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% -20%, rgba(101, 183, 255, .22), transparent 42%),
        linear-gradient(150deg, rgba(255,255,255,.90), rgba(255,255,255,.66));
    box-shadow: 0 22px 60px rgba(7, 43, 98, .13), inset 0 1px 0 rgba(255,255,255,.9);
}

.zmec-logo-shell {
    display: grid;
    place-items: center;
    width: min(100%, 430px);
    margin: 0 auto 12px;
    padding: 12px 14px;
    border: 1px solid rgba(7, 82, 184, .10);
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.86)),
        radial-gradient(circle at 50% 0%, rgba(7,82,184,.08), transparent 46%);
    box-shadow: 0 14px 34px rgba(7, 82, 184, .10), inset 0 1px 0 rgba(255,255,255,1);
}

.zmec-brand-logo {
    display: block;
    width: min(100%, 360px);
    height: auto;
    object-fit: contain;
}

.zmec-title,
.zmec h1.zmec-title {
    width: min(100%, 485px);
    color: var(--zmec-blue);
    text-align: center;
    font-weight: 950;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.zmec-title span,
.zmec-title strong {
    display: block;
}

.zmec-title span {
    margin-bottom: 2px;
    color: #0b347a;
    font-size: clamp(18px, 4.4vw, 22px);
    line-height: 1.55;
    font-weight: 850;
    letter-spacing: -.025em;
}

.zmec-title strong {
    color: #064ca8;
    font-size: clamp(25px, 6.6vw, 39px);
    line-height: 1.32;
    font-weight: 950;
    letter-spacing: -.062em;
}

.zmec-card {
    border-color: rgba(150, 195, 255, .30);
    background:
        radial-gradient(circle at 8% 0%, rgba(101, 183, 255, .18), transparent 31%),
        radial-gradient(circle at 98% 9%, rgba(30, 88, 170, .26), transparent 35%),
        linear-gradient(180deg, rgba(2, 11, 34, .97), rgba(3, 20, 54, .965) 52%, rgba(6, 31, 74, .96));
    box-shadow: 0 30px 84px rgba(3, 18, 42, .27), inset 0 1px 0 rgba(255,255,255,.12);
}

.zmec-card::before {
    background:
        linear-gradient(135deg, rgba(255,255,255,.13), transparent 30%, rgba(101,183,255,.08)),
        linear-gradient(180deg, transparent, rgba(255,255,255,.025));
}

.zmec-card::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -80px;
    top: 44px;
    border-radius: 44% 56% 46% 54% / 47% 42% 58% 53%;
    background: linear-gradient(135deg, rgba(101, 183, 255, .16), rgba(255,255,255,.03));
    filter: blur(.5px);
    pointer-events: none;
}

.zmec-progress {
    background: rgba(255,255,255,.08);
}

.zmec-progress span {
    background: linear-gradient(90deg, #65b7ff, #ffffff 48%, #2d84ff);
    box-shadow: 0 0 16px rgba(101, 183, 255, .38);
}

.zmec-card .zmec-section-head > span {
    background: rgba(255,255,255,.10);
    color: #cfe5ff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}

.zmec-card .zmec-section-head h2 {
    color: #fff;
}

.zmec-card .zmec-section-head p,
.zmec-card .zmec-note,
.zmec-card .zmec-mini-note {
    color: rgba(230, 241, 255, .74);
}

.zmec-card .zmec-mini-note {
    border-color: rgba(255,255,255,.10);
    background: rgba(255,255,255,.06);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.zmec-card .zmec-car {
    border-color: rgba(255,255,255,.13);
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.07));
    box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12);
}

.zmec-card .zmec-car.is-selected {
    border-color: rgba(101, 183, 255, .70);
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.10));
    box-shadow: 0 20px 48px rgba(0,0,0,.22), 0 0 0 4px rgba(101,183,255,.10), inset 0 1px 0 rgba(255,255,255,.18);
}

.zmec-card .zmec-car-img-wrap {
    background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(232,242,255,.74));
}

.zmec-card .zmec-car-body strong {
    color: #fff;
}

.zmec-card .zmec-car-body small {
    color: rgba(226, 239, 255, .72);
}

.zmec-card .zmec-car-body b {
    background: rgba(101,183,255,.16);
    color: #d8edff;
    border: 1px solid rgba(101,183,255,.18);
}

.zmec-card .zmec-car-check {
    border-color: rgba(255,255,255,.28);
    background: rgba(255,255,255,.11);
}

.zmec-card .zmec-car.is-selected .zmec-car-check {
    border-color: #80c7ff;
    background: #65b7ff;
}

.zmec-card .zmec-field span {
    color: rgba(232, 244, 255, .92);
}

.zmec-card .zmec-field input {
    border-color: rgba(255,255,255,.15);
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.92));
    color: #071b3b;
    box-shadow: 0 14px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,1);
}

.zmec-card .zmec-field input:focus {
    border-color: rgba(101, 183, 255, .82);
    box-shadow: 0 0 0 5px rgba(101, 183, 255, .18), 0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,1);
}

.zmec-card .zmec-field em {
    color: rgba(214, 230, 255, .64);
}

.zmec-card .zmec-field.is-valid em {
    color: #7cf0c3;
}

.zmec-card .zmec-field.is-invalid em {
    color: #ffb4ad;
}

.zmec-card .zmec-secondary {
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.09);
    color: #dceeff;
}

.zmec-card .zmec-primary {
    background: linear-gradient(135deg, #0d6efd, #4ba3ff 55%, #8bd0ff);
    box-shadow: 0 18px 38px rgba(45, 132, 255, .34), inset 0 1px 0 rgba(255,255,255,.24);
}

.zmec-card .zmec-alert {
    border: 1px solid rgba(255, 180, 173, .20);
    background: rgba(90, 14, 20, .72);
    color: #ffe3df;
}

.zmec-card .zmec-alert.is-success {
    border-color: rgba(124, 240, 195, .20);
    background: rgba(3, 74, 55, .72);
    color: #dffcf0;
}

.zmec-field input[data-zmec-date-input] {
    cursor: pointer;
    caret-color: transparent;
}

.zmec-field input[data-zmec-date-input]::selection {
    background: transparent;
}

.zmec-date-sheet {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: end center;
    padding: 0 10px max(10px, env(safe-area-inset-bottom));
    pointer-events: none;
}

.zmec-date-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(3, 18, 42, .36);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(12px) saturate(135%);
    -webkit-backdrop-filter: blur(12px) saturate(135%);
    transition: opacity .25s ease;
}

.zmec-date-panel {
    position: relative;
    width: min(100%, 500px);
    overflow: hidden;
    padding: 12px 12px 18px;
    border: 1px solid rgba(255,255,255,.80);
    border-radius: 28px 28px 22px 22px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,252,255,.92)),
        radial-gradient(circle at 50% 0%, rgba(0,122,255,.10), transparent 42%);
    box-shadow: 0 -22px 70px rgba(3, 18, 42, .28), inset 0 1px 0 rgba(255,255,255,.92);
    transform: translateY(calc(100% + 20px)) scale(.99);
    opacity: .98;
    pointer-events: auto;
    outline: none;
    transition: transform .28s cubic-bezier(.22, 1, .36, 1), opacity .22s ease;
}

.zmec-date-sheet.is-open {
    pointer-events: auto;
}

.zmec-date-sheet.is-open .zmec-date-backdrop {
    opacity: 1;
    pointer-events: auto;
}

.zmec-date-sheet.is-open .zmec-date-panel {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.zmec-date-header {
    display: grid;
    grid-template-columns: 72px 1fr 72px;
    align-items: center;
    gap: 8px;
    padding: 2px 2px 10px;
    border-bottom: 1px solid rgba(15, 43, 83, .08);
}

.zmec-date-header h2 {
    color: #101828;
    text-align: center;
    font-size: 16px;
    font-weight: 950;
}

.zmec-date-btn {
    min-height: 42px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: #8e8e93;
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
}

.zmec-date-confirm {
    color: #007aff;
}

.zmec-date-cancel {
    color: #7b8495;
}

.zmec-date-labels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    direction: ltr;
    padding: 12px 16px 0;
    color: #7b8495;
    font-size: 11px;
    font-weight: 850;
    text-align: center;
}

.zmec-date-selectors {
    display: flex;
    justify-content: center;
    gap: 0;
    padding: 8px 8px 4px;
}

.zmec-date-column {
    position: relative;
    flex: 1 1 0;
    height: 220px;
    overflow: hidden;
    touch-action: none;
}

.zmec-picker-list {
    position: absolute;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    will-change: transform;
}

.zmec-picker-item {
    height: 44px;
    line-height: 44px;
    color: #8e8e93;
    text-align: center;
    font-size: 17px;
    font-weight: 650;
    user-select: none;
    -webkit-user-select: none;
    transition: color .18s ease, font-size .18s ease, font-weight .18s ease, opacity .18s ease;
}

.zmec-picker-item.selected {
    color: #111827;
    font-size: 19px;
    font-weight: 950;
}

.zmec-picker-highlight {
    position: absolute;
    top: 50%;
    left: 6px;
    right: 6px;
    height: 44px;
    transform: translateY(-50%);
    border-radius: 13px;
    background: rgba(200, 200, 200, .18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
    pointer-events: none;
}

@media (max-width: 390px) {
    .zmec-title strong {
        font-size: clamp(23px, 6vw, 33px);
    }

    .zmec-logo-shell {
        padding: 10px 12px;
        border-radius: 23px;
    }

    .zmec-card {
        padding: 16px 14px;
        border-radius: 28px;
    }

    .zmec-date-panel {
        padding-inline: 10px;
    }

    .zmec-picker-item {
        font-size: 15.5px;
    }

    .zmec-picker-item.selected {
        font-size: 17px;
    }
}

@media (min-width: 760px) {
    .zmec-shell {
        width: min(100%, 760px);
    }

    .zmec-hero {
        padding: 22px 26px 24px;
    }

    .zmec-logo-shell {
        width: min(100%, 455px);
    }

    .zmec-brand-logo {
        width: min(100%, 390px);
    }

    .zmec-date-sheet {
        place-items: end center;
        padding: 0 18px 22px;
    }
}


/* v1.1.7 — cleaner aligned header + dark page outside the form, bright premium form card */
.zmec {
    --zmec-page-black: #02040a;
    --zmec-page-navy: #06112a;
    --zmec-page-blue: #071f52;
    --zmec-blue: #074ea8;
    --zmec-blue-deep: #063b83;
    --zmec-ink: #101828;
    --zmec-text: #263548;
    --zmec-muted: #667085;
    padding: max(18px, env(safe-area-inset-top)) 12px max(28px, env(safe-area-inset-bottom));
    background:
        radial-gradient(circle at 16% 0%, rgba(7, 82, 184, .38), transparent 30%),
        radial-gradient(circle at 94% 18%, rgba(28, 106, 255, .22), transparent 32%),
        radial-gradient(circle at 50% 112%, rgba(38, 133, 255, .16), transparent 38%),
        linear-gradient(180deg, #000 0%, var(--zmec-page-black) 20%, var(--zmec-page-navy) 58%, #02040a 100%);
}

.zmec::before {
    width: 310px;
    height: 310px;
    top: -132px;
    right: -154px;
    opacity: .42;
    background: radial-gradient(circle, rgba(58, 141, 255, .44), transparent 64%);
}

.zmec::after {
    width: 260px;
    height: 260px;
    left: -118px;
    bottom: 10%;
    opacity: .36;
    background: radial-gradient(circle, rgba(101, 183, 255, .32), transparent 68%);
}

.zmec-shell {
    width: min(100%, 610px);
}

.zmec-hero {
    margin-bottom: 14px;
    padding: 14px 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(242,247,255,.88)),
        radial-gradient(circle at 100% 0%, rgba(7, 82, 184, .10), transparent 42%);
    box-shadow: 0 22px 64px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255,255,255,.98);
    backdrop-filter: blur(24px) saturate(165%);
    -webkit-backdrop-filter: blur(24px) saturate(165%);
}

.zmec-hero::before {
    inset: 0;
    border-radius: inherit;
    border-color: rgba(255,255,255,.72);
}

.zmec-hero::after {
    width: 180px;
    height: 180px;
    top: -86px;
    left: -74px;
    right: auto;
    bottom: auto;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(7, 82, 184, .13), transparent 68%);
}

.zmec-hero-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    text-align: right;
}

.zmec-logo-shell {
    flex: 0 0 clamp(118px, 32vw, 178px);
    width: clamp(118px, 32vw, 178px);
    max-width: 42%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.zmec-brand-logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 58px;
    object-fit: contain;
    object-position: right center;
    filter: drop-shadow(0 8px 16px rgba(7, 82, 184, .11));
}

.zmec-title,
.zmec h1.zmec-title,
.zmec h1 {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin: 0;
    color: var(--zmec-blue);
    text-align: right;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.zmec-title span,
.zmec-title strong {
    display: block;
}

.zmec-title span {
    margin: 0 0 1px;
    color: #102f63;
    font-size: clamp(14px, 3.45vw, 18px);
    line-height: 1.55;
    font-weight: 850;
    letter-spacing: -.02em;
}

.zmec-title strong {
    color: #064ca8;
    font-size: clamp(18px, 4.7vw, 31px);
    line-height: 1.35;
    font-weight: 950;
    letter-spacing: -.055em;
}

.zmec-lead {
    margin-top: 8px !important;
    text-align: right;
}

.zmec-card {
    border: 1px solid rgba(255, 255, 255, .70);
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.95), rgba(245,249,255,.90)),
        radial-gradient(circle at 100% 0%, rgba(7,82,184,.08), transparent 36%);
    box-shadow: 0 30px 84px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255,255,255,.95);
    color: var(--zmec-text);
}

.zmec-card::before {
    background:
        linear-gradient(135deg, rgba(255,255,255,.50), transparent 31%, rgba(7,82,184,.035)),
        linear-gradient(180deg, rgba(255,255,255,.06), transparent);
}

.zmec-card::after {
    width: 210px;
    height: 210px;
    right: -90px;
    top: 36px;
    opacity: .50;
    background: radial-gradient(circle, rgba(7, 82, 184, .08), transparent 70%);
}

.zmec-progress {
    background: rgba(7, 82, 184, .10);
}

.zmec-progress span {
    background: linear-gradient(90deg, #074ea8, #2f80ed 58%, #65b7ff);
    box-shadow: 0 0 18px rgba(47, 128, 237, .25);
}

.zmec-card .zmec-section-head > span {
    background: linear-gradient(135deg, rgba(7, 82, 184, .13), rgba(7, 82, 184, .055));
    color: var(--zmec-blue);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.zmec-card .zmec-section-head h2 {
    color: var(--zmec-ink);
}

.zmec-card .zmec-section-head p,
.zmec-card .zmec-note,
.zmec-card .zmec-mini-note {
    color: #667085;
}

.zmec-card .zmec-mini-note {
    border-color: rgba(7, 82, 184, .10);
    background: rgba(241, 247, 255, .78);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

.zmec-card .zmec-car {
    border-color: rgba(7, 82, 184, .11);
    background: rgba(255,255,255,.74);
    box-shadow: 0 14px 34px rgba(16, 24, 40, .08), inset 0 1px 0 rgba(255,255,255,.76);
}

.zmec-card .zmec-car::before {
    background: linear-gradient(135deg, rgba(255,255,255,.55), transparent 48%);
}

.zmec-card .zmec-car.is-selected {
    border-color: rgba(7, 82, 184, .50);
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 44px rgba(7,82,184,.16), 0 0 0 4px rgba(7,82,184,.08), inset 0 1px 0 rgba(255,255,255,.88);
}

.zmec-card .zmec-car-img-wrap {
    background: linear-gradient(145deg, rgba(240,246,255,.96), rgba(255,255,255,.82));
}

.zmec-card .zmec-car-body strong {
    color: #111827;
}

.zmec-card .zmec-car-body small {
    color: #667085;
}

.zmec-card .zmec-car-body b {
    background: rgba(7,82,184,.09);
    color: #073b83;
    border: 1px solid rgba(7,82,184,.12);
}

.zmec-card .zmec-car-check {
    border-color: rgba(7,82,184,.24);
    background: rgba(255,255,255,.92);
}

.zmec-card .zmec-car.is-selected .zmec-car-check {
    border-color: var(--zmec-blue);
    background: var(--zmec-blue);
}

.zmec-card .zmec-field span {
    color: #243852;
}

.zmec-card .zmec-field input {
    border-color: rgba(7, 82, 184, .12);
    background: rgba(255,255,255,.88);
    color: #101828;
    box-shadow: 0 12px 26px rgba(16,24,40,.075), inset 0 1px 0 rgba(255,255,255,.92);
}

.zmec-card .zmec-field input:focus {
    border-color: rgba(7, 82, 184, .56);
    background: #fff;
    box-shadow: 0 0 0 5px rgba(7, 82, 184, .105), 0 14px 30px rgba(7,82,184,.10), inset 0 1px 0 rgba(255,255,255,.98);
}

.zmec-card .zmec-field em {
    color: #667085;
}

.zmec-card .zmec-field.is-valid em {
    color: var(--zmec-success);
}

.zmec-card .zmec-field.is-invalid em {
    color: var(--zmec-danger);
}

.zmec-card .zmec-secondary {
    border-color: rgba(7, 82, 184, .14);
    background: rgba(255,255,255,.70);
    color: var(--zmec-blue-deep);
}

.zmec-card .zmec-primary {
    background: linear-gradient(135deg, #074ea8, #0d6efd 58%, #65b7ff);
    box-shadow: 0 18px 42px rgba(7, 82, 184, .27), inset 0 1px 0 rgba(255,255,255,.24);
}

.zmec-card .zmec-alert {
    border: 1px solid rgba(180, 35, 24, .13);
    background: rgba(255, 245, 244, .94);
    color: var(--zmec-danger);
}

.zmec-card .zmec-alert.is-success {
    border-color: rgba(8, 122, 97, .13);
    background: rgba(239, 250, 247, .94);
    color: var(--zmec-success);
}

.zmec-footer {
    border-color: rgba(255,255,255,.24);
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(239,246,255,.74));
    box-shadow: 0 22px 60px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255,255,255,.82);
}

.zmec-option-link {
    background: rgba(255,255,255,.76);
}

.zmec-call {
    background: linear-gradient(135deg, #074ea8, #0a3b83);
    box-shadow: 0 16px 34px rgba(7, 82, 184, .26);
}

@media (max-width: 390px) {
    .zmec-hero {
        padding: 12px;
        border-radius: 25px;
    }

    .zmec-hero-card {
        gap: 9px;
    }

    .zmec-logo-shell {
        flex-basis: 105px;
        width: 105px;
        max-width: 39%;
    }

    .zmec-brand-logo {
        max-height: 48px;
    }

    .zmec-title span {
        font-size: clamp(13px, 3.5vw, 15px);
    }

    .zmec-title strong {
        font-size: clamp(17px, 4.55vw, 21px);
        line-height: 1.43;
    }

    .zmec-card {
        border-radius: 28px;
    }
}

@media (min-width: 760px) {
    .zmec {
        padding-block: 28px 38px;
    }

    .zmec-shell {
        width: min(100%, 760px);
    }

    .zmec-hero {
        padding: 16px 20px;
        border-radius: 30px;
    }

    .zmec-hero-card {
        gap: 18px;
    }

    .zmec-logo-shell {
        flex-basis: 225px;
        width: 225px;
        max-width: 34%;
    }

    .zmec-brand-logo {
        max-height: 66px;
    }

    .zmec-title strong {
        font-size: clamp(27px, 3.6vw, 38px);
    }
}


/* v1.1.8 — rebuilt professional one-row header */
.zmec-hero {
    margin: 0 0 14px;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 249, 255, .92)),
        radial-gradient(circle at 100% 0%, rgba(7, 82, 184, .10), transparent 44%);
    box-shadow: 0 22px 58px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .95);
    backdrop-filter: blur(22px) saturate(160%);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
}

.zmec-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255,255,255,.62);
    background:
        linear-gradient(90deg, rgba(7,82,184,.08), transparent 34%, rgba(7,82,184,.045));
    pointer-events: none;
}

.zmec-hero::after {
    display: none !important;
}

.zmec-hero-card {
    position: relative;
    z-index: 1;
    display: flex !important;
    flex-direction: row;
    align-items: center !important;
    justify-content: flex-start;
    gap: 0 !important;
    min-height: 84px;
    padding: 14px 16px;
    direction: rtl;
    text-align: right;
}

.zmec-logo-shell {
    position: relative;
    flex: 0 0 152px !important;
    width: 152px !important;
    max-width: none !important;
    height: 48px;
    margin: 0 0 0 16px !important;
    padding: 0 0 0 16px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-left: 1px solid rgba(7, 82, 184, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.zmec-brand-logo {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: 40px !important;
    object-fit: contain;
    object-position: center;
    filter: none !important;
}

.zmec-title,
.zmec h1.zmec-title,
.zmec h1 {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0;
    color: #074ea8 !important;
    text-align: right !important;
    font-size: clamp(20px, 4.35vw, 30px) !important;
    line-height: 1.42 !important;
    font-weight: 950 !important;
    letter-spacing: -.042em !important;
    text-wrap: balance;
}

.zmec-title span,
.zmec-title strong {
    display: inline !important;
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
}

.zmec-lead {
    margin-top: 8px !important;
    text-align: right !important;
}

@media (max-width: 430px) {
    .zmec-hero {
        border-radius: 23px;
        margin-bottom: 12px;
    }

    .zmec-hero-card {
        min-height: 76px;
        padding: 12px 13px;
    }

    .zmec-logo-shell {
        flex-basis: 112px !important;
        width: 112px !important;
        height: 42px;
        margin-left: 11px !important;
        padding-left: 11px !important;
    }

    .zmec-brand-logo {
        max-height: 31px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: clamp(17px, 4.85vw, 21px) !important;
        line-height: 1.55 !important;
        letter-spacing: -.035em !important;
    }
}

@media (max-width: 350px) {
    .zmec-hero-card {
        padding-inline: 11px;
    }

    .zmec-logo-shell {
        flex-basis: 96px !important;
        width: 96px !important;
        margin-left: 9px !important;
        padding-left: 9px !important;
    }

    .zmec-brand-logo {
        max-height: 27px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }
}

@media (min-width: 760px) {
    .zmec-hero {
        border-radius: 28px;
    }

    .zmec-hero-card {
        min-height: 94px;
        padding: 16px 22px;
    }

    .zmec-logo-shell {
        flex-basis: 198px !important;
        width: 198px !important;
        height: 56px;
        margin-left: 22px !important;
        padding-left: 22px !important;
    }

    .zmec-brand-logo {
        max-height: 46px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: clamp(28px, 3.05vw, 34px) !important;
        line-height: 1.42 !important;
    }
}

/* v1.1.9 — Apple-inspired liquid glass redesign, polished header, vehicle chips, footer links */
.zmec {
    --zmec-blue: #074ea8;
    --zmec-blue-deep: #063a83;
    --zmec-blue-bright: #2f80ed;
    --zmec-ink: #0b1220;
    --zmec-text: #253244;
    --zmec-muted: #667085;
    --zmec-glass-white: rgba(255,255,255,.82);
    --zmec-glass-line: rgba(255,255,255,.38);
    --zmec-card-line: rgba(255,255,255,.70);
    padding: max(18px, env(safe-area-inset-top)) 12px max(34px, env(safe-area-inset-bottom)) !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(47, 128, 237, .38), transparent 28%),
        radial-gradient(circle at 92% 14%, rgba(101, 183, 255, .24), transparent 32%),
        radial-gradient(circle at 50% 110%, rgba(7, 82, 184, .18), transparent 40%),
        linear-gradient(180deg, #000 0%, #020715 32%, #06142c 68%, #000 100%) !important;
}

.zmec-shell {
    width: min(100%, 760px) !important;
}

.zmec-hero {
    margin: 0 0 16px !important;
    padding: 0 !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,250,255,.86)),
        radial-gradient(circle at 8% 0%, rgba(7,82,184,.08), transparent 40%) !important;
    box-shadow: 0 24px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter: blur(28px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(170%) !important;
}

.zmec-hero::before {
    inset: 1px !important;
    border-radius: 23px !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    background: linear-gradient(90deg, rgba(255,255,255,.42), rgba(7,82,184,.045), rgba(255,255,255,.20)) !important;
}

.zmec-hero::after {
    display: none !important;
}

.zmec-hero-card {
    position: relative;
    display: grid !important;
    grid-template-columns: clamp(112px, 29vw, 190px) minmax(0, 1fr);
    align-items: center !important;
    gap: clamp(12px, 3vw, 22px) !important;
    min-height: 86px !important;
    padding: 14px clamp(14px, 4vw, 24px) !important;
    text-align: right !important;
    direction: rtl;
}

.zmec-logo-shell {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 58px !important;
    max-width: none !important;
    flex: unset !important;
    margin: 0 !important;
    padding: 0 0 0 clamp(10px, 2.6vw, 18px) !important;
    border: 0 !important;
    border-left: 1px solid rgba(7,82,184,.16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.zmec-brand-logo {
    width: 100% !important;
    max-width: 190px !important;
    height: auto !important;
    max-height: 52px !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: none !important;
}

.zmec-title,
.zmec h1.zmec-title,
.zmec h1 {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--zmec-blue) !important;
    text-align: right !important;
    font-size: clamp(21px, 4.2vw, 36px) !important;
    line-height: 1.34 !important;
    font-weight: 950 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance;
}

.zmec-title span,
.zmec-title strong {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
}

.zmec-card {
    border-radius: 30px !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.91), rgba(244,248,255,.84)),
        radial-gradient(circle at 100% 0%, rgba(7,82,184,.08), transparent 34%) !important;
    box-shadow: 0 34px 92px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.90) !important;
    backdrop-filter: blur(30px) saturate(175%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(175%) !important;
    color: var(--zmec-text) !important;
}

.zmec-card .zmec-section-head > span {
    background: linear-gradient(135deg, rgba(7,82,184,.12), rgba(7,82,184,.055)) !important;
    color: var(--zmec-blue) !important;
}

.zmec-card .zmec-section-head h2,
.zmec-card .zmec-car-body strong,
.zmec-card .zmec-field span {
    color: #101828 !important;
}

.zmec-card .zmec-section-head p,
.zmec-card .zmec-note,
.zmec-card .zmec-mini-note,
.zmec-card .zmec-car-body small,
.zmec-card .zmec-field em {
    color: #667085 !important;
}

.zmec-card .zmec-car {
    border-color: rgba(7,82,184,.10) !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 0 16px 40px rgba(16,24,40,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.zmec-card .zmec-car.is-selected {
    border-color: rgba(7,82,184,.54) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 20px 52px rgba(7,82,184,.18), 0 0 0 4px rgba(7,82,184,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.zmec-card .zmec-car-body b {
    background: rgba(7,82,184,.09) !important;
    color: #073b83 !important;
    border: 1px solid rgba(7,82,184,.12) !important;
}

.zmec-car-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
}

.zmec-car-chips span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 9px;
    border-radius: 999px;
    border: 1px solid rgba(7,82,184,.12);
    background: rgba(241,247,255,.82);
    color: #0a3b83;
    font-size: 11px;
    line-height: 1.55;
    font-weight: 900;
}

.zmec-card .zmec-field input {
    border-color: rgba(7,82,184,.12) !important;
    background: rgba(255,255,255,.90) !important;
    color: #101828 !important;
    box-shadow: 0 12px 28px rgba(16,24,40,.075), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.zmec-card .zmec-field input:focus {
    border-color: rgba(7,82,184,.56) !important;
    background: #fff !important;
    box-shadow: 0 0 0 5px rgba(7,82,184,.105), 0 16px 36px rgba(7,82,184,.10), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

.zmec-card .zmec-primary,
.zmec-presale-link {
    background: linear-gradient(135deg, #074ea8, #0d6efd 58%, #65b7ff) !important;
    color: #fff !important;
    box-shadow: 0 18px 42px rgba(7,82,184,.27), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.zmec-footer-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.zmec-site-link,
.zmec-presale-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 0 16px;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 950;
    text-align: center;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    -webkit-tap-highlight-color: transparent;
}

.zmec-site-link {
    border: 1px solid rgba(7,82,184,.14);
    background: rgba(255,255,255,.70);
    color: var(--zmec-blue) !important;
    direction: ltr;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

.zmec-presale-link {
    line-height: 1.75;
}

.zmec-site-link:active,
.zmec-presale-link:active {
    transform: translateY(1px) scale(.99);
}

@media (min-width: 560px) {
    .zmec-footer-links {
        grid-template-columns: .82fr 1.18fr;
    }
}

@media (max-width: 430px) {
    .zmec-hero-card {
        grid-template-columns: 104px minmax(0, 1fr);
        min-height: 76px !important;
        gap: 10px !important;
        padding: 12px 13px !important;
    }

    .zmec-logo-shell {
        height: 44px !important;
        padding-left: 10px !important;
    }

    .zmec-brand-logo {
        max-height: 34px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: clamp(16px, 4.6vw, 20px) !important;
        line-height: 1.48 !important;
        letter-spacing: -.032em !important;
    }

    .zmec-car {
        grid-template-columns: 102px 1fr !important;
    }

    .zmec-car-chips span {
        font-size: 10.5px;
        padding-inline: 8px;
    }
}

@media (max-width: 350px) {
    .zmec-hero-card {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 8px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: 15.5px !important;
    }

    .zmec-brand-logo {
        max-height: 30px !important;
    }
}

/* v1.2.0 — stronger Apple/Liquid Glass polish, animated dark background, larger color chips */
.zmec {
    --zmec-liquid-blue: rgba(49, 130, 246, .48);
    --zmec-liquid-cyan: rgba(101, 183, 255, .35);
    --zmec-liquid-violet: rgba(116, 97, 255, .22);
    --zmec-liquid-emerald: rgba(29, 201, 166, .18);
    --zmec-liquid-gold: rgba(255, 196, 77, .18);
    background:
        radial-gradient(circle at 12% 8%, rgba(47, 128, 237, .46), transparent 25%),
        radial-gradient(circle at 90% 18%, rgba(101, 183, 255, .28), transparent 30%),
        radial-gradient(circle at 66% 88%, rgba(116, 97, 255, .18), transparent 33%),
        radial-gradient(circle at 18% 102%, rgba(29, 201, 166, .15), transparent 30%),
        linear-gradient(132deg, #000 0%, #020714 30%, #071735 55%, #030812 77%, #000 100%) !important;
    background-size: 145% 145%, 155% 155%, 160% 160%, 150% 150%, 220% 220% !important;
    animation: zmecAmbientGradient 18s ease-in-out infinite alternate;
}

.zmec::before,
.zmec::after {
    filter: blur(20px) saturate(135%) !important;
    mix-blend-mode: screen;
    will-change: transform, opacity;
}

.zmec::before {
    width: 430px !important;
    height: 430px !important;
    top: -210px !important;
    right: -190px !important;
    opacity: .55 !important;
    background:
        radial-gradient(circle at 42% 44%, rgba(48, 128, 255, .62), transparent 58%),
        radial-gradient(circle at 70% 72%, rgba(101, 183, 255, .22), transparent 54%) !important;
    animation: zmecBlobDriftOne 14s ease-in-out infinite alternate;
}

.zmec::after {
    width: 390px !important;
    height: 390px !important;
    left: -180px !important;
    bottom: 4% !important;
    opacity: .42 !important;
    background:
        radial-gradient(circle at 40% 50%, rgba(101, 183, 255, .42), transparent 60%),
        radial-gradient(circle at 70% 74%, rgba(255, 255, 255, .12), transparent 55%) !important;
    animation: zmecBlobDriftTwo 16s ease-in-out infinite alternate;
}

@keyframes zmecAmbientGradient {
    0% {
        background-position: 0% 0%, 100% 8%, 50% 100%, 0% 100%, 0% 50%;
    }
    50% {
        background-position: 26% 10%, 74% 22%, 42% 74%, 20% 92%, 58% 50%;
    }
    100% {
        background-position: 44% 18%, 58% 6%, 68% 82%, 40% 86%, 100% 50%;
    }
}

@keyframes zmecBlobDriftOne {
    from { transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }
    to { transform: translate3d(-20px, 34px, 0) scale(1.08) rotate(8deg); }
}

@keyframes zmecBlobDriftTwo {
    from { transform: translate3d(0, 0, 0) scale(.98) rotate(0deg); }
    to { transform: translate3d(34px, -26px, 0) scale(1.1) rotate(-7deg); }
}

.zmec-shell {
    position: relative;
}

.zmec-shell::before {
    content: "";
    position: fixed;
    inset: 8% 50% auto auto;
    width: min(520px, 82vw);
    height: min(520px, 82vw);
    transform: translateX(50%);
    border-radius: 42% 58% 56% 44% / 50% 46% 54% 50%;
    background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.055), transparent 62%);
    pointer-events: none;
    z-index: -1;
    filter: blur(.5px);
}

.zmec-hero,
.zmec-card,
.zmec-footer,
.zmec-sheet-panel,
.zmec-date-panel {
    position: relative;
    overflow: hidden;
    border-color: rgba(255,255,255,.46) !important;
    backdrop-filter: blur(34px) saturate(185%) contrast(105%) !important;
    -webkit-backdrop-filter: blur(34px) saturate(185%) contrast(105%) !important;
}

.zmec-hero::before,
.zmec-card::before,
.zmec-footer::before,
.zmec-sheet-panel::before,
.zmec-date-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.12) 34%, rgba(255,255,255,.05) 54%, rgba(255,255,255,.28)),
        radial-gradient(circle at 15% 0%, rgba(255,255,255,.30), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(47,128,237,.10), transparent 38%) !important;
    opacity: .78;
}

.zmec-hero::after,
.zmec-card::after,
.zmec-footer::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    width: 220px !important;
    height: 220px !important;
    top: -90px !important;
    left: -80px !important;
    right: auto !important;
    bottom: auto !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(47,128,237,.12), transparent 68%) !important;
    filter: blur(1px);
    opacity: .82;
    pointer-events: none;
}

.zmec-hero-card,
.zmec-card > *,
.zmec-footer > *,
.zmec-sheet-panel > *,
.zmec-date-panel > * {
    position: relative;
    z-index: 1;
}

.zmec-hero {
    border-radius: 30px !important;
    background:
        linear-gradient(140deg, rgba(255,255,255,.94), rgba(243,248,255,.76)),
        radial-gradient(circle at 6% 0%, rgba(255,255,255,.48), transparent 40%),
        radial-gradient(circle at 100% 0%, rgba(47,128,237,.12), transparent 44%) !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.36),
        0 1px 0 rgba(255,255,255,.55) inset,
        0 -1px 0 rgba(255,255,255,.20) inset !important;
}

.zmec-hero-card {
    min-height: 92px !important;
    padding-block: 16px !important;
}

.zmec-logo-shell {
    border-left-color: rgba(7,82,184,.18) !important;
}

.zmec-brand-logo {
    transform: translateZ(0);
}

.zmec-title,
.zmec h1.zmec-title,
.zmec h1 {
    color: #063f8f !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.55);
}

.zmec-card {
    background:
        linear-gradient(160deg, rgba(255,255,255,.92), rgba(247,250,255,.78)),
        radial-gradient(circle at 10% 0%, rgba(255,255,255,.54), transparent 36%),
        radial-gradient(circle at 100% 8%, rgba(47,128,237,.11), transparent 40%) !important;
    box-shadow:
        0 36px 96px rgba(0,0,0,.42),
        0 1px 0 rgba(255,255,255,.62) inset,
        0 -1px 0 rgba(255,255,255,.18) inset !important;
}

.zmec-card .zmec-section-head {
    align-items: center;
    padding: 9px 10px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.50), rgba(255,255,255,.22));
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}

.zmec-card .zmec-section-head > span {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(7,82,184,.16), rgba(101,183,255,.12)) !important;
}

.zmec-card .zmec-section-head h2 {
    font-size: 18px !important;
    letter-spacing: -.03em;
}

.zmec-card .zmec-car {
    border-radius: 28px !important;
    border-color: rgba(255,255,255,.58) !important;
    background:
        linear-gradient(155deg, rgba(255,255,255,.78), rgba(243,248,255,.58)),
        radial-gradient(circle at 0% 0%, rgba(255,255,255,.40), transparent 38%) !important;
    box-shadow:
        0 18px 46px rgba(16,24,40,.10),
        inset 0 1px 0 rgba(255,255,255,.82) !important;
    transform: translateZ(0);
    will-change: transform, box-shadow;
}

.zmec-card .zmec-car:hover {
    transform: translateY(-2px);
    box-shadow:
        0 24px 58px rgba(16,24,40,.13),
        inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.zmec-card .zmec-car.is-selected {
    border-color: rgba(7,82,184,.62) !important;
    background:
        linear-gradient(155deg, rgba(255,255,255,.92), rgba(244,249,255,.78)),
        radial-gradient(circle at 100% 0%, rgba(47,128,237,.12), transparent 38%) !important;
    box-shadow:
        0 26px 68px rgba(7,82,184,.20),
        0 0 0 5px rgba(47,128,237,.095),
        inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.zmec-car-img-wrap {
    min-height: 108px;
    border: 1px solid rgba(255,255,255,.68);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
}

.zmec-card .zmec-car-body strong {
    font-size: 15.8px !important;
    line-height: 1.62 !important;
}

.zmec-card .zmec-car-body b {
    min-height: 32px !important;
    padding: 7px 13px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(7,82,184,.13), rgba(101,183,255,.11)) !important;
    color: #062e68 !important;
    border-color: rgba(7,82,184,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
    font-size: 12.8px !important;
    font-weight: 950 !important;
}

.zmec-car-chips {
    gap: 8px !important;
    margin-top: 12px !important;
}

.zmec-car-chips span {
    min-height: 36px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    font-size: 12.4px !important;
    line-height: 1.55 !important;
    font-weight: 950 !important;
    letter-spacing: -.018em;
    box-shadow:
        0 10px 24px rgba(16,24,40,.07),
        inset 0 1px 0 rgba(255,255,255,.82) !important;
    backdrop-filter: blur(16px) saturate(165%);
    -webkit-backdrop-filter: blur(16px) saturate(165%);
    white-space: normal;
    text-align: center;
}

.zmec-car-chips span:nth-child(1) {
    background: linear-gradient(135deg, rgba(230,248,255,.96), rgba(201,235,255,.84)) !important;
    color: #064c87 !important;
    border-color: rgba(46,144,250,.28) !important;
}

.zmec-car-chips span:nth-child(1)::before {
    content: "◷";
    margin-left: 6px;
    color: #0d6efd;
    font-size: 13px;
}

.zmec-car-chips span:nth-child(2) {
    background: linear-gradient(135deg, rgba(255,249,232,.98), rgba(255,226,151,.80)) !important;
    color: #7a3f00 !important;
    border-color: rgba(245,158,11,.30) !important;
}

.zmec-car-chips span:nth-child(2)::before {
    content: "$";
    display: inline-grid;
    place-items: center;
    width: 17px;
    height: 17px;
    margin-left: 6px;
    border-radius: 999px;
    background: rgba(245,158,11,.18);
    color: #925400;
    font-size: 11px;
    font-weight: 950;
    direction: ltr;
}

.zmec-car-chips span:nth-child(3n) {
    background: linear-gradient(135deg, rgba(240,245,255,.98), rgba(221,230,255,.82)) !important;
    color: #253b80 !important;
    border-color: rgba(99,102,241,.24) !important;
}

.zmec-car-chips span:nth-child(4n) {
    background: linear-gradient(135deg, rgba(236,253,245,.98), rgba(190,242,221,.82)) !important;
    color: #075f4b !important;
    border-color: rgba(16,185,129,.24) !important;
}

.zmec-card .zmec-field input,
.zmec-secondary,
.zmec-option-link,
.zmec-site-link {
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
}

.zmec-card .zmec-field input {
    min-height: 58px !important;
    border-radius: 20px !important;
}

.zmec-card .zmec-field input:focus {
    transform: translateY(-1px);
}

.zmec-primary,
.zmec-presale-link,
.zmec-call {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.zmec-primary::after,
.zmec-presale-link::after,
.zmec-call::after {
    content: "";
    position: absolute;
    inset: -45% auto -45% -42%;
    width: 46%;
    transform: rotate(18deg) translateX(-120%);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
    opacity: .85;
    pointer-events: none;
    transition: transform .64s cubic-bezier(.22, 1, .36, 1);
    z-index: -1;
}

.zmec-primary:hover::after,
.zmec-presale-link:hover::after,
.zmec-call:hover::after,
.zmec-primary:focus-visible::after,
.zmec-presale-link:focus-visible::after,
.zmec-call:focus-visible::after {
    transform: rotate(18deg) translateX(420%);
}

.zmec-primary:hover,
.zmec-presale-link:hover,
.zmec-call:hover {
    transform: translateY(-1px);
}

.zmec-footer {
    background:
        linear-gradient(155deg, rgba(255,255,255,.86), rgba(239,246,255,.66)),
        radial-gradient(circle at 0% 0%, rgba(255,255,255,.42), transparent 38%),
        radial-gradient(circle at 100% 0%, rgba(47,128,237,.11), transparent 40%) !important;
    box-shadow:
        0 28px 82px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.zmec-footer-info {
    border-color: rgba(255,255,255,.64) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.66), rgba(244,249,255,.48)),
        radial-gradient(circle at 100% 0%, rgba(47,128,237,.10), transparent 38%) !important;
}

.zmec-presale-link {
    min-height: 60px !important;
    border-radius: 21px !important;
    background:
        linear-gradient(135deg, #073b83, #0d6efd 52%, #65b7ff),
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.22), transparent 42%) !important;
    font-size: 14.5px !important;
    box-shadow: 0 18px 44px rgba(7,82,184,.32), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.zmec-site-link {
    min-height: 58px !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(239,246,255,.62)) !important;
    font-weight: 950 !important;
}

.zmec-sheet-panel,
.zmec-date-panel {
    background:
        linear-gradient(155deg, rgba(255,255,255,.93), rgba(244,248,255,.78)),
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.52), transparent 36%),
        radial-gradient(circle at 100% 0%, rgba(47,128,237,.13), transparent 44%) !important;
    box-shadow: 0 -26px 82px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.zmec-date-backdrop,
.zmec-sheet-backdrop {
    background: rgba(0, 7, 19, .44) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
}

@media (min-width: 760px) {
    .zmec {
        padding-top: 34px !important;
        padding-bottom: 44px !important;
    }

    .zmec-car-chips span {
        font-size: 12.8px !important;
        padding-inline: 13px !important;
    }
}

@media (max-width: 430px) {
    .zmec {
        padding-inline: 10px !important;
    }

    .zmec-hero {
        border-radius: 26px !important;
    }

    .zmec-card {
        border-radius: 28px !important;
    }

    .zmec-card .zmec-section-head {
        padding: 8px;
    }

    .zmec-card .zmec-car {
        gap: 10px !important;
        padding: 9px !important;
        border-radius: 24px !important;
    }

    .zmec-car-chips {
        gap: 7px !important;
    }

    .zmec-car-chips span {
        min-height: 34px !important;
        padding: 7px 10px !important;
        font-size: 11.5px !important;
        flex: 1 1 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zmec,
    .zmec::before,
    .zmec::after,
    .zmec-primary::after,
    .zmec-presale-link::after,
    .zmec-call::after {
        animation: none !important;
        transition: none !important;
    }
}

/* v1.2.1 — flat monochrome redesign: one-line professional header, white vehicle image area, pixel-perfect fast UI */
.zmec {
    --zmec-blue: #074ea8;
    --zmec-blue-deep: #053b7f;
    --zmec-blue-soft: #eef6ff;
    --zmec-blue-tint: #f6faff;
    --zmec-ink: #101828;
    --zmec-text: #263548;
    --zmec-muted: #667085;
    --zmec-line: #d9e8fb;
    --zmec-line-strong: #9ec7f5;
    --zmec-surface: #ffffff;
    --zmec-danger: #b42318;
    --zmec-success: #087a61;
    min-height: 100svh !important;
    padding: max(14px, env(safe-area-inset-top)) 10px max(26px, env(safe-area-inset-bottom)) !important;
    background: #f6faff !important;
    background-image: none !important;
    animation: none !important;
    color: var(--zmec-text) !important;
}

html.zmec-landing-html,
body.zmec-landing-body {
    background: #f6faff !important;
}

.zmec::before,
.zmec::after,
.zmec-shell::before,
.zmec-hero::before,
.zmec-hero::after,
.zmec-card::before,
.zmec-card::after,
.zmec-footer::before,
.zmec-footer::after,
.zmec-car::before,
.zmec-sheet-panel::before,
.zmec-date-panel::before,
.zmec-primary::after,
.zmec-presale-link::after,
.zmec-call::after,
.zmec-car-chips span::before {
    content: none !important;
    display: none !important;
}

.zmec *,
.zmec *::before,
.zmec *::after {
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.zmec-hero,
.zmec-card,
.zmec-footer,
.zmec-sheet-panel,
.zmec-date-panel,
.zmec-card .zmec-field input,
.zmec-secondary,
.zmec-option-link,
.zmec-site-link,
.zmec-car-chips span {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.zmec-shell {
    width: min(100%, 760px) !important;
    margin-inline: auto !important;
}

.zmec-hero {
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--zmec-line) !important;
    border-radius: 22px !important;
    background: var(--zmec-surface) !important;
}

.zmec-hero-card {
    display: grid !important;
    grid-template-columns: clamp(104px, 29vw, 186px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(10px, 2.6vw, 18px) !important;
    min-height: 74px !important;
    padding: 12px clamp(12px, 3.2vw, 18px) !important;
    direction: rtl !important;
    text-align: right !important;
}

.zmec-logo-shell {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 0 0 clamp(10px, 2.5vw, 16px) !important;
    border: 0 !important;
    border-left: 1px solid var(--zmec-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.zmec-brand-logo {
    display: block !important;
    width: 100% !important;
    max-width: 178px !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
    object-position: center !important;
}

.zmec-title,
.zmec h1.zmec-title,
.zmec h1 {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--zmec-blue) !important;
    text-align: right !important;
    font-size: clamp(18px, 4.05vw, 32px) !important;
    line-height: 1.42 !important;
    font-weight: 950 !important;
    letter-spacing: -.036em !important;
    text-wrap: balance;
}

.zmec-title span,
.zmec-title strong {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

.zmec-lead {
    text-align: right !important;
    color: var(--zmec-muted) !important;
}

.zmec-card,
.zmec-footer {
    border: 1px solid var(--zmec-line) !important;
    border-radius: 22px !important;
    background: var(--zmec-surface) !important;
    color: var(--zmec-text) !important;
}

.zmec-card {
    padding: 14px !important;
    overflow: hidden !important;
}

.zmec-progress {
    height: 3px !important;
    background: #e8f2ff !important;
}

.zmec-progress span {
    background: var(--zmec-blue) !important;
}

.zmec-section-head,
.zmec-card .zmec-section-head {
    align-items: center !important;
    gap: 10px !important;
    margin: 8px 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.zmec-section-head-spaced {
    margin-top: 24px !important;
}

.zmec-section-head > span,
.zmec-card .zmec-section-head > span {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid var(--zmec-blue) !important;
    border-radius: 10px !important;
    background: var(--zmec-blue) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.zmec-card .zmec-section-head h2,
.zmec-section-head h2 {
    color: var(--zmec-ink) !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
}

.zmec-card .zmec-section-head p,
.zmec-section-head p,
.zmec-card .zmec-note,
.zmec-card .zmec-mini-note,
.zmec-note,
.zmec-mini-note {
    color: var(--zmec-muted) !important;
}

.zmec-cars {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}

.zmec-car,
.zmec-card .zmec-car {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--zmec-line) !important;
    border-radius: 22px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: border-color .12s ease, background-color .12s ease !important;
}

.zmec-car:hover,
.zmec-card .zmec-car:hover {
    transform: none !important;
    border-color: var(--zmec-line-strong) !important;
}

.zmec-car:active,
.zmec-card .zmec-car:active {
    transform: none !important;
}

.zmec-car.is-selected,
.zmec-card .zmec-car.is-selected {
    border-color: var(--zmec-blue) !important;
    background: #fff !important;
}

.zmec-car-img-wrap,
.zmec-card .zmec-car-img-wrap {
    display: grid !important;
    place-items: center !important;
    min-height: 142px !important;
    padding: 10px 12px 8px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid var(--zmec-line) !important;
    border-radius: 0 !important;
    background: #fff !important;
}

.zmec-car img {
    display: block !important;
    width: 100% !important;
    height: 124px !important;
    object-fit: contain !important;
}

.zmec-car-body,
.zmec-card .zmec-car-body {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    padding: 13px 14px 14px !important;
    background: var(--zmec-blue-tint) !important;
}

.zmec-car.is-selected .zmec-car-body,
.zmec-card .zmec-car.is-selected .zmec-car-body {
    background: #eef6ff !important;
}

.zmec-car-check {
    position: absolute !important;
    top: 13px !important;
    left: 13px !important;
    width: 22px !important;
    height: 22px !important;
    border: 1.5px solid var(--zmec-line-strong) !important;
    border-radius: 999px !important;
    background: #fff !important;
}

.zmec-car.is-selected .zmec-car-check,
.zmec-card .zmec-car.is-selected .zmec-car-check {
    border-color: var(--zmec-blue) !important;
    background: var(--zmec-blue) !important;
}

.zmec-car.is-selected .zmec-car-check::after,
.zmec-card .zmec-car.is-selected .zmec-car-check::after {
    content: "" !important;
    position: absolute !important;
    inset: 5px !important;
    display: block !important;
    border-radius: 999px !important;
    background: #fff !important;
}

.zmec-card .zmec-car-body strong,
.zmec-car-body strong {
    padding-left: 30px !important;
    color: var(--zmec-ink) !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 950 !important;
}

.zmec-card .zmec-car-body small,
.zmec-car-body small {
    margin-top: 2px !important;
    color: var(--zmec-muted) !important;
    font-size: 11.5px !important;
    direction: ltr !important;
    text-align: right !important;
}

.zmec-card .zmec-car-body b,
.zmec-car-body b {
    width: max-content !important;
    max-width: 100% !important;
    min-height: 32px !important;
    margin-top: 10px !important;
    padding: 6px 12px !important;
    border: 1px solid var(--zmec-blue) !important;
    border-radius: 999px !important;
    background: var(--zmec-blue) !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
}

.zmec-car-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 11px !important;
}

.zmec-car-chips span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
    border: 1px solid var(--zmec-line-strong) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--zmec-blue-deep) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    font-weight: 900 !important;
    letter-spacing: -.012em !important;
    text-align: center !important;
}

.zmec-car-chips span:nth-child(2) {
    border-color: var(--zmec-blue) !important;
    background: var(--zmec-blue) !important;
    color: #fff !important;
}

.zmec-mini-note,
.zmec-card .zmec-mini-note {
    margin-top: 12px !important;
    padding: 11px 12px !important;
    border: 1px solid var(--zmec-line) !important;
    border-radius: 16px !important;
    background: var(--zmec-blue-tint) !important;
    color: var(--zmec-muted) !important;
    font-size: 11.5px !important;
    line-height: 1.85 !important;
}

.zmec-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
}

.zmec-field {
    gap: 6px !important;
}

.zmec-card .zmec-field span,
.zmec-field span {
    color: var(--zmec-ink) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.zmec-card .zmec-field input,
.zmec-field input {
    min-height: 54px !important;
    padding: 0 14px !important;
    border: 1px solid var(--zmec-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--zmec-ink) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    outline: none !important;
    transition: border-color .12s ease, background-color .12s ease !important;
}

.zmec-card .zmec-field input:focus,
.zmec-field input:focus {
    transform: none !important;
    border-color: var(--zmec-blue) !important;
    background: #fff !important;
    font-size: 16px !important;
}

.zmec-field input::placeholder {
    color: #9aa8ba !important;
    font-weight: 500 !important;
}

.zmec-field em,
.zmec-card .zmec-field em {
    min-height: 16px !important;
    color: var(--zmec-muted) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
}

.zmec-field.is-valid input,
.zmec-card .zmec-field.is-valid input {
    border-color: #76c9b1 !important;
}

.zmec-field.is-invalid input,
.zmec-card .zmec-field.is-invalid input {
    border-color: #e69b94 !important;
}

.zmec-field.is-valid em,
.zmec-card .zmec-field.is-valid em {
    color: var(--zmec-success) !important;
}

.zmec-field.is-invalid em,
.zmec-card .zmec-field.is-invalid em {
    color: var(--zmec-danger) !important;
}

.zmec-primary,
.zmec-secondary,
.zmec-option-link,
.zmec-call,
.zmec-site-link,
.zmec-presale-link {
    min-height: 54px !important;
    border-radius: 14px !important;
    font-size: 14.5px !important;
    font-weight: 950 !important;
    transition: background-color .12s ease, border-color .12s ease, color .12s ease !important;
}

.zmec-primary,
.zmec-card .zmec-primary,
.zmec-presale-link,
.zmec-call {
    border: 1px solid var(--zmec-blue) !important;
    background: var(--zmec-blue) !important;
    color: #fff !important;
}

.zmec-primary:hover,
.zmec-primary:focus,
.zmec-primary:active,
.zmec-presale-link:hover,
.zmec-presale-link:focus,
.zmec-presale-link:active,
.zmec-call:hover,
.zmec-call:focus,
.zmec-call:active {
    transform: none !important;
    background: var(--zmec-blue-deep) !important;
    border-color: var(--zmec-blue-deep) !important;
    color: #fff !important;
}

.zmec-secondary,
.zmec-card .zmec-secondary,
.zmec-option-link,
.zmec-site-link {
    border: 1px solid var(--zmec-line-strong) !important;
    background: #fff !important;
    color: var(--zmec-blue) !important;
}

.zmec-secondary:active,
.zmec-option-link:active,
.zmec-site-link:active {
    transform: none !important;
}

.zmec-note {
    font-size: 12px !important;
    line-height: 1.8 !important;
}

.zmec-alert,
.zmec-card .zmec-alert {
    border: 1px solid #f3c6c1 !important;
    border-radius: 14px !important;
    background: #fff7f6 !important;
    color: var(--zmec-danger) !important;
}

.zmec-alert.is-success,
.zmec-card .zmec-alert.is-success {
    border-color: #b7e6d8 !important;
    background: #f2fbf8 !important;
    color: var(--zmec-success) !important;
}

.zmec-footer {
    display: grid !important;
    gap: 11px !important;
    margin-top: 12px !important;
    padding: 13px !important;
}

.zmec-option-links,
.zmec-footer-links {
    gap: 9px !important;
}

.zmec-footer-info {
    padding: 12px !important;
    border: 1px solid var(--zmec-line) !important;
    border-radius: 16px !important;
    background: var(--zmec-blue-tint) !important;
    text-align: center !important;
}

.zmec-footer-address {
    color: var(--zmec-text) !important;
    font-size: 12.5px !important;
    line-height: 1.85 !important;
    font-weight: 800 !important;
}

.zmec-footer-tagline {
    color: var(--zmec-blue) !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    font-weight: 950 !important;
}

.zmec-enamad img {
    max-width: 86px !important;
    max-height: 86px !important;
}

.zmec-sheet-backdrop,
.zmec-date-backdrop {
    background: rgba(9, 28, 58, .42) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.zmec-sheet-panel,
.zmec-date-panel {
    border: 1px solid var(--zmec-line) !important;
    background: #fff !important;
    border-radius: 24px 24px 18px 18px !important;
}

.zmec-sheet-handle {
    background: #d7e4f5 !important;
}

.zmec-sheet-close {
    border: 1px solid var(--zmec-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--zmec-blue) !important;
}

.zmec-sheet-title > span {
    border: 1px solid var(--zmec-line) !important;
    background: var(--zmec-blue-tint) !important;
    color: var(--zmec-blue) !important;
}

.zmec-sheet-title h2,
.zmec-result h2,
.zmec-date-header h2 {
    color: var(--zmec-ink) !important;
}

.zmec-sheet-title p,
.zmec-result p {
    color: var(--zmec-muted) !important;
}

.zmec-result-icon {
    border: 1px solid #b7e6d8 !important;
    background: #f2fbf8 !important;
    color: var(--zmec-success) !important;
}

.zmec-result strong,
.zmec-sheet .zmec-result strong {
    border: 1px solid var(--zmec-line-strong) !important;
    background: var(--zmec-blue-tint) !important;
    color: var(--zmec-blue) !important;
}

.zmec-date-header {
    border-bottom: 1px solid var(--zmec-line) !important;
}

.zmec-date-confirm {
    color: var(--zmec-blue) !important;
}

.zmec-picker-highlight {
    border: 1px solid var(--zmec-line) !important;
    border-radius: 12px !important;
    background: var(--zmec-blue-tint) !important;
}

.zmec-picker-item.selected {
    color: var(--zmec-blue) !important;
}

@media (min-width: 560px) {
    .zmec-card {
        padding: 18px !important;
    }

    .zmec-cars {
        grid-template-columns: 1fr 1fr !important;
    }

    .zmec-car-img-wrap,
    .zmec-card .zmec-car-img-wrap {
        min-height: 156px !important;
    }

    .zmec-car img {
        height: 138px !important;
    }

    .zmec-footer-links {
        grid-template-columns: .82fr 1.18fr !important;
    }
}

@media (min-width: 760px) {
    .zmec {
        padding-top: 22px !important;
        padding-bottom: 34px !important;
    }

    .zmec-hero-card {
        min-height: 86px !important;
        padding: 14px 20px !important;
    }

    .zmec-logo-shell {
        height: 54px !important;
    }

    .zmec-brand-logo {
        max-height: 48px !important;
    }
}

@media (max-width: 430px) {
    .zmec {
        padding-inline: 9px !important;
    }

    .zmec-hero {
        border-radius: 19px !important;
    }

    .zmec-hero-card {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 9px !important;
        min-height: 68px !important;
        padding: 10px 11px !important;
    }

    .zmec-logo-shell {
        height: 40px !important;
        padding-left: 9px !important;
    }

    .zmec-brand-logo {
        max-height: 31px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: clamp(15.5px, 4.45vw, 19px) !important;
        line-height: 1.52 !important;
        letter-spacing: -.028em !important;
    }

    .zmec-card {
        padding: 12px !important;
        border-radius: 20px !important;
    }

    .zmec-car,
    .zmec-card .zmec-car {
        grid-template-columns: 1fr !important;
        border-radius: 19px !important;
    }

    .zmec-car-img-wrap,
    .zmec-card .zmec-car-img-wrap {
        min-height: 130px !important;
    }

    .zmec-car img {
        height: 114px !important;
    }

    .zmec-car-body,
    .zmec-card .zmec-car-body {
        padding: 12px !important;
    }

    .zmec-car-chips span {
        flex: 1 1 100% !important;
        min-height: 34px !important;
        padding: 7px 10px !important;
        font-size: 11.5px !important;
    }
}

@media (max-width: 350px) {
    .zmec-hero-card {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    .zmec-brand-logo {
        max-height: 28px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: 14.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zmec,
    .zmec * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* v1.2.2 — local monochrome icon polish, mobile two-car grid, larger vehicle imagery, larger trust seal, blue copyright */
.zmec {
    --zmec-blue: #074ea8;
    --zmec-blue-deep: #053b7f;
    --zmec-blue-tint: #f6faff;
    --zmec-blue-soft: #edf6ff;
    --zmec-line: #d5e6fb;
    --zmec-line-strong: #87b9ee;
    --zmec-ink: #0f2036;
    --zmec-text: #253247;
    --zmec-muted: #667085;
    background: #f7fbff !important;
}

.zmec-fa {
    display: inline-block;
    flex: 0 0 auto;
    width: 1.16em;
    height: 1.16em;
    margin-inline-end: .48em;
    vertical-align: -0.16em;
    color: currentColor;
}

.zmec-fa path,
.zmec-fa circle,
.zmec-fa rect,
.zmec-fa line,
.zmec-fa polyline,
.zmec-fa polygon {
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.zmec-hero {
    border-radius: 18px !important;
    border: 1px solid var(--zmec-line) !important;
    background: #fff !important;
}

.zmec-hero-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(10px, 2.8vw, 18px) !important;
    min-height: 72px !important;
    padding: 12px clamp(12px, 3.2vw, 18px) !important;
    direction: rtl !important;
    text-align: right !important;
}

.zmec-logo-shell {
    flex: 0 0 clamp(104px, 28vw, 178px) !important;
    width: clamp(104px, 28vw, 178px) !important;
    height: 48px !important;
    padding: 0 clamp(10px, 2.4vw, 15px) 0 0 !important;
    border: 0 !important;
    border-left: 1px solid var(--zmec-line) !important;
    background: transparent !important;
}

.zmec-brand-logo {
    width: 100% !important;
    max-width: 164px !important;
    max-height: 42px !important;
    object-fit: contain !important;
}

.zmec-title,
.zmec h1.zmec-title,
.zmec h1 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: var(--zmec-blue) !important;
    text-align: right !important;
    font-size: clamp(17px, 3.9vw, 31px) !important;
    line-height: 1.42 !important;
    font-weight: 950 !important;
    letter-spacing: -.034em !important;
}

.zmec-section-head > span.zmec-step-icon,
.zmec-card .zmec-section-head > span.zmec-step-icon {
    color: #fff !important;
}

.zmec-section-head > span.zmec-step-icon .zmec-fa,
.zmec-card .zmec-section-head > span.zmec-step-icon .zmec-fa {
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
}

.zmec-cars,
.zmec-card .zmec-cars {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(8px, 2.4vw, 12px) !important;
}

.zmec-car,
.zmec-card .zmec-car {
    border-radius: 18px !important;
    border: 1px solid var(--zmec-line) !important;
    background: #fff !important;
    overflow: hidden !important;
}

.zmec-car.is-selected,
.zmec-card .zmec-car.is-selected {
    border-color: var(--zmec-blue) !important;
}

.zmec-car-img-wrap,
.zmec-card .zmec-car-img-wrap {
    min-height: clamp(118px, 31vw, 178px) !important;
    padding: clamp(4px, 1.6vw, 8px) !important;
    background: #fff !important;
    border-bottom: 1px solid var(--zmec-line) !important;
}

.zmec-car img,
.zmec-card .zmec-car img {
    width: 116% !important;
    max-width: none !important;
    height: clamp(112px, 29vw, 168px) !important;
    object-fit: contain !important;
    object-position: center !important;
}

.zmec-car-body,
.zmec-card .zmec-car-body {
    padding: clamp(10px, 2.6vw, 14px) !important;
    background: #f8fbff !important;
}

.zmec-car.is-selected .zmec-car-body,
.zmec-card .zmec-car.is-selected .zmec-car-body {
    background: #eef6ff !important;
}

.zmec-car-check {
    top: 10px !important;
    left: 10px !important;
    width: 20px !important;
    height: 20px !important;
}

.zmec-card .zmec-car-body strong,
.zmec-car-body strong {
    padding-left: 28px !important;
    font-size: clamp(12.5px, 3.35vw, 16px) !important;
    line-height: 1.52 !important;
}

.zmec-card .zmec-car-body small,
.zmec-car-body small {
    font-size: clamp(10px, 2.55vw, 11.5px) !important;
    line-height: 1.45 !important;
}

.zmec-card .zmec-car-body b,
.zmec-car-body b {
    min-height: 32px !important;
    padding: 6px 11px !important;
    font-size: clamp(11px, 2.85vw, 12.5px) !important;
}

.zmec-car-chips {
    gap: 7px !important;
    margin-top: 10px !important;
}

.zmec-car-chips span,
.zmec-card .zmec-car-chips span {
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--zmec-line-strong) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--zmec-blue-deep) !important;
    font-size: clamp(10.5px, 2.75vw, 12.25px) !important;
    font-weight: 950 !important;
    line-height: 1.55 !important;
    text-align: right !important;
}

.zmec-car-chips span:nth-child(2),
.zmec-card .zmec-car-chips span:nth-child(2) {
    border-color: var(--zmec-blue) !important;
    background: var(--zmec-blue) !important;
    color: #fff !important;
}

.zmec-car-chips .zmec-fa {
    width: 16px !important;
    height: 16px !important;
    margin-inline-end: 6px !important;
    margin-inline-start: 0 !important;
}

.zmec-primary,
.zmec-secondary,
.zmec-option-link,
.zmec-call,
.zmec-site-link,
.zmec-presale-link {
    gap: 7px !important;
}

.zmec-primary .zmec-fa,
.zmec-secondary .zmec-fa,
.zmec-option-link .zmec-fa,
.zmec-call .zmec-fa,
.zmec-site-link .zmec-fa,
.zmec-presale-link .zmec-fa {
    width: 17px !important;
    height: 17px !important;
    margin-inline-end: 0 !important;
    margin-inline-start: 3px !important;
}

.zmec-result-icon .zmec-fa {
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
}

.zmec-enamad {
    min-height: 116px !important;
    padding: 8px 0 4px !important;
}

.zmec-enamad img {
    max-width: 128px !important;
    max-height: 128px !important;
}

.zmec-copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 12px;
    border-radius: 14px;
    background: var(--zmec-blue);
    color: #fff;
    font-size: 12.5px;
    font-weight: 850;
    line-height: 1.7;
    text-align: center;
}

@media (max-width: 430px) {
    .zmec-hero-card {
        grid-template-columns: none !important;
        display: flex !important;
        gap: 8px !important;
        min-height: 64px !important;
        padding: 10px 11px !important;
    }

    .zmec-logo-shell {
        flex-basis: 92px !important;
        width: 92px !important;
        height: 38px !important;
        padding-left: 8px !important;
        padding-right: 0 !important;
    }

    .zmec-brand-logo {
        max-height: 30px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: clamp(14px, 4.15vw, 17.5px) !important;
        line-height: 1.5 !important;
        letter-spacing: -.027em !important;
    }

    .zmec-card {
        padding: 10px !important;
    }

    .zmec-cars,
    .zmec-card .zmec-cars {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .zmec-car,
    .zmec-card .zmec-car {
        border-radius: 16px !important;
    }

    .zmec-car-img-wrap,
    .zmec-card .zmec-car-img-wrap {
        min-height: clamp(104px, 30vw, 132px) !important;
        padding: 3px !important;
    }

    .zmec-car img,
    .zmec-card .zmec-car img {
        width: 122% !important;
        height: clamp(100px, 28vw, 122px) !important;
    }

    .zmec-car-body,
    .zmec-card .zmec-car-body {
        padding: 9px !important;
    }

    .zmec-card .zmec-car-body strong,
    .zmec-car-body strong {
        padding-left: 24px !important;
        font-size: clamp(11.2px, 3.25vw, 13px) !important;
    }

    .zmec-card .zmec-car-body small,
    .zmec-car-body small {
        font-size: 9.7px !important;
    }

    .zmec-card .zmec-car-body b,
    .zmec-car-body b {
        min-height: 29px !important;
        padding: 5px 8px !important;
        font-size: 10.6px !important;
    }

    .zmec-car-chips span,
    .zmec-card .zmec-car-chips span {
        flex: none !important;
        width: 100% !important;
        min-height: 36px !important;
        padding: 7px 8px !important;
        font-size: 9.9px !important;
        border-radius: 11px !important;
    }

    .zmec-car-chips .zmec-fa {
        width: 14px !important;
        height: 14px !important;
        margin-inline-end: 5px !important;
        margin-inline-start: 0 !important;
    }

    .zmec-enamad img {
        max-width: 118px !important;
        max-height: 118px !important;
    }
}

@media (max-width: 350px) {
    .zmec-logo-shell {
        flex-basis: 82px !important;
        width: 82px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: 13.2px !important;
    }

    .zmec-car img,
    .zmec-card .zmec-car img {
        width: 128% !important;
    }

    .zmec-car-chips span,
    .zmec-card .zmec-car-chips span {
        font-size: 9.25px !important;
    }
}

/* v1.2.3 — date picker accessibility fix, attractive blue UX polish, stable mobile focus, loading states */
html.zmec-sheet-lock,
body.zmec-sheet-lock {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
}

.zmec {
    --zmec-blue: #0657c8;
    --zmec-blue-deep: #073f95;
    --zmec-blue-ink: #052f73;
    --zmec-blue-tint: #eef6ff;
    --zmec-blue-tint-strong: #dff0ff;
    --zmec-cyan: #18a7ff;
    --zmec-ink: #0b1f3a;
    --zmec-text: #20334f;
    --zmec-muted: #61738e;
    --zmec-line: rgba(6, 87, 200, .14);
    --zmec-line-strong: rgba(6, 87, 200, .32);
    --zmec-success: #087a61;
    --zmec-danger: #b42318;
    background:
        linear-gradient(180deg, #ffffff 0%, #f4f9ff 54%, #eef6ff 100%) !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    scroll-behavior: smooth;
}

.zmec-shell {
    width: min(100%, 780px) !important;
}

.zmec-hero {
    border-color: var(--zmec-line-strong) !important;
    background: #fff !important;
    border-radius: 22px !important;
}

.zmec-hero-card {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(16px, 3.8vw, 28px) !important;
    min-height: 82px !important;
    padding: clamp(14px, 3vw, 18px) clamp(16px, 4vw, 24px) !important;
    direction: rtl !important;
}

.zmec-logo-shell {
    flex: 0 0 clamp(124px, 26vw, 188px) !important;
    width: clamp(124px, 26vw, 188px) !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 0 clamp(20px, 4vw, 34px) !important;
    margin: 0 !important;
    border-left: 1px solid var(--zmec-line-strong) !important;
    background: transparent !important;
}

.zmec-brand-logo {
    width: 100% !important;
    max-width: 178px !important;
    max-height: 44px !important;
    object-fit: contain !important;
}

.zmec-title,
.zmec h1.zmec-title,
.zmec h1 {
    flex: 1 1 auto !important;
    margin: 0 !important;
    color: var(--zmec-blue) !important;
    text-align: right !important;
    font-size: clamp(18px, 3.45vw, 30px) !important;
    line-height: 1.5 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    text-wrap: balance;
}

.zmec-card,
.zmec-footer {
    border-color: var(--zmec-line-strong) !important;
    background: #fff !important;
}

.zmec-section-head > span.zmec-step-icon,
.zmec-card .zmec-section-head > span.zmec-step-icon {
    background: var(--zmec-blue) !important;
    border-color: var(--zmec-blue) !important;
}

.zmec-car,
.zmec-card .zmec-car,
.zmec-field input,
.zmec-card .zmec-field input,
.zmec-primary,
.zmec-secondary,
.zmec-option-link,
.zmec-call,
.zmec-site-link,
.zmec-presale-link {
    transition:
        border-color .18s cubic-bezier(.22, 1, .36, 1),
        background-color .18s cubic-bezier(.22, 1, .36, 1),
        color .18s cubic-bezier(.22, 1, .36, 1),
        transform .18s cubic-bezier(.22, 1, .36, 1),
        opacity .18s ease !important;
}

.zmec-car.is-selected,
.zmec-card .zmec-car.is-selected {
    border-color: var(--zmec-blue) !important;
    background: #fff !important;
}

.zmec-car.is-selected .zmec-car-body,
.zmec-card .zmec-car.is-selected .zmec-car-body {
    background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%) !important;
}

.zmec-car-check {
    border-color: var(--zmec-line-strong) !important;
}

.zmec-car.is-selected .zmec-car-check,
.zmec-card .zmec-car.is-selected .zmec-car-check {
    border-color: var(--zmec-blue) !important;
    background: var(--zmec-blue) !important;
}

.zmec-car-chips span,
.zmec-card .zmec-car-chips span {
    min-height: 42px !important;
    border-color: #b9ddff !important;
    background: #f2f8ff !important;
    color: var(--zmec-blue-ink) !important;
    font-size: clamp(11px, 2.8vw, 13px) !important;
}

.zmec-car-chips span:nth-child(2),
.zmec-card .zmec-car-chips span:nth-child(2) {
    border-color: var(--zmec-blue) !important;
    background: var(--zmec-blue) !important;
    color: #fff !important;
}

.zmec-card .zmec-field input,
.zmec-field input,
.zmec-sheet .zmec-code-field input,
.zmec button,
.zmec input,
.zmec-date-btn {
    font-size: 16px !important;
    -webkit-tap-highlight-color: transparent;
}

.zmec-card .zmec-field input:focus,
.zmec-field input:focus {
    border-color: var(--zmec-blue) !important;
    background: #fafdff !important;
    transform: none !important;
}

.zmec-primary,
.zmec-card .zmec-primary,
.zmec-presale-link,
.zmec-call {
    background: var(--zmec-blue) !important;
    border-color: var(--zmec-blue) !important;
    color: #fff !important;
}

.zmec-primary:active,
.zmec-card .zmec-primary:active,
.zmec-presale-link:active,
.zmec-call:active,
.zmec-secondary:active,
.zmec-option-link:active,
.zmec-site-link:active {
    transform: translateY(1px) !important;
}

.zmec-primary[disabled],
.zmec-primary.is-loading {
    opacity: .86 !important;
    cursor: wait !important;
}

.zmec-loader {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    margin-inline-end: 0 !important;
    margin-inline-start: 8px !important;
    border: 2px solid rgba(255,255,255,.42) !important;
    border-top-color: #fff !important;
    border-radius: 50% !important;
    animation: zmecSpin .72s linear infinite !important;
    vertical-align: middle !important;
}

@keyframes zmecSpin {
    to { transform: rotate(360deg); }
}

.zmec-date-sheet {
    --zmec-blue: #0657c8;
    --zmec-blue-deep: #073f95;
    --zmec-blue-ink: #052f73;
    --zmec-blue-tint: #eef6ff;
    --zmec-cyan: #18a7ff;
    --zmec-ink: #0b1f3a;
    --zmec-text: #20334f;
    --zmec-muted: #61738e;
    --zmec-line: rgba(6, 87, 200, .14);
    --zmec-line-strong: rgba(6, 87, 200, .32);
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    align-items: end !important;
    justify-items: center !important;
    padding: 0 !important;
    pointer-events: none !important;
    direction: rtl;
    font-family: Vazirmatn, Tahoma, Arial, sans-serif;
}

.zmec-date-sheet[hidden] {
    display: none !important;
}

.zmec-date-backdrop {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(5, 22, 48, .48) !important;
    opacity: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
    transition: opacity .22s ease !important;
}

.zmec-date-panel {
    position: relative !important;
    width: min(100%, 560px) !important;
    min-height: min(52svh, 440px) !important;
    max-height: calc(100svh - 28px) !important;
    overflow: hidden !important;
    padding: 12px 14px max(18px, env(safe-area-inset-bottom)) !important;
    border: 1px solid rgba(6, 87, 200, .18) !important;
    border-bottom: 0 !important;
    border-radius: 28px 28px 0 0 !important;
    background: #fff !important;
    transform: translate3d(0, 105%, 0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    outline: none !important;
    transition: transform .28s cubic-bezier(.22, 1, .36, 1) !important;
}

.zmec-date-sheet.is-open {
    pointer-events: auto !important;
}

.zmec-date-sheet.is-open .zmec-date-backdrop {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.zmec-date-sheet.is-open .zmec-date-panel {
    transform: translate3d(0, 0, 0) !important;
}

.zmec-date-header {
    grid-template-columns: 86px 1fr 86px !important;
    padding: 4px 0 12px !important;
    border-bottom: 1px solid var(--zmec-line) !important;
}

.zmec-date-header h2 {
    color: var(--zmec-blue-ink) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.zmec-date-btn {
    min-height: 44px !important;
    border-radius: 14px !important;
    font-weight: 900 !important;
}

.zmec-date-confirm {
    background: var(--zmec-blue) !important;
    color: #fff !important;
}

.zmec-date-cancel {
    color: var(--zmec-muted) !important;
}

.zmec-date-labels {
    padding-top: 14px !important;
    color: var(--zmec-muted) !important;
    font-size: 12px !important;
}

.zmec-date-selectors {
    padding: 14px 4px 8px !important;
}

.zmec-date-column {
    height: 220px !important;
    touch-action: none !important;
}

.zmec-picker-highlight {
    border-color: #b9ddff !important;
    background: var(--zmec-blue-tint) !important;
}

.zmec-picker-item {
    font-size: 18px !important;
    transition: color .16s ease, font-size .16s ease, font-weight .16s ease !important;
}

.zmec-picker-item.selected {
    color: var(--zmec-blue) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

@media (max-width: 430px) {
    .zmec-shell {
        width: 100% !important;
    }

    .zmec-hero-card {
        min-height: 74px !important;
        gap: 14px !important;
        padding: 12px 13px !important;
    }

    .zmec-logo-shell {
        flex-basis: 106px !important;
        width: 106px !important;
        height: 44px !important;
        padding-left: 18px !important;
    }

    .zmec-brand-logo {
        max-height: 34px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: clamp(14.4px, 4.05vw, 17.2px) !important;
        line-height: 1.55 !important;
        letter-spacing: -.024em !important;
    }

    .zmec-card .zmec-field input,
    .zmec-field input,
    .zmec button,
    .zmec input {
        font-size: 16px !important;
    }

    .zmec-date-panel {
        width: 100% !important;
        min-height: 53svh !important;
        border-radius: 26px 26px 0 0 !important;
    }
}

@media (max-width: 350px) {
    .zmec-hero-card {
        gap: 10px !important;
    }

    .zmec-logo-shell {
        flex-basis: 92px !important;
        width: 92px !important;
        padding-left: 14px !important;
    }

    .zmec-title,
    .zmec h1.zmec-title,
    .zmec h1 {
        font-size: 13.4px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zmec-date-panel,
    .zmec-date-backdrop,
    .zmec-car,
    .zmec-field input,
    .zmec-primary,
    .zmec-secondary,
    .zmec-option-link,
    .zmec-call,
    .zmec-site-link,
    .zmec-presale-link {
        transition: none !important;
    }

    .zmec-loader {
        animation: none !important;
    }
}

/* v1.2.4 — iOS date picker visibility fix + smoother mobile UX polish */
.zmec {
    --zmec-blue: #075fcf;
    --zmec-blue-deep: #05479d;
    --zmec-blue-ink: #053875;
    --zmec-blue-soft: #eaf4ff;
    --zmec-cyan: #16a8ff;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

.zmec input,
.zmec textarea,
.zmec select,
.zmec button,
.zmec-date-sheet input,
.zmec-date-sheet button {
    font-size: 16px !important;
    -webkit-tap-highlight-color: transparent !important;
}

.zmec-card .zmec-field input,
.zmec-field input {
    min-height: 56px !important;
    border-color: rgba(7, 95, 207, .18) !important;
    background: #ffffff !important;
}

.zmec-card .zmec-field input:focus,
.zmec-field input:focus {
    border-color: var(--zmec-blue) !important;
    background: #f7fbff !important;
    transform: none !important;
}

.zmec-primary,
.zmec-card .zmec-primary,
.zmec-call,
.zmec-presale-link {
    background: var(--zmec-blue) !important;
    border-color: var(--zmec-blue) !important;
}

.zmec-primary:hover,
.zmec-primary:focus,
.zmec-call:hover,
.zmec-presale-link:hover {
    background: var(--zmec-blue-deep) !important;
    border-color: var(--zmec-blue-deep) !important;
}

.zmec-primary.is-loading,
.zmec-primary[aria-busy="true"] {
    opacity: .92 !important;
    pointer-events: none !important;
}

.zmec-loader {
    flex: 0 0 auto !important;
}

.zmec-date-sheet {
    --zmec-date-blue: #075fcf;
    --zmec-date-blue-deep: #053875;
    --zmec-date-muted: #8e8e93;
    --zmec-date-line: rgba(7, 95, 207, .16);
    --zmec-date-highlight: rgba(7, 95, 207, .10);
    z-index: 2147483600 !important;
    font-family: Vazirmatn, -apple-system, BlinkMacSystemFont, Tahoma, Arial, sans-serif !important;
}

.zmec-date-backdrop {
    background: rgba(5, 20, 42, .46) !important;
    transition: opacity .24s cubic-bezier(.22, 1, .36, 1) !important;
}

.zmec-date-panel {
    width: min(100%, 520px) !important;
    min-height: min(54svh, 455px) !important;
    max-height: min(72svh, 560px) !important;
    padding: 12px 14px max(20px, env(safe-area-inset-bottom)) !important;
    border: 1px solid var(--zmec-date-line) !important;
    border-bottom: 0 !important;
    border-radius: 28px 28px 0 0 !important;
    background: #ffffff !important;
    transform: translate3d(0, 104%, 0) !important;
    transition: transform .30s cubic-bezier(.22, 1, .36, 1) !important;
    will-change: transform !important;
}

.zmec-date-sheet.is-open .zmec-date-panel {
    transform: translate3d(0, 0, 0) !important;
}

.zmec-date-header {
    display: grid !important;
    grid-template-columns: 86px 1fr 86px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 2px 0 12px !important;
    border-bottom: 1px solid var(--zmec-date-line) !important;
}

.zmec-date-header h2 {
    margin: 0 !important;
    color: var(--zmec-date-blue-deep) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

.zmec-date-btn {
    min-height: 44px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    transition: background-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1) !important;
}

.zmec-date-confirm {
    background: var(--zmec-date-blue) !important;
    color: #fff !important;
}

.zmec-date-confirm:active,
.zmec-date-cancel:active {
    transform: translateY(1px) !important;
}

.zmec-date-cancel {
    color: var(--zmec-date-muted) !important;
}

.zmec-date-labels {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    direction: ltr !important;
    padding: 14px 12px 0 !important;
    color: #66758f !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.zmec-date-selectors {
    display: flex !important;
    justify-content: center !important;
    gap: 0 !important;
    direction: ltr !important;
    padding: 12px 0 2px !important;
    position: relative !important;
}

.zmec-date-column {
    position: relative !important;
    flex: 1 1 0 !important;
    height: 220px !important;
    overflow: hidden !important;
    touch-action: none !important;
    direction: ltr !important;
    contain: layout paint !important;
}

.zmec-picker-list {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 3 !important;
    width: 100% !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    will-change: transform !important;
}

.zmec-picker-item {
    position: relative !important;
    z-index: 4 !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #8e8e93 !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 650 !important;
    opacity: .76 !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    transform: translateZ(0) !important;
    transition: color .18s cubic-bezier(.22, 1, .36, 1), opacity .18s cubic-bezier(.22, 1, .36, 1), font-size .18s cubic-bezier(.22, 1, .36, 1), font-weight .18s cubic-bezier(.22, 1, .36, 1) !important;
}

.zmec-picker-item.selected {
    color: var(--zmec-date-blue-deep) !important;
    font-size: 21px !important;
    font-weight: 950 !important;
    opacity: 1 !important;
}

.zmec-picker-highlight {
    position: absolute !important;
    z-index: 1 !important;
    top: 50% !important;
    left: 8px !important;
    right: 8px !important;
    height: 44px !important;
    transform: translateY(-50%) !important;
    border: 1px solid rgba(7, 95, 207, .18) !important;
    border-radius: 12px !important;
    background: var(--zmec-date-highlight) !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.zmec-date-column::before,
.zmec-date-column::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 5 !important;
    height: 70px !important;
    pointer-events: none !important;
}

.zmec-date-column::before {
    top: 0 !important;
    background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,.92) 45%, rgba(255,255,255,0) 100%) !important;
}

.zmec-date-column::after {
    bottom: 0 !important;
    background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,.92) 45%, rgba(255,255,255,0) 100%) !important;
}

@media (max-width: 430px) {
    .zmec-date-panel {
        width: 100% !important;
        min-height: 54svh !important;
        max-height: 70svh !important;
        border-radius: 26px 26px 0 0 !important;
    }

    .zmec-date-header {
        grid-template-columns: 78px 1fr 78px !important;
    }

    .zmec-date-column {
        height: 224px !important;
    }

    .zmec-picker-item {
        font-size: 17.5px !important;
    }

    .zmec-picker-item.selected {
        font-size: 20.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zmec-date-panel,
    .zmec-date-backdrop,
    .zmec-picker-item,
    .zmec-date-btn {
        transition: none !important;
    }
}