/* Product 90 only: JS adds this class below the mobile breakpoint. */
body.vz-single-screen-active {
    --vzmcp-ink: #100d4c;
    --vzmcp-accent: #5431ff;
    --vzmcp-surface: #ffffff;
    --vzmcp-soft: #f6f6fa;
    --vzmcp-line: #e5e5ed;
    overflow-x: hidden;
}

html:has(body.vz-single-screen-active),
body.vz-single-screen-active .wrapper {
    overflow-x: clip;
}

@font-face {
    font-display: block;
    font-family: "VZMobilePrimeIcons";
    font-style: normal;
    font-weight: normal;
    src: url("../../assets/primeicons-C6QP2o4f.woff2") format("woff2");
}

@media (max-width: 767px) {
    /* Existing PrimeIcons glyphs, mapped only within this isolated module. */
    body.vz-single-screen-active .vzmcp-shell .dashicons,
    body.vz-single-screen-active .vzmcp-side-actions .dashicons {
        font-family: "VZMobilePrimeIcons" !important;
        font-style: normal;
        font-weight: normal;
        speak: never;
    }

    body.vz-single-screen-active .vzmcp-shell .dashicons::before,
    body.vz-single-screen-active .vzmcp-side-actions .dashicons::before {
        line-height: 1;
    }

    body.vz-single-screen-active .vzmcp-side-actions .dashicons-admin-customizer::before { content: "\e9d9"; }
    body.vz-single-screen-active .vzmcp-side-actions .dashicons-star-filled::before { content: "\ea31"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-arrow-down-alt2::before { content: "\e902"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-arrow-up-alt2::before { content: "\e903"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-no-alt::before { content: "\e90b"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-controls-play::before { content: "\e9b3"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-video-alt3::before { content: "\e962"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-whatsapp::before { content: "\e97f"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-location-alt::before { content: "\e968"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-arrow-right-alt2::before { content: "\e901"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-plus-alt2::before { content: "\e90e"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-download::before { content: "\e956"; }
    body.vz-single-screen-active .vzmcp-shell .dashicons-share-alt2::before { content: "\e97a"; }
    body.vz-single-screen-active .vz-origin-bar {
        display: none !important;
    }

    body.vz-single-screen-active .header {
        background: #fff !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 !important;
    }

    body.vz-single-screen-active .header .ts-container {
        height: 48px !important;
        max-width: none !important;
        padding: 0 16px !important;
    }

    body.vz-single-screen-active .header__nav {
        height: 48px !important;
        min-height: 48px;
        padding: 0 !important;
    }

    body.vz-single-screen-active .header .logo__img {
        max-height: 30px;
        width: auto;
    }

    body.vz-single-screen-active #product-90,
    body.vz-single-screen-active .postid-90 .product {
        background: #fff !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-bottom: 0;
        width: 100% !important;
    }

    /* Keep the whole mobile UI inside the product, before Elementor content. */
    body.vz-single-screen-active .vzmcp-stage {
        position: relative;
        min-height: calc(100svh - 48px);
        isolation: isolate;
    }
    body.vz-single-screen-active .vzmcp-stage .vzmcp-shell { left: -20px; right: -20px; }
    body.vz-single-screen-active .vzmcp-stage form.cart .wpcpo-wrapper { left: -8px; }

    body.vz-single-screen-active .vzmcp-stage .single_variation_wrap,
    body.vz-single-screen-active .vzmcp-stage .single_variation_wrap > div:not(.wpcpo-wrapper) {
        position: static !important;
    }

    body.vz-single-screen-active .site-main,
    body.vz-single-screen-active .content-area,
    body.vz-single-screen-active .product_90_blok_left_parent,
    body.vz-single-screen-active .product_90_bloks {
        background: #fff !important;
    }

    body.vz-single-screen-active .product_90_h2,
    body.vz-single-screen-active .product_90_blok_right > .ts_button,
    body.vz-single-screen-active .product_90_blok_right > .build__back,
    body.vz-single-screen-active #build-custome > :not(form.cart),
    body.vz-single-screen-active .product_90_mobile_hidden,
    body.vz-single-screen-active .product-buy,
    body.vz-single-screen-active .vz-custom-design-stylist-entry {
        display: none !important;
    }

    body.vz-single-screen-active .vzmcp-continuation { clear: both; display: block; padding: 24px 0 0; }
    body.vz-single-screen-active .vzmcp-continuation > .product_90_mobile_visible { display: block; }

    body.vz-single-screen-active .product_90_bloks,
    body.vz-single-screen-active .product_90_blok_left_parent,
    body.vz-single-screen-active .product_90_blok_left {
        width: 100%;
    }

    body.vz-single-screen-active .product_90_bloks {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }

    body.vz-single-screen-active .product_90_blok_left {
        height: calc(100dvh - 250px);
        min-height: 0;
        max-width: none;
        overflow: hidden;
        position: relative;
    }

    body.vz-single-screen-active .product_90_blok_left .rtwpvg-wrapper,
    body.vz-single-screen-active .product_90_blok_left .woocommerce-product-gallery {
        margin: 0 auto;
        max-width: none;
        padding: 0;
        width: 100%;
    }

    body.vz-single-screen-active .product_90_blok_left .rtwpvg-images,
    body.vz-single-screen-active .product_90_blok_left .rtwpvg-wrapper,
    body.vz-single-screen-active .product_90_blok_left .rtwpvg-container {
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.vz-single-screen-active .product_90_blok_left .rtwpvg-slider-wrapper,
    body.vz-single-screen-active .product_90_blok_left .woocommerce-product-gallery__wrapper {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    body.vz-single-screen-active .product_90_blok_left .rtwpvg-slider,
    body.vz-single-screen-active .product_90_blok_left .rtwpvg-slider .swiper-wrapper,
    body.vz-single-screen-active .product_90_blok_left .rtwpvg-slider .swiper-slide,
    body.vz-single-screen-active .product_90_blok_left .woocommerce-product-gallery__wrapper {
        height: 100%;
    }

    /* The frame (594px on a 390 viewport) is taller than the capped photo
       (515px) so it has headroom for the swatch scroller; center the photo
       inside instead of leaving the slack stacked under it. */
    body.vz-single-screen-active .product_90_blok_left .rtwpvg-slider .swiper-slide,
    body.vz-single-screen-active .product_90_blok_left .woocommerce-product-gallery__wrapper {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    body.vz-single-screen-active .product_90_blok_left .rtwpvg-slider-wrapper img,
    body.vz-single-screen-active .product_90_blok_left .woocommerce-product-gallery__image img {
        display: block;
        height: min(132vw, calc(100dvh - 190px)) !important;
        max-height: none;
        object-fit: cover !important;
        width: 100%;
    }

    body.vz-single-screen-active .product_90_blok_left .rtwpvg-single-video-container { width: 100%; height: 100%; }
    body.vz-single-screen-active .product_90_blok_left .rtwpvg-single-video-container video { display: block; width: 100%; height: 100%; object-fit: contain; }

    body.vz-single-screen-active .product_90_blok_left .rtwpvg-gallery-image .rtwpvg-single-image-container > img {
        object-fit: cover !important;
    }

    body.vz-single-screen-active .product_90_blok_left .rtwpvg-trigger,
    body.vz-single-screen-active .product_90_blok_left .rtwpvg-slider-prev-arrow,
    body.vz-single-screen-active .product_90_blok_left .rtwpvg-slider-next-arrow {
        display: none !important;
    }

    body.vz-single-screen-active .product_90_blok_left a.rtwpvg-trigger {
        display: none !important;
    }

    body.vz-single-screen-active .product_90_blok_left .rtwpvg-thumbnail-wrapper,
    body.vz-single-screen-active .product_90_blok_left .flex-control-thumbs {
        display: none !important;
    }

    body.vz-single-screen-active .product_90_blok_right_parent,
    body.vz-single-screen-active .product_90_blok_right,
    body.vz-single-screen-active #build-custome,
    body.vz-single-screen-active form.cart {
        background: transparent !important;
        margin: 0 !important;
        max-width: none !important;
        padding: 0 !important;
        position: static !important;
        width: 100% !important;
    }

    body.vz-single-screen-active form.cart > .variations,
    body.vz-single-screen-active form.cart > .woocommerce-variation-add-to-cart,
    body.vz-single-screen-active form.cart > .quantity,
    body.vz-single-screen-active form.cart .single_add_to_cart_button,
    body.vz-single-screen-active form.cart .single_variation_wrap > :not(.wpcpo-wrapper) {
        display: none !important;
    }

    body.vz-single-screen-active form.cart > .single_variation_wrap {
        display: block !important;
        height: 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body.vz-single-screen-active form.cart .wpcpo-wrapper {
        display: none !important;
    }

    body.vz-single-screen-active .vzmcp-gallery-rail__item.is-video img { object-fit: contain; }

    body.vz-single-screen-active .vzmcp-gallery-rail,
    body.vz-single-screen-active .vzmcp-side-actions {
        display: flex;
        flex-direction: column;
        gap: 11px;
        position: absolute;
        top: 12px;
        z-index: 20;
    }

    body.vz-single-screen-active .vzmcp-gallery-rail {
        max-height: calc(100vh - 168px);
        overflow: auto;
        right: 10px;
        scrollbar-width: none;
    }

    body.vz-single-screen-active .vzmcp-gallery-rail::-webkit-scrollbar,
    body.vz-single-screen-active .vzmcp-strap-scroll::-webkit-scrollbar {
        display: none;
    }

    body.vz-single-screen-active .vzmcp-strap-scroll { scroll-behavior: smooth; }

    body.vz-single-screen-active .vzmcp-gallery-rail__list {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    body.vz-single-screen-active .vzmcp-gallery-rail__item {
        align-items: center;
        background: var(--vzmcp-surface);
        border: 1px solid var(--vzmcp-line);
        border-radius: 8px;
        display: flex;
        height: 48px;
        justify-content: center;
        overflow: hidden;
        padding: 0;
        width: 48px;
    }

    body.vz-single-screen-active .vzmcp-gallery-rail__item.is-active {
        border-color: var(--vzmcp-accent);
    }

    body.vz-single-screen-active .vzmcp-gallery-rail__item img {
        display: block;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    body.vz-single-screen-active .vzmcp-side-actions {
        gap: 9px;
        left: 10px;
        top: 12px;
    }

    body.vz-single-screen-active .vzmcp-side-action {
        align-items: center;
        background: rgba(255, 255, 255, .96);
        border: 0;
        border-radius: 50%;
        box-shadow: 0 8px 22px rgba(18, 13, 76, .13);
        color: var(--vzmcp-ink);
        display: flex;
        flex-direction: column;
        font: 600 8px/1 Poppins, sans-serif;
        gap: 1px;
        height: 50px;
        justify-content: center;
        box-sizing: border-box;
        padding: 12px 9px 6px;
        text-align: center;
        text-decoration: none;
        width: 50px;
    }

    body.vz-single-screen-active .vzmcp-side-action--stylist { padding: 7px 9px 11px; }

    body.vz-single-screen-active .vzmcp-side-action img {
        height: 20px;
        object-fit: contain;
        width: 20px;
    }

    body.vz-single-screen-active .vzmcp-side-action .dashicons {
        color: var(--vzmcp-accent);
        font-size: 20px;
        height: 20px;
        width: 20px;
    }

    body.vz-single-screen-active .vzmcp-shell {
        background: var(--vzmcp-surface);
        bottom: 0;
        color: var(--vzmcp-ink);
        font-family: Poppins, sans-serif;
        left: 0;
        max-height: min(68vh, 570px);
        position: absolute;
        right: 0;
        z-index: 1000;
    }

    body.vz-single-screen-active .vzmcp-summary {
        background: var(--vzmcp-surface);
        border-radius: 28px 28px 0 0;
        box-shadow: 0 -2px 6px rgba(18, 13, 76, .06);
        padding: 24px 14px 10px;
        position: relative;
        z-index: 3;
    }

    /* Reference canvas: 937px. Bar 90x14px, centered 27/30px
       below the collapsed/expanded panel edge. Hit area stays larger. */
    body.vz-single-screen-active .vzmcp-handle {
        background: transparent; border: 0; display: block;
        height: 28px; width: 64px; padding: 0; margin: 0;
        position: absolute; left: 50%; top: calc(2.882vw - 14px);
        transform: translateX(-50%); cursor: pointer; z-index: 2;
    }
    body.vz-single-screen-active .vzmcp-handle::before {
        content: ""; display: block; position: absolute; left: 50%; top: 50%;
        transform: translate(-50%, -50%); margin: 0;
        width: 9.605vw; height: 1.494vw;
        background: #c5c3d0; border-radius: 999px;
    }
    body.vz-single-screen-active .vzmcp-summary__toggle {
        align-items: center; background: transparent; border: 0; color: #4b16ff;
        display: flex; height: 30px; justify-content: center; padding: 0;
        position: absolute; right: calc(6.617vw - 15px);
        top: calc(5.336vw - 15px); width: 30px; z-index: 2;
    }
    /* Thin line chevron drawn from a rotated border corner, matching the
       reference's stroke style instead of the bundled icon font's glyph. */
    body.vz-single-screen-active .vzmcp-summary .vzmcp-summary__toggle::before,
    body.vz-single-screen-active .vzmcp-options__head .vzmcp-options__close::before {
        border: solid currentColor;
        border-width: 0 .374vw .374vw 0;
        content: "";
        display: block;
        height: 2.264vw;
        width: 2.264vw;
    }
    body.vz-single-screen-active .vzmcp-summary .vzmcp-summary__toggle::before { transform: rotate(-135deg); }
    body.vz-single-screen-active .vzmcp-options__head .vzmcp-options__close::before { transform: translateY(-2px) rotate(45deg); }
    body.vz-single-screen-active .vzmcp-options__native tr:not([data-vzmcp-kind="strap"]) .variable-items-wrapper { padding: 2px 0 !important; width: 100% !important; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .dvst-strap-btn { box-sizing: border-box; left: auto !important; right: auto !important; position: static !important; min-width: 0; margin: 0 !important; width: auto !important; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper label:not(:has(input#wpcpo-t0k5:checked)) .dvst-strap-btn { overflow: hidden; padding: 0 !important; width: 0 !important; }

    body.vz-single-screen-active .vzmcp-summary__tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.vz-single-screen-active .vzmcp-summary__tab {
        background: transparent;
        border: 0;
        border-right: 1px solid var(--vzmcp-line);
        color: var(--vzmcp-ink);
        display: flex;
        flex-direction: column;
        font: 400 12px/1 Poppins, sans-serif;
        gap: 7px;
        justify-content: center;
        min-height: 70px;
        padding: 0 7px;
    }

    body.vz-single-screen-active .vzmcp-summary__tab:last-child { border-right: 0; }
    body.vz-single-screen-active .vzmcp-summary__tab.is-active { color: var(--vzmcp-accent); }

    body.vz-single-screen-active .vzmcp-summary__preview-slot,
    body.vz-single-screen-active .vzmcp-summary__preview {
        align-items: center;
        display: flex;
        height: 40px;
        justify-content: center;
        margin: 0 auto;
        width: 40px;
    }

    body.vz-single-screen-active .vzmcp-summary__preview {
        background-position: center;
        background-size: cover;
        border-radius: 9px;
        color: var(--vzmcp-ink);
        font-size: 18px;
        overflow: hidden;
    }

    body.vz-single-screen-active .vzmcp-summary__preview img { height: 100%; object-fit: contain; width: 100%; }

    body.vz-single-screen-active .vzmcp-actions {
        border-top: 1px solid var(--vzmcp-line);
        display: grid;
        /* col1+col2 and col3+col4 both sum to exactly half the row, so the
           middle divider (Save|Share) lands on the dead center — same spot
           as the equal-column tabs row's middle divider above it. */
        grid-template-columns: 1.18fr .845fr .855fr 1.17fr;
        padding: 4px 14px;
        position: relative;
        z-index: 3;
    }

    body.vz-single-screen-active .vzmcp-action {
        align-items: center;
        background: transparent;
        border: 0;
        border-right: 1px solid var(--vzmcp-line);
        color: #7471ae;
        display: flex;
        font: 400 10px/1.1 Poppins, sans-serif;
        gap: 6px;
        justify-content: center;
        min-height: 37px;
        padding: 2px;
    }

    body.vz-single-screen-active .vzmcp-actions--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.vz-single-screen-active .vzmcp-actions--three .vzmcp-action--extras { justify-content: center; }
    body.vz-single-screen-active .vzmcp-actions--three .vzmcp-action__pill { box-sizing: border-box; justify-content: center; padding-left: 8px; padding-right: 8px; width: calc(100% - 8px); }
    body.vz-single-screen-active .vzmcp-action:last-child { border-right: 0; }
    body.vz-single-screen-active .vzmcp-action .dashicons { color: currentColor; font-size: 17px; height: 17px; width: 17px; }
    body.vz-single-screen-active .vzmcp-action--preview { background: #eeebff; border-radius: 999px; color: var(--vzmcp-accent); }
    /* Extras keeps the full grid cell (so its divider lands on the reference's
       column boundary, not the pill's own edge) but only the inner .vzmcp-action__pill
       is painted, so the pill hugs its content like the reference instead of
       stretching across the whole cell. */
    body.vz-single-screen-active .vzmcp-action--extras { justify-content: flex-start; }
    body.vz-single-screen-active .vzmcp-action__pill {
        align-items: center;
        background: #eeebff;
        border-radius: 999px;
        color: var(--vzmcp-accent);
        display: flex;
        gap: 6px;
        padding: 6px 17px 6px 11px;
        transition: background-color 180ms ease;
    }
    body.vz-single-screen-active .vzmcp-action--extras.has-selection .vzmcp-action__pill { background: #ded7ff; }
    body.vz-single-screen-active .vzmcp-action--extras.has-selection .dashicons-plus-alt2::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: currentColor;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10.5'/%3E%3Cpath d='m7 12 3.2 3.2 6.8-7'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
    }
    /* Extras stays a permanent pill (matches reference); only the Live Preview
       toggle drops its pill when collapsed. */
    body.vz-single-screen-active .vzmcp-action--preview[aria-expanded="false"] { background: transparent; color: #7471ae; }
    body.vz-single-screen-active .vzmcp-action__chevron { color: currentColor; font-size: 11px; height: 11px; margin-left: -2px; transition: transform 180ms ease; width: 11px; }
    body.vz-single-screen-active .vzmcp-action[aria-expanded="true"] .vzmcp-action__chevron { transform: rotate(180deg); }
    body.vz-single-screen-active .vzmcp-action--preview > span:not(.dashicons):not(.vzmcp-action__chevron) { max-width: 40px; }

    body.vz-single-screen-active .vzmcp-order { background: var(--vzmcp-surface); padding: 4px 12px 14px; position: relative; z-index: 3; }
    body.vz-single-screen-active .vzmcp-order__button { background: #6542f6; border: 0; border-radius: 7px; color: #fff; font: 400 16px/1 Poppins, sans-serif; min-height: 46px; padding: 8px 14px; width: 100%; }
    body.vz-single-screen-active .vzmcp-order__button:disabled { cursor: wait; opacity: .7; }

    body.vz-single-screen-active .vzmcp-options {
        background: var(--vzmcp-surface);
        border-radius: 28px 28px 0 0;
        bottom: 109px;
        box-shadow: 0 -2px 6px rgba(18, 13, 76, .06);
        display: block;
        left: 0;
        max-height: min(67vh, 560px);
        min-height: 160px;
        opacity: 0;
        overflow: auto;
        padding: 13px 18px 11px;
        pointer-events: none;
        position: absolute;
        right: 0;
        transform: translateY(14px);
        transition: opacity 180ms ease, transform 220ms ease, visibility 0s linear 220ms;
        visibility: hidden;
        z-index: 4;
    }

    body.vz-single-screen-active .vzmcp-shell.is-options-open .vzmcp-options { opacity: 1; pointer-events: auto; transform: translateY(0); transition: opacity 180ms ease, transform 220ms ease; visibility: visible; }
    body.vz-single-screen-active .vzmcp-shell.is-options-open .vzmcp-summary { opacity: 0; pointer-events: none; transition: opacity 140ms ease, visibility 0s linear 140ms; visibility: hidden; }
    body.vz-single-screen-active .vzmcp-summary { transition: opacity 140ms ease, visibility 0s linear 0s; }
    body.vz-single-screen-active .vzmcp-options__head { align-items: center; display: flex; justify-content: center; margin-bottom: 3px; min-height: 20px; position: static; }
    body.vz-single-screen-active .vzmcp-options__head .vzmcp-handle { margin: 0; top: calc(3.202vw - 14px); }
    body.vz-single-screen-active .vzmcp-options__head .vzmcp-handle { margin: 0; top: calc(3.202vw - 14px); }
    body.vz-single-screen-active .vzmcp-options__tabs { border-bottom: 1px solid var(--vzmcp-line); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 -3px 12px; }
    body.vz-single-screen-active .vzmcp-options__tab { background: transparent; border: 0; border-bottom: 3px solid transparent; color: var(--vzmcp-ink); font: 400 13px/1 Poppins, sans-serif; padding: 7px 2px 11px; }
    body.vz-single-screen-active .vzmcp-options__tab.is-active { border-bottom-color: var(--vzmcp-accent); color: var(--vzmcp-accent); }
    body.vz-single-screen-active .vzmcp-options__close { align-items: center; background: transparent; border: 0; color: #4b16ff; display: flex; height: 30px; justify-content: center; padding: 0; position: absolute; right: calc(7.257vw - 15px); top: calc(4.589vw - 15px); width: 30px; }
    body.vz-single-screen-active .vzmcp-options__native,
    body.vz-single-screen-active .vzmcp-options__native > .variations,
    body.vz-single-screen-active .vzmcp-options__native > .variations tbody,
    body.vz-single-screen-active .vzmcp-options__native > .variations tr,
    body.vz-single-screen-active .vzmcp-options__native > .variations td { box-sizing: border-box; max-width: 100% !important; min-width: 0 !important; width: 100% !important; }
    body.vz-single-screen-active .vzmcp-options__native > .variations { border: 0; display: table; margin: 0; table-layout: fixed; }
    body.vz-single-screen-active .vzmcp-options__native > .variations tbody { display: block; }
    body.vz-single-screen-active .vzmcp-options__native > .variations tr[data-vzmcp-kind] { display: none !important; }
    body.vz-single-screen-active .vzmcp-options__native > .variations tr.vzmcp-row-active { background: transparent !important; display: block !important; margin: 0 !important; padding: 0 !important; position: relative; }
    body.vz-single-screen-active .vzmcp-options__native > .variations tr.vzmcp-row-active th,
    body.vz-single-screen-active .vzmcp-options__native > .variations tr.vzmcp-row-active td { display: block; padding: 0 !important; width: 100%; }
    body.vz-single-screen-active .vzmcp-options__native > .variations tr.vzmcp-row-active th { display: none !important; }
    body.vz-single-screen-active .vzmcp-options__native tr:not([data-vzmcp-kind="strap"]) .cfvsw-swatches-container,
    body.vz-single-screen-active .vzmcp-options__native tr:not([data-vzmcp-kind="strap"]) .variable-items-wrapper { align-items: center !important; display: flex !important; gap: 24px !important; justify-content: center !important; margin: 0 !important; max-width: none; }
    body.vz-single-screen-active .vzmcp-options__native tr:not([data-vzmcp-kind="strap"]) .variable-item { margin: 0 !important; }
    body.vz-single-screen-active .vzmcp-options__native > .variations,
    body.vz-single-screen-active .vzmcp-options__native > .variations td,
    body.vz-single-screen-active .vzmcp-options__native > .variations ul { margin-bottom: 0 !important; }
    /* Center the short option rows in the space below the tabs; retain the strap layout. */
    body.vz-single-screen-active .vzmcp-options:has(tr.vzmcp-row-active:not([data-vzmcp-kind="strap"])) { display: flex; flex-direction: column; }
    body.vz-single-screen-active .vzmcp-options:has(tr.vzmcp-row-active:not([data-vzmcp-kind="strap"])) .vzmcp-options__tabs { margin-bottom: 0; }
    body.vz-single-screen-active .vzmcp-options:has(tr.vzmcp-row-active:not([data-vzmcp-kind="strap"])) .vzmcp-options__native { align-items: center; display: flex; flex: 1; min-height: 65px; padding: 12px 0; }
    body.vz-single-screen-active .vzmcp-options__native .cfvsw-swatch-inner { border-radius: 12px; }
    body.vz-single-screen-active .vzmcp-options__native .variable-item { border-radius: 12px; }

    body.vz-single-screen-active .vzmcp-options__native tr[data-vzmcp-kind="strap"] .cfvsw-swatches-container,
    body.vz-single-screen-active .vzmcp-options__native tr[data-vzmcp-kind="strap"] .variable-items-wrapper {
        display: grid !important;
        gap: 12px !important;
        grid-auto-columns: 40px !important;
        grid-auto-flow: column;
        grid-template-columns: repeat(13, 40px) !important;
        grid-template-rows: 40px;
        justify-content: start;
        margin: 0 !important;
        max-width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 2px 2px 3px 2px !important;
        scroll-behavior: smooth;
        scrollbar-width: none;
        touch-action: none;
        -webkit-overflow-scrolling: touch;
        width: 100% !important;
    }

    body.vz-single-screen-active .vzmcp-strap-scroll { cursor: grab; }
    body.vz-single-screen-active .vzmcp-strap-scroll.is-dragging { cursor: grabbing; scroll-behavior: auto; }

    body.vz-single-screen-active .vzmcp-options__native tr[data-vzmcp-kind="strap"] .variable-item { height: 40px; margin: 0 !important; min-width: 40px !important; padding: 0 !important; width: 40px; }
    /* "13 straps" / "Swipe to explore" caption line under the strap row, as in the reference. */
    body.vz-single-screen-active .vzmcp-options__native tr[data-vzmcp-kind="strap"].vzmcp-row-active { padding-bottom: 20px !important; }
    body.vz-single-screen-active .vzmcp-options__native tr[data-vzmcp-kind="strap"].vzmcp-row-active::before,
    body.vz-single-screen-active .vzmcp-options__native tr[data-vzmcp-kind="strap"].vzmcp-row-active::after {
        bottom: 0;
        color: #9490c4;
        font: 400 11px/1 Poppins, sans-serif;
        position: absolute;
    }
    body.vz-single-screen-active .vzmcp-options__native tr[data-vzmcp-kind="strap"].vzmcp-row-active::before { content: "13 straps"; left: 2px; }
    body.vz-single-screen-active .vzmcp-options__native tr[data-vzmcp-kind="strap"].vzmcp-row-active::after { content: "Swipe to explore \2192"; right: 2px; }

    body.vz-single-screen-active .vzmcp-popover { align-items: flex-end; background: transparent; bottom: 120px; display: flex; left: 0; opacity: 0; padding: 0 12px; pointer-events: none; position: absolute; right: 0; top: calc(-100vh + 92px); transition: opacity 160ms ease, visibility 0s linear 190ms; visibility: hidden; z-index: 1100; }
    body.vz-single-screen-active .vzmcp-popover.is-open { opacity: 1; pointer-events: auto; transition: opacity 160ms ease; visibility: visible; }
    body.vz-single-screen-active .vzmcp-popover__card { background: var(--vzmcp-surface); border-radius: 10px; box-shadow: 0 4px 14px rgba(18, 13, 76, .18); margin-bottom: 0; max-height: min(360px, calc(100vh - 116px)); opacity: 0; overflow: auto; padding: 12px 13px 11px; position: relative; transform: translateY(8px) scale(.985); transition: opacity 160ms ease, transform 190ms ease; width: 100%; }
    body.vz-single-screen-active .vzmcp-popover.is-open .vzmcp-popover__card { opacity: 1; transform: translateY(0) scale(1); }
    body.vz-single-screen-active .vzmcp-popover__header { align-items: center; border-bottom: 1px solid var(--vzmcp-line); display: flex; justify-content: space-between; margin-bottom: 6px; padding-bottom: 8px; }
    body.vz-single-screen-active .vzmcp-popover__title { color: var(--vzmcp-ink); font: 500 14px/1 Poppins, sans-serif; margin: 0; }
    body.vz-single-screen-active .vzmcp-popover__close { background: transparent; border: 0; color: var(--vzmcp-ink); font-size: 18px; height: 22px; padding: 0; width: 22px; }
    body.vz-single-screen-active .vzmcp-popover--preview { justify-content: flex-end; }
    body.vz-single-screen-active .vzmcp-popover--preview .vzmcp-popover__card { margin-right: 0; overflow: visible; width: min(214px, calc(100vw - 24px)); }
    /* Speech-bubble tail pointing down at the Live Preview button. */
    body.vz-single-screen-active .vzmcp-popover--preview .vzmcp-popover__card::after {
        background: var(--vzmcp-surface);
        box-shadow: 3px 3px 4px -2px rgba(18, 13, 76, .16);
        bottom: -6px;
        content: "";
        height: 14px;
        position: absolute;
        right: 28px;
        transform: rotate(45deg);
        width: 14px;
        z-index: -1;
    }
    body.vz-single-screen-active .vzmcp-popover--extras .vzmcp-popover__card { display: none; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper {
        background: var(--vzmcp-surface);
        border-radius: 10px;
        bottom: 120px;
        box-shadow: 0 4px 14px rgba(18, 13, 76, .18);
        display: block !important;
        left: 12px;
        margin: 0 !important;
        opacity: 0;
        overflow: visible;
        padding: 37px 12px 8px !important;
        pointer-events: none;
        position: absolute;
        right: auto;
        transform: translateY(8px) scale(.985);
        transition: opacity 160ms ease, transform 190ms ease, visibility 0s linear 190ms, width 220ms ease;
        visibility: hidden;
        width: min(207px, calc(100vw - 24px)) !important;
        z-index: 1200;
    }
    body.vz-single-screen-active form.cart.vzmcp-extras-open .wpcpo-wrapper { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); transition: opacity 160ms ease, transform 190ms ease, width 220ms ease; visibility: visible; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper:has(input#wpcpo-t0k5:checked) { width: min(280px, calc(100vw - 24px)) !important; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper::before { color: var(--vzmcp-ink); content: "Extras"; font: 500 14px/1 Poppins, sans-serif; left: 12px; position: absolute; top: 12px; }
    /* Speech-bubble tail pointing down at the Extras button that opened this card. */
    body.vz-single-screen-active form.cart .wpcpo-wrapper::after {
        background: var(--vzmcp-surface);
        box-shadow: 3px 3px 4px -2px rgba(18, 13, 76, .16);
        content: "";
        height: 14px;
        left: 22px;
        position: absolute;
        bottom: -6px;
        transform: rotate(45deg);
        width: 14px;
        z-index: -1;
    }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .wpcpo-options { max-height: none; overflow: visible; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .wpcpo-options,
    body.vz-single-screen-active form.cart .wpcpo-wrapper .wpcpo-option,
    body.vz-single-screen-active form.cart .wpcpo-wrapper .wpcpo-option-form { box-sizing: border-box; margin: 0 !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; width: 100% !important; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .form-row { display: block !important; margin: 0 !important; padding: 0 !important; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .form-row > label { align-items: center; border-bottom: 1px solid var(--vzmcp-line); box-sizing: border-box; color: var(--vzmcp-ink); display: grid !important; font: 400 13px/1.15 Poppins, sans-serif; gap: 6px; grid-template-columns: 17px minmax(0, 1fr) 18px; margin: 0 !important; min-height: 42px; padding: 6px 0 !important; width: 100%; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .form-row > label:last-of-type { border-bottom: 0; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .form-row > label > input[type="checkbox"] { grid-column: 1; margin: 0 !important; transform: scale(.8); }
    body.vz-single-screen-active form.cart .vzmcp-extra-copy { display: flex; flex-direction: column; gap: 3px; grid-column: 2; max-width: none !important; min-width: 114px; padding: 0 !important; width: 100% !important; }
    body.vz-single-screen-active form.cart .vzmcp-extra-name { min-width: 0; overflow-wrap: normal; white-space: nowrap; }
    body.vz-single-screen-active form.cart .vzmcp-extra-copy > span:not(.vzmcp-extra-name) { color: #7471ae; font-size: 11px; line-height: 1.05; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .info-icon { align-items: center; display: inline-flex !important; grid-column: 3; grid-row: 1; height: 18px; justify-content: center; margin: 0 !important; padding: 0 !important; position: relative; width: 18px; flex: 0 0 18px; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .info-icon img { box-sizing: border-box; display: block; height: 15px !important; max-width: none; width: 15px !important; min-width: 15px; margin: 0 !important; padding: 0 !important; object-fit: contain; flex: 0 0 15px; }
    /* Keep native help text outside the row layout and outside scroll containers.
       A stable hover area bridges the icon and the tooltip. */
    body.vz-single-screen-active form.cart .wpcpo-wrapper .info-icon .popup { background: #fff; border: 1px solid var(--vzmcp-line); border-radius: 8px; bottom: 100% !important; box-shadow: 0 3px 12px rgba(18, 13, 76, .15); box-sizing: border-box; display: block !important; font: 400 12px/1.45 Poppins, sans-serif; height: auto !important; left: auto !important; margin: 0 !important; max-height: min(180px, 35dvh); opacity: 0; overflow: auto; overflow-wrap: break-word; padding: 10px !important; pointer-events: none; position: absolute !important; right: 0 !important; top: auto !important; transform: none !important; transition: opacity 150ms ease, visibility 150ms ease; visibility: hidden; white-space: normal; width: min(180px, calc(100vw - 48px)) !important; z-index: 2; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .info-icon.is-help-open .popup { opacity: 1; pointer-events: auto; visibility: visible; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .info-icon { cursor: pointer; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .info-icon:focus-visible { outline: 2px solid var(--vzmcp-accent); outline-offset: 3px; border-radius: 50%; }
    @media (hover: hover) and (pointer: fine) {
        body.vz-single-screen-active form.cart .wpcpo-wrapper .info-icon:hover .popup { opacity: 1; pointer-events: auto; visibility: visible; }
    }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .info-icon .popup p { margin: 0 0 6px !important; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .info-icon .popup p:last-child { margin-bottom: 0 !important; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .wpcpo-total { display: none !important; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper .dvst-strap-btn { align-items: center; background: #eeebff; border-radius: 5px; color: var(--vzmcp-accent); display: flex !important; font: 500 11px/1 Poppins, sans-serif; grid-column: 3; grid-row: 1; justify-content: center; min-height: 25px; opacity: 0; padding: 4px 6px; pointer-events: none; text-decoration: none; transform: translateX(5px); transition: opacity 160ms ease, transform 180ms ease, visibility 0s linear 180ms; visibility: hidden; white-space: nowrap; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper label:has(input#wpcpo-t0k5:checked) { grid-template-columns: 17px max-content auto; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper label:has(input#wpcpo-t0k5:checked) .info-icon { display: none !important; }
    body.vz-single-screen-active form.cart .wpcpo-wrapper label:has(input#wpcpo-t0k5:checked) .dvst-strap-btn { opacity: 1; pointer-events: auto; transform: translateX(0); transition: opacity 160ms ease, transform 180ms ease; visibility: visible; }

    body.vz-single-screen-active .vzmcp-preview-option { align-items: center; border-bottom: 1px solid var(--vzmcp-line); display: grid; gap: 7px; grid-template-columns: 20px 1fr 14px; min-height: 42px; padding: 6px 0; }
    body.vz-single-screen-active .vzmcp-preview-option:last-child { border-bottom: 0; }
    body.vz-single-screen-active .vzmcp-preview-option > .dashicons { color: var(--vzmcp-ink); font-size: 18px; height: 18px; width: 18px; }
    body.vz-single-screen-active .vzmcp-preview-option__copy { display: flex; flex-direction: column; gap: 3px; }
    body.vz-single-screen-active .vzmcp-preview-option strong { font: 400 13px/1.1 Poppins, sans-serif; }
    body.vz-single-screen-active .vzmcp-preview-option small { color: #7471ae; font: 400 11px/1.1 Poppins, sans-serif; }
    body.vz-single-screen-active .vzmcp-preview-option.is-disabled { opacity: .68; }

    body.vz-single-screen-active #pss-fab {
        display: none !important;
    }

    @media (prefers-reduced-motion: reduce) {
        body.vz-single-screen-active .vzmcp-options,
        body.vz-single-screen-active .vzmcp-summary,
        body.vz-single-screen-active .vzmcp-popover,
        body.vz-single-screen-active .vzmcp-popover__card,
        body.vz-single-screen-active form.cart .wpcpo-wrapper,
        body.vz-single-screen-active form.cart .wpcpo-wrapper .dvst-strap-btn,
        body.vz-single-screen-active .vzmcp-action__chevron {
            scroll-behavior: auto;
            transition-duration: 1ms !important;
        }
    }
}

@media (max-width: 374px) {
    body.vz-single-screen-active .vzmcp-summary__tab { font-size: 11px; }
    body.vz-single-screen-active .vzmcp-action { font-size: 10px; }
    body.vz-single-screen-active .vzmcp-action .dashicons { font-size: 18px; }
}