.zcv-btn.js-cta, .zcv-btn.zcv-btn-ghost.js-apply, .zcv-btn.zcv-btn-ghost.js-apply-add {
    border: 0.5px solid #000 !important;
    padding: 5px 20px !important;
}

.zcv-btn.js-cta, .zcv-btn.zcv-btn-ghost.js-apply, .zcv-btn.zcv-btn-ghost.js-apply-add:hover {
    border: 0.5px solid #000 !important;
    padding: 5px 20px !important;
    font-weight: 600 !important;
}


@media (min-width: 680px) {
    .zcv-row {
        grid-template-columns: 1fr 1fr;
        margin-top: 0px;
    }
}
    .zcv-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
}

.zcv-label {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin: 0px 0 0px;
    padding-top: 0px;
}

.zcv-title {
    margin: 0px;
    font-size: 18px !important;
    color: #000 !important;
    text-align: left;
    font-weight: 100 !important;
}

.zcv-sr2-h1 {
    font-size: 16px !important;
    font-weight: 200 !important;
    display: none;
}

.zcv-units {
    display: flex;
    gap: 10px;
}

.zcv-title {
    margin: 0 0 40px;
    font-size: 16px !important;
    color: #000 !important;
    text-align: center;
    font-weight: 100 !important;
}

.zcv-input, .zcv-input[type="number"], .zcv-input[type="text"], select.zcv-input, .zcv-sr2 input[type="number"], .zcv-sr2 input[type="text"], .zcv-sr2 select {
    height: 40px !important;
    border: none !important;
    border-bottom: 0.5px solid #000 !important;
    padding: 0 0 !important;
    outline: none !important;
    background: #fff !important;
    border-radius: 0 !important;
    font-weight: 200 !important;
}


.zcv-sr2-foot {
    padding: 20px;
    border-top: none;
    display: flex;
    gap: 10px;
    align-items: center;
}

.zcv-prod-img img {
    max-width: 70%;
    height: auto;
    border: 0px;
}

.zcv-size {
    margin: 0px;
    font-size: 16px !important;
    font-weight: 200 !important;
}

.zcv-summary {
    margin: 0px 0 20px;
    opacity: 1;
    text-align: center;
    font-size: 10px !important;
    word-spacing: -2px;
}


.zcv-conf {
    opacity: .8;
    display: none;
}

.zcv-also {
    display: none;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}


.zcv-sr-note {
    display: none;
}

.zcv-actions {
    gap: 5px;
    margin-top: 0px;
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}



.zcv-sr2-foot {
    padding: 20px;
    border-top: none;
    gap: 20px;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.zcv-btn, .zcv-btn-ghost, .zcv-sr2-drawer .button, .zcv-sr2-drawer button {
    font-size: 12px !important;
    font-weight: 200 !important;
    padding: 5px 0 !important;
    border: none !important;
    color: #000 !important;
    border-radius: 0 !important;
    background: #fff !important;
    letter-spacing: 0 !important;
    word-spacing: -2px;
}

.zcv-sr2-drawer, .zcv-sr2-drawer * {
    font-family: "input-mono", monospace !important;
    letter-spacing: 0px !important;
    font-weight: 200 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    color: #000 !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: center;
}

.zcv-input, .zcv-input[type="number"], .zcv-input[type="text"], select.zcv-input, .zcv-sr2 input[type="number"], .zcv-sr2 input[type="text"], .zcv-sr2 select {
    height: 40px !important;
    border: none !important;
    border-bottom: 0.5px solid #000 !important;
    padding: 0 0 !important;
    outline: none !important;
    background: #fff !important;
    border-radius: 0 !important;
    font-weight: 200 !important;
    text-align: left;
}

.zcv-col {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

.zcv-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
}

.zcv-sr2-hint {
    margin: 0px !important;
    padding: 0px 0px !important;
    font-size: 8px !important;
    text-align: center !important;
    border: 0px;
}

.size-selector-header-message {
padding: 8px 10px;
border: 0.5px solid #000;
background: #fff;
display: none;
}



/* --- SR GENERAL NOTES (for traceability) --- */

1) COMBINE IN THE SAME ROW:

<div class="zcv-meas-unit-row">
            <span class="zcv-sub">YOUR MEASUREMENTS</span>
            <div class="zcv-units">
              <button class="zcv-unit js-unit" data-k="len" data-v="cm" aria-pressed="true">CM</button>
              <button class="zcv-unit js-unit" data-k="len" data-v="in" aria-pressed="false">IN</button>
            </div>
</div>


===

2) TAKE 30PX DOWN:

<div class="zcv-label">CLOTHING USE PREFERENCE</div>

===

3) ADD "DOWN ARROW" TO ALL THE "SELECT" INPUT BASED SVG:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="zds-select-field__arrow"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 16.6644L3.67065 9.3763L4.32916 8.62372L11.9999 15.3356L19.6707 8.62372L20.3292 9.3763L11.9999 16.6644Z" fill="black"></path></svg>


        <select class="zcv-input js-bra-system">
              <option value="us">AMERICAN SIZES</option>
              <option value="uk">UK SIZES</option>
              <option value="eu">EU SIZES</option>
              <option value="int">INTERNATIONAL</option>
        </select>


        <select class="zcv-input js-bra-cup">
                  <option value="">—</option><option>A</option><option>B</option><option>C</option>
                  <option>D</option><option>DD</option><option>E</option><option>F</option>
        </select>

===

4) REMOVE THIS TITLE: <h4 id="zcv-s4-title" class="zcv-title">YOUR SIZE</h4>

===

5) HEADER "BACK" & "CLOSE" BUTTONS: 


CLOSE BUTTON: (KEEP ALWAYS ON THE TOP RIGHT)
<button type="button" class="zcv-sr2-x" aria-label="Close">×</button>

CHANGE TO:
<svg width="12" height="12" viewBox="0 0 12 12" fill="inherit" xmlns="http://www.w3.org/2000/svg" class="zds-dialog-icon-button__icon zds-dialog-close-button__icon"><path d="M6 6.56168L11.4383 12L12 11.4383L6.56168 6L12 0.561675L11.4383 0L6 5.43832L0.561675 0L0 0.561675L5.43832 6L0 11.4383L0.561675 12L6 6.56168Z" fill="inherit"></path></svg>


BACK BUTTON: (KEEP ALWAYS ON THE TOP LEFT OR HIDE)
<button type="button" class="zcv-sr2-back" aria-label="Back" hidden="">←</button>

CHANGE TO:
<svg width="12" height="12" viewBox="0 0 12 12" fill="inherit" xmlns="http://www.w3.org/2000/svg" class="zds-dialog-icon-button__icon zds-dialog-arrow-button__icon"><path d="M6 0L0 6L6 12L6.50788 11.4921L1.3749 6.35913H12V5.64087H1.3749L6.50788 0.507885L6 0Z" fill="inherit"></path></svg>


===

6) PRP BUTTON:

MOVE THE BUTTON:
<button type="button" class="button zcv-sr-open" aria-controls="zcv-sr2-overlay">SIZE &amp; FIT RECOMMENDER</button>

ABOVE THE SIZE / COLOR FORM:
.variations_form cart wvs-loaded

AND CHANGE THE STYLE TO:
color: #000; font-weight: 400; border: none; background: none;

===


7) CHANGE THE STYLES OF:

<div class="zcv-slider zcv-slider-neo">
            <div class="zcv-slider-labels"><span>VERY FITTED</span><span>REGULAR</span><span>VERY LOOSE</span></div>
            <input type="range" min="0" max="100" step="1" value="50" class="js-fit-slider" aria-label="FIT PREFERENCE">
</div>


TO:

    --zds-modal-zindex: 1200;
    --zds-modal-backdrop-zindex: 10;
    --font-stretch-normal: normal;
    --font-stretch-condensed: condensed;
    --font-weight-light: 200;
    --font-weight-regular: normal;
    --font-weight-medium: 500;
    --font-weight-bold: bold;
    --font-size-body-s: 0.625rem;
    --line-height-body-s: 1rem;
    --letter-spacing-body-s: 0.025rem;
    --font-stretch-body-s: var(--font-stretch-normal);
    --font-weight-body-s: var(--font-weight-light);
    --font-family-body-s: "input-mono"!important;
    --font-size-body-m: 0.6875rem;
    --line-height-body-m: 1.125rem;
    --letter-spacing-body-m: 0.025rem;
    --font-stretch-body-m: var(--font-stretch-normal);
    --font-weight-body-m: var(--font-weight-light);
    --font-family-body-m: "input-mono"!important;
    --font-size-body-l: 0.8125rem;
    --line-height-body-l: 1.25rem;
    --letter-spacing-body-l: 0.025rem;
    --font-stretch-body-l: var(--font-stretch-normal);
    --font-weight-body-l: var(--font-weight-light);
    --font-family-body-l: "input-mono"!important;
    --font-size-label-xs: 0.625rem;
    --line-height-label-xs: 1rem;
    --letter-spacing-label-xs: 0.05rem;
    --text-transform-label-xs: uppercase;
    --font-stretch-label-xs: var(--font-stretch-normal);
    --font-weight-label-xs: var(--font-weight-light);
    --font-family-label-xs: "input-mono"!important;
    --font-size-label-s: 0.625rem;
    --line-height-label-s: 1rem;
    --letter-spacing-label-s: 0.05rem;
    --text-transform-label-s: uppercase;
    --font-stretch-label-s: var(--font-stretch-normal);
    --font-weight-label-s: var(--font-weight-light);
    --font-family-label-s: "input-mono"!important;
    --font-size-label-m: 0.6875rem;
    --line-height-label-m: 1rem;
    --letter-spacing-label-m: 0.05rem;
    --text-transform-label-m: uppercase;
    --font-stretch-label-m: var(--font-stretch-normal);
    --font-weight-label-m: var(--font-weight-light);
    --font-family-label-m: "input-mono"!important;
    --font-size-label-xs-highlight: 0.625rem;
    --line-height-label-xs-highlight: 1rem;
    --letter-spacing-label-xs-highlight: 0.05rem;
    --text-transform-label-xs-highlight: uppercase;
    --font-stretch-label-xs-highlight: var(--font-stretch-normal);
    --font-weight-label-xs-highlight: var(--font-weight-medium);
    --font-family-label-xs-highlight: "input-mono"!important;
    --font-size-label-s-highlight: 0.625rem;
    --line-height-label-s-highlight: 1rem;
    --letter-spacing-label-s-highlight: 0.05rem;
    --text-transform-label-s-highlight: uppercase;
    --font-stretch-label-s-highlight: var(--font-stretch-normal);
    --font-weight-label-s-highlight: var(--font-weight-medium);
    --font-family-label-s-highlight: "input-mono"!important;
    --font-size-label-m-highlight: 0.6875rem;
    --line-height-label-m-highlight: 1rem;
    --letter-spacing-label-m-highlight: 0.05rem;
    --text-transform-label-m-highlight: uppercase;
    --font-stretch-label-m-highlight: var(--font-stretch-normal);
    --font-weight-label-m-highlight: var(--font-weight-medium);
    --font-family-label-m-highlight: "input-mono"!important;
    --letter-spacing-title-m: 0.05rem;
    --text-transform-title-m: uppercase;
    --font-stretch-title-m: var(--font-stretch-normal);
    --font-weight-title-m: var(--font-weight-light);
    --font-family-title-m: "input-mono"!important;
    --letter-spacing-title-l: 0.05rem;
    --text-transform-title-l: uppercase;
    --font-stretch-title-l: var(--font-stretch-normal);
    --font-weight-title-l: var(--font-weight-light);
    --font-family-title-l: "input-mono"!important;
    --font-size-super-index: 0.5rem;
    --line-height-super-index: 1rem;
    --letter-spacing-super-index: 0.05rem;
    --text-transform-super-index: uppercase;
    --font-stretch-super-index: var(--font-stretch-normal);
    --font-weight-super-index: var(--font-weight-light);
    --font-family-super-index: "input-mono"!important;
    --font-size-title-m: 0.9375rem;
    --line-height-title-m: 1.5rem;
    --font-size-title-l: 1.125rem;
    --line-height-title-l: 1.75rem;
    --color-semantic-danger-high: #e90d01;
    --color-semantic-danger-low: #ffd8d6;
    --color-semantic-success-high: #0a882a;
    --color-semantic-success-low: #d6f4de;
    --color-semantic-warning-high: #b66009;
    --color-semantic-warning-low: #ffeacc;
    --color-semantic-info-high: #0170e9;
    --color-semantic-info-low: #bfdeff;
    --color-semantic-sales: #23f444;
    --color-basic-black: #000;
    --color-basic-white: #fff;
    --color-content-high: var(--color-basic-black);
    --color-content-mid: #757575;
    --color-content-low: #ccc;
    --color-content-inverse: var(--color-basic-white);
    --color-surface-high: var(--color-basic-black);
    --color-surface-high-alt: #333;
    --color-surface-low: #f7f7f7;
    --color-surface-low-alt: #e5e5e5;
    --color-background-base: var(--color-basic-white);
    --color-background-base-alt: rgb(255 255 255 / 95%);
    --color-background-high: var(--color-basic-black);
    --color-background-high-alt: #333;
    --color-background-mid: #949494;
    --color-background-low: #f7f7f7;
    --color-background-low-alt: #e5e5e5;
    --color-background-overlay: #00000040;
    --color-background-overlay-alt: #ffffffbf;
    --color-background-contrast: #000;
    --color-background-contrast-alt: #333;
    --color-background-surface: #ffffffbf;
    --color-focus-ring: var(--color-semantic-info-high);
    --spacing-00: 0.125rem;
    --spacing-01: 0.25rem;
    --spacing-02: 0.5rem;
    --spacing-03: 0.75rem;
    --spacing-04: 1rem;
    --spacing-05: 1.25rem;
    --spacing-06: 1.5rem;
    --spacing-07: 2rem;
    --spacing-08: 2.5rem;
    --spacing-09: 3rem;
    --spacing-10: 3.5rem;
    --spacing-11: 4rem;
    --spacing-12: 4.5rem;
    --spacing-13: 5rem;
    --spacing-14: 6rem;
    --spacing-15: 7rem;
    --spacing-16: 7.5rem;
    --input-base-padding-top: 1.625rem;
    --input-base-input-height: 1.25rem;
    --zds-line-width: 0.03125rem;
    --focus-ring-offset: 0.125rem;
    --focus-ring-stroke: 0.125rem;
    --zds-toast-viewport-zindex: calc(var(--zds-modal-zindex) * 2);
    --color-main-000: #fff;
    --color-main-005: #f2f2f2;
    --color-main-010: #e5e5e5;
    --color-main-020: #ccc;
    --color-main-040: #999;
    --color-main-060: #666;
    --color-main-080: #333;
    --color-main: #000;
    --color-emphasis: #ff3b30;
    --color-emphasis-background: #ff3b3033;
    --color-notification: #ff9500;
    --color-notification-background: #ff950033;
    --color-done: #34c759;
    --color-sales: #23f444;
    --line-width: var(--zds-line-width);
    --grid-spacing-01: 3rem;
    --grid-spacing-02: 4rem;
    --grid-spacing-03: 6.5rem;
    --grid-spacing-04: 9rem;
    --grid-spacing-05: 12.5rem;
    --grid-spacing-06: 16.5rem;
    --grid-template-spacing-01: 3rem;
    --grid-template-spacing-02: 4.5rem;
    --grid-template-spacing-03: 6rem;
    --grid-template-spacing-04: 7.5rem;
    --grid-template-spacing-05: 9rem;
    --grid-template-spacing-06: 10.5rem;
    --grid-lateral-margin: 1.25rem;
    --grid-width: calc(100vw - var(--layout-lateral-margin) * 2);
    --grid-columns: 12;
    --grid-column-gutter: 1.25rem;
    --grid-column-width: calc((100% - var(--grid-column-gutter) * 11) / 12);
    --margined-grid-column-width: calc((var(--grid-width) - var(--grid-column-gutter) * 11) / 12);
    --layout-lateral-margin: var(--spacing-15);
    --theme-focus-outline-width: 0.375rem;
    --chat-bottom-distance: 11.125rem;
    --layout-header-action-width: 2rem;
    --layout-header-action-icon-size: 1.25rem;
    --search-link-height: 2rem;
    --layout-header-icon-height: 4rem;
    --layout-header-icon-width: 4rem;
    --layout-header-logo-height: 6.8125rem;
    --layout-header-logo-width: 16.375rem;
    --media-video-progress-bar-color: #fff;
    --form-input-label-border-color-unfocused: var(--color-content-mid);
    --form-input-label-padding-top: 1.5rem;
    --form-input-label-transform: translateY(calc(-1 * var(--spacing-04))) scale(0.8);
    --form-input-radio-size: 0.75rem;
    --triangle-width: var(--spacing-11);
    --layout-content-horizontal-padding: 0;
    --layout-content-vertical-padding: var(--spacing-09);
    --layout-horizontal-padding: 1.25rem;
    --layout-header-first-column-width: calc(var(--layout-header-horizontal-padding) + var(--layout-header-icon-width));
    --layout-header-horizontal-padding: var(--spacing-09);
    --layout-header-mobile-left-action-width: calc(var(--layout-header-icon-width) + var(--spacing-05));
    --category-text-line-height: 2rem;
    --menu-category-gap: 0.5rem;
    --category-transition-duration: 500ms;
    --category-transition-easing: ease-in-out;
    --font-family-origins: 'XXemeEtageRegular', 'Neue-Helvetica', 'Arial', Sans-Serif;
    --react-pdf-text-layer: 1;
    --highlight-bg-color: rgba(180, 0, 170, 1);
    --highlight-selected-bg-color: rgba(0, 100, 0, 1);
    --react-pdf-annotation-layer: 1;
    --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
    --input-focus-border-color: Highlight;
    --input-focus-outline: 1px solid Canvas;
    --input-unfocused-border-color: transparent;
    --input-disabled-border-color: transparent;
    --input-hover-border-color: black;
    --link-outline: none;
    --chat-input-line-height: 20px;
    --visual-viewport-height: 100%;
    --visual-viewport-offset-top: 0;
    --chat-font-family-main: var(--font-family-main);
    --chat-text-transform: uppercase;
    --chat-border-radius: 0px;
    --chat-border-line-width: var(--zds-line-width);
    --chat-border-color-light: var(--color-content-high);
    --chat-agent-message-border-color-light: var(--color-surface-low-alt);
    --chat-agent-message-background-color-light: var(--color-background-base);
    --chat-user-message-border-color-light: var(--color-surface-low-alt);
    --chat-user-message-background-color-light: var(--color-surface-low-alt);
    --chat-header-background-color-light: var(--color-background-base);
    --chat-panel-background-color-light: var(--color-background-base);
    --chat-input-backgroud-color-light: var(--color-background-base);
    --chat-footer-backgroud-color-light: var(--color-background-base);
    --chat-minimized-widget-std-border-color-light: var(--color-surface-low-alt);
    --chat-minimized-widget-std-background-color-light: var(--color-background-base);
    --chat-minimized-widget-std-text-color-light: var(--color-content-high);
    --chat-minimized-widget-std-icon-color-light: var(--color-content-high);
    --chat-minimized-widget-mobile-background-color-light: var(--color-background-high);
    --chat-minimized-widget-mobile-color-light: var(--color-content-inverse);
    --chat-button-primary-color-light: var(--color-basic-white);
    --chat-button-primary-color-on-hover-light: var(--color-basic-white);
    --chat-button-primary-background-color-light: var(--color-background-contrast);
    --chat-button-primary-background-color-on-hover-light: var(--color-background-contrast-alt);
    --chat-button-secondary-color-light: var(--color-basic-black);
    --chat-button-secondary-color-on-hover-light: var(--color-content-mid);
    --chat-button-secondary-background-color-light: var(--color-background-base);
    --chat-button-secondary-background-color-on-hover-light: var(--color-background-base);
    --chat-border-color-dark: var(--color-basic-white);
    --chat-agent-message-border-color-dark: #262626;
    --chat-agent-message-background-color-dark: var(--color-basic-black);
    --chat-user-message-border-color-dark: #262626;
    --chat-user-message-background-color-dark: #262626;
    --chat-header-background-color-dark: var(--color-basic-black);
    --chat-panel-background-color-dark: var(--color-basic-black);
    --chat-input-backgroud-color-dark: var(--color-basic-black);
    --chat-footer-backgroud-color-dark: var(--color-basic-black);
    --chat-minimized-widget-std-border-color-dark: #262626;
    --chat-minimized-widget-std-background-color-dark: var(--color-basic-black);
    --chat-minimized-widget-std-text-color-dark: var(--color-basic-white);
    --chat-minimized-widget-std-icon-color-dark: var(--color-basic-white);
    --chat-minimized-widget-mobile-background-color-dark: var(--color-background-base);
    --chat-minimized-widget-mobile-color-dark: var(--color-content-high);
    --chat-button-primary-color-dark: var(--color-basic-black);
    --chat-button-primary-color-on-hover-dark: var(--color-basic-black);
    --chat-button-primary-background-color-dark: var(--color-basic-white);
    --chat-button-primary-background-color-on-hover-dark: #ccc;
    --chat-button-secondary-color-dark: var(--color-basic-white);
    --chat-button-secondary-color-on-hover-dark: #999;
    --chat-button-secondary-background-color-dark: var(--color-basic-black);
    --chat-button-secondary-background-color-on-hover-dark: var(--color-basic-black);
    --font-size-srpls-name: 1.375rem;
    --font-size-srpls-price: 1.375rem;
    --font-size-srpls-price-net-message: 1rem;
    --line-height-srpls: 1.5rem;
    --line-height-srpls-alternative: 1.25rem;
    --product-carousel-navigation-width: 60vw;
    --product-carousel-navigation-gap: var(--spacing-05);
    --product-carousel-navigation-image-width: 3rem;
    --product-carousel-navigation-image-height: 4.5rem;
    --product-detail-main-info-max-width: 26.875rem;
    --product-detail-secondary-info-max-width: 11.25rem;
    --product-detail-main-info-top-margin: 13rem;
    --product-detail-content-padding: var(--spacing-15);
    --product-detail-main-info-lateral-padding: var(--spacing-15);
    --dropdown-list-width: 368px;
    --dropdown-deselectable-icon-size: 20px;
    --zsr-recommendation-image-width: 353px;
    --layout-header-height: 261px;
    -webkit-font-smoothing: antialiased;
    --font-family-main: "input-mono", monospace !important;
    color: var(--color-content-high);
    fill: var(--color-content-high);
    --removed-body-scroll-bar-size: 0px;
    --zds-drawer-content-x-margin: var(--spacing-05);
    --zds-drawer-icon-margin: 1.5rem;
    overflow-wrap: break-word;
    word-break: normal;
    letter-spacing: var(--letter-spacing-body-l);
    text-transform: var(--text-transform-body-l);
    box-sizing: border-box;
    --form-field-gap: 8px;
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    --zds-slider-tap-thumb-size: 1.25rem;
    --zds-slider-thumb-size: 0.5rem;
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 2.5rem;
    position: relative;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;


    ===


select.zcv-input, .zcv-sr2 select {
  -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.9999 16.6644L3.67065 9.3763L4.32916 8.62372L11.9999 15.3356L19.6707 8.62372L20.3292 9.3763L11.9999 16.6644Z' fill='black'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 6px center !important;
  padding-right: 28px !important;
}



/* Consistent gaps between blocks (name, height, weight, etc.) */
.zcv-label, .zcv-field, .zcv-block { margin: 0 0 40px !important; }
.zcv-row { row-gap: 50px !important; }
.zcv-label .zcv-label-head { margin-bottom: 6px !important; }
/* Move PRP open button styling */
.zcv-open-moved { color:#000 !important; font-weight:400 !important; border:none !important; background:none !important; }



/* === ZCRAVE: Head layout tweaks === */
.zcv-sr2-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:0 20px; border-bottom:0;
}

/* Titles & typography */
.zcv-title { margin:0 0 40px; font-size:16px !important; color:#000 !important; text-align:center; font-weight:100 !important; }
.zcv-sr2-h1 { font-size:16px !important; font-weight:200 !important; display:none; }

/* Form blocks rhythm */
.zcv-label, .zcv-field, .zcv-block { margin:0 0 40px !important; font-size:12px !important; }
.zcv-step.step-basic .zcv-block, .zcv-step.step-basic .zcv-label, .zcv-step.step-basic .zcv-field { margin-bottom:30px !important; }

/* Inputs */
.zcv-input, .zcv-input[type="number"], .zcv-input[type="text"], select.zcv-input, .zcv-sr2 input[type="number"], .zcv-sr2 input[type="text"], .zcv-sr2 select {
  height:40px !important; border:none !important; border-bottom:0.5px solid #000 !important;
  padding:0 !important; outline:none !important; background:#fff !important; border-radius:0 !important; font-weight:200 !important; text-align:left;
}

/* Select arrow svg */
select.zcv-input {
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' class='zds-select-field__arrow'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.9999 16.6644L3.67065 9.3763L4.32916 8.62372L11.9999 15.3356L19.6707 8.62372L20.3292 9.3763L11.9999 16.6644Z' fill='black'></path></svg>");
  background-repeat:no-repeat; background-position:right .25rem center; padding-right:1.5rem !important;
}

/* Buttons */
.zcv-btn, .zcv-btn-ghost, .zcv-sr2-drawer .button, .zcv-sr2-drawer button {
  font-size:12px !important; font-weight:200 !important; padding:5px 0 !important; border:none !important; color:#000 !important; border-radius:0 !important; background:#fff !important; letter-spacing:0 !important; word-spacing:-2px;
}
.zcv-btn.js-cta, .zcv-btn.zcv-btn-ghost.js-apply, .zcv-btn.zcv-btn-ghost.js-apply-add {
  border:0.5px solid #000 !important; padding:5px 30px !important;
}
.zcv-btn.js-cta:hover, .zcv-btn.zcv-btn-ghost.js-apply:hover, .zcv-btn.zcv-btn-ghost.js-apply-add:hover {
  border:0.5px solid #000 !important; padding:5px 30px !important; font-weight:400 !important;
}

/* Drawer foot */
.zcv-sr2-foot { padding:20px; border-top:none; gap:20px; align-items:center; display:flex; justify-content:center; width:100%; }

/* Result card */
.zcv-prod-img img { max-width:70%; height:auto; border:0; }
.zcv-size { margin:0; font-size:16px !important; font-weight:200 !important; }
.zcv-summary { margin:0 0 20px; opacity:1; text-align:center; font-size:10px !important; word-spacing:-2px; }
.zcv-conf, .zcv-also, .zcv-sr-note { display:none !important; }

/* Actions */
.zcv-actions { gap:5px; margin-top:0; align-items:center; display:flex; flex-flow:column nowrap; justify-content:center; width:100%; margin-bottom:20px; }

/* Fonts all over */
.zcv-sr2-drawer, .zcv-sr2-drawer * {
  font-family:"input-mono", monospace !important; letter-spacing:0 !important; font-weight:200 !important; text-transform:uppercase !important; font-size:16px !important; color:#000 !important; -webkit-font-smoothing:antialiased !important; text-align:center;
}

/* Label row alignment */
.zcv-label-row { display:flex; align-items:center; justify-content:space-between; padding-top:40px; }
.zcv-units { display:flex; gap:10px; }
@media (max-width: 680px) {
  .zcv-units .zcv-unit { border:none !important; padding:0 !important; }
}

/* PRP opener button */
button.zcv-sr-open { color:#000 !important; font-weight:400 !important; border:none !important; background:none !important; padding:0 !important; text-decoration:underline; }

/* Helper text */
.zcv-help, .zcv-privacy, .zcv-privacy a { font-size:10px !important; }

/* Clothing use preference spacing */
.zcv-label:has(+ .zcv-slider) { margin-top:30px !important; }

/* Remove link line */
.zcv-linkline { display:none !important; }

/* Measurement guide overlay stacking */
.zcv-guide, .zcv-measurements-popup, .zcv-sr2-overlay .zcv-guide { z-index: 2000 !important; }

.zcv-label + .zcv-slider { margin-top:30px !important; }


/* === USER EXACT CSS (Sep 7, 2025) === */
.zcv-sr2-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
  border-bottom: 0px solid var(--zcv-border);
}

.zcv-btn.js-cta,
.zcv-btn.zcv-btn-ghost.js-apply,
.zcv-btn.zcv-btn-ghost.js-apply-add:hover {
  border: 0.5px solid #000 !important;
  padding: 5px 30px !important;
  font-weight: 400 !important;
}

.zcv-sr2-drawer, .zcv-sr2-drawer * {
  font-family: "input-mono", monospace !important;
  letter-spacing: 0px !important;
  font-weight: 200 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  color: #000 !important;
  -webkit-font-smoothing: antialiased !important;
  text-align: center;
}

.zcv-label, .zcv-field, .zcv-block {
  margin: 0 0 40px !important;
  font-size: 12px !important;
}

/* Even 30px rhythm between blocks inside the basic step */
.zcv-step.step-basic .zcv-label,
.zcv-step.step-basic .zcv-field,
.zcv-step.step-basic .zcv-block {
  margin-bottom: 30px !important;
}

/* All label heads 12px */
.zcv-label-head, .zcv-label-head * {
  font-size: 12px !important;
}

/* Help + Privacy 10px */
.zcv-help, .zcv-privacy, .zcv-privacy a {
  font-size: 10px !important;
}

/* Units row: remove borders on mobile */
@media (max-width: 680px) {
  .zcv-units .zcv-unit,
  .zcv-units .js-unit {
    border: none !important;
    padding: 0 !important;
  }
}

/* CM IN KG LBS - remove borders & padding on mobile */
@media (max-width: 680px) {
  .zcv-unit, .js-unit {
    border: none !important;
    padding: 0 !important;
  }
}

/* Measurement guide popup above tray */
.zcv-guide, .zcv-guide-modal, .zcv-measurements-guide {
  z-index: 999999 !important;
}

/* Select down arrow across all selects */
select.zcv-input, .zcv-sr2 select.zcv-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' aria-hidden='true'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.9999 16.6644L3.67065 9.3763L4.32916 8.62372L11.9999 15.3356L19.6707 8.62372L20.3292 9.3763L11.9999 16.6644Z' fill='black'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.25rem center;
  background-size: 16px 16px;
  padding-right: 24px !important;
}

/* Combine "YOUR MEASUREMENTS" + units in one row */
.zcv-meas-unit-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* Move "CLOTHING USE PREFERENCE" down by 30px */
.zcv-label:has(> .zcv-label-head:contains("CLOTHING USE PREFERENCE")),
.zcv-label:has(> .zcv-label-head:contains("Style Flow")) {
  margin-top: 30px !important;
}
/* Fallback without :has support: nudge the slider wrapper */
.zcv-slider.zcv-slider-neo { margin-top: 30px !important; }

/* Remove borders/padding for unit toggles on mobile explicitly */
@media (max-width: 680px) {
  .zcv-units { gap: 10px; }
  .zcv-units .zcv-unit,
  .zcv-units .js-unit { border: 0 !important; padding: 0 !important; }
}
/* === END USER CSS === */