/*****************************************/
.popinVTO {
    --COLOR: #a16d48;
    --FONT-CLARINS: "ClarinsRegular", "Clarins";
    --FONT-GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
        sans-serif;
    --FONT-GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
        Arial, sans-serif;
    --FONT-GOTHAM-LIGHT: "Gotham_Light";
    --FONT-GOTHAM-XTRA-LIGHT: "Gotham_Xtra_Light";
    --FONT-SIZE: 14px;
    --FINDER-HEIGHT: 535px;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: var(--FONT-SIZE);
    color: #333333;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1000;
}

.popinVTO__overlay {
    display: block;
    background-color: rgb(51, 51, 51, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.popinVTO__wrapper {
    max-width: 1026px;
    width: calc(100% - 40px);
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    z-index: 2;
}

.popinVTO * {
    box-sizing: border-box;
    margin: 0;
}

.popinVTO__row {
    display: flex;
    min-height: 446px;
    gap: 20px;
}

/**********************************************/

.popinVTO__content {
    overflow: hidden;
    flex-basis: 580px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1;
}

.popinVTO__preview {
    width: 446px;
    flex-basis: 446px;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    margin: 0 auto;
    align-items: center;
    flex-direction: column;
}

/**********************************************/

@media screen and (max-width: 761px) {
    .popinVTO__preview {
        width: 344px;
        padding: 10px;
    }
}

.popinVTO__preview button {
    margin: 5px auto;
}

.popinVTO__preview .Buttons {
    display: none;
}

/**********************************************/

.popinVTO .add-to-bag {
    display: none !important;

}

/* Inside Index */
.popinVTO-opener {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    margin: auto;
    position: relative;
    background-color: transparent;
    border: 0;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Arial, Helvetica, sans-serif;
    color: #b40024;
    padding: 0.6923076923em 1.5384615385em 0.6923076923em 3.4615384615em;
    background: linear-gradient(to right, #b40024 1px, transparent 1px)0 0,
        linear-gradient(to right, #b40024 1px, transparent 1px)0 100%,
        linear-gradient(to left, #b40024 1px, transparent 1px) 100%0,
        linear-gradient(to left, #b40024 1px, transparent 1px) 100% 100%,
        linear-gradient(to bottom, #b40024 1px, transparent 1px)0 0,
        linear-gradient(to bottom, #b40024 1px, transparent 1px) 100%0,
        linear-gradient(to top, #b40024 1px, transparent 1px)0 100%, linear-gradient(to top, #b40024 1px, transparent 1px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 7px 7px;
    max-width: 170px;
    box-sizing: border-box;
}

.popinVTO-opener div {
    margin: initial;
    padding: initial;
}

.popinVTO-opener::before {
    top: -2%;
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    background-image: url(data:image/png;base64,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Z2VSZWFkeXHJZTwAAAMoaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA3LjEtYzAwMCA3OS45Y2NjNGRlOTMsIDIwMjIvMDMvMTQtMTQ6MDc6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy4zIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwMzM5OERDQUFENzExRUQ4NDM3QTVDOUJDQUNDMkRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwMzM5OEREQUFENzExRUQ4NDM3QTVDOUJDQUNDMkRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjAzMzk4REFBQUQ3MTFFRDg0MzdBNUM5QkNBQ0MyREEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjAzMzk4REJBQUQ3MTFFRDg0MzdBNUM5QkNBQ0MyREEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6tU13kAAACWklEQVR42syXTUhVQRiGzz1K5UItCPwLNDcatRElwx9UEkIwFXFj0MJNEIaESEiIlyuuVFwpVJvETZt+jLiK4kIKQjfiQsRV/izytlDIFhpU9n7wCsPFe+/M6KgDD2fO3Pc7571zvvPNmUA4kO1ZtF5wT1M7DfpMb5BsYeoOCBnoy8AMmHdtrF/pfwL/Yuh8cF+JqXVprBrcZf8jaEqgnwCNjJHYOVNjl5kzqeBPHH07jwfgucb1RdMAAmAQjCbQb/Ox/xZjheALuGowc2/AioZuhdoHoAS81oj5BqokD7oMTX0FHQb6DsbotnzQLTN2gwPy1jxOEPQTrBnmpTyecnAdpCdIq1egSFCT/wdYsnhLJX9ugVyeb4Bl5qHadP7QJo1ZlYvDdhE8AZ0gukp/B8NgRBLZ5uK+pakM8BkMHWHK49gQNRk2N7CZsUsgDIp5HmFuLPC8FDwCmeA2tRVg3/WMPVVMzYICEASTJMixWWqKGeP0UfpKqZA8aga7R+h2+duWUjJ8l8Zugiz2X4JfcbTy2wv2sxjrzNg1pb+ooV+MEXvixvaUfpqGPi1G7IkbW1UKZ52Gvk5Z9FddGoso614rqIyjraTmcH2NuC4XPTwmsUY9jLqOz7EwNWqMU2NzrFUev9/GucZNkE2OpVITNPlAPE7l97i52AEDIAXkkOgX5RnXS++0jHm84TsuP5LkeRxfB1NcprZsL34cYx5vHDLcNRnn2AXvHLVkfmFKq+F27O8ZeQlwJyVtR4yNcf8nnzP152TCPoix96AFtIErZ2xIFv63spv6L8AAROVxl4zB6oAAAAAASUVORK5CYII=);
    background-position: center;
    background-size: 100%auto;
    background-repeat: no-repeat;
    left: 20px;
}



/*****************************************/
.popinVTO-cta {
    position: relative;
    background-color: #b40024 !important;
    display: inline-block;
    color: #fff;
    padding: 14px;
    text-decoration: none;
    font-size: var(--FONT-SIZE);
    line-height: 15px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    cursor: pointer;
    min-width: 122px;
    text-align: center;
    border-radius: 5px;
    height: 44px;
    box-sizing: border-box;
    text-transform: unset !important;
    letter-spacing: unset !important;
    outline: 0 !important;
}

.popinVTO-cta::after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: #63021A solid 2px;
    border-radius: 5px;
    opacity: 0;
    left: 0px;
    top: 0px;
    pointer-events: none;
    box-sizing: border-box;
    outline: 0 !important;
}

/*------------------------------------------------*/
.popinVTO-cta:focus::after {
    opacity: 1;
    outline: 0 !important;
}

.popinVTO-cta:hover {
    color: #fff;
    outline: 0 !important;
    background-color: #8C0B26;
}

.popinVTO-cta:active::after {
    opacity: 1;
    outline: 0 !important;
}

.popinVTO__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    gap: 20px;
    box-sizing: border-box;
    border: 1px solid #b0a9a5;
    flex-direction: column;
    text-align: center;
}

.popinVTO__buttons>p {
    margin: 20px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 24px;
    max-width: 300px;
}

.popinVTO__buttons>div {
    position: relative;
    background-color: #fff !important;
    display: inline-block;
    color: #333;
    border: 1px solid #b0a9a5;
    padding: 14px;
    padding-left: 44px;
    text-decoration: none;
    font-size: var(--FONT-SIZE);
    line-height: 15px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    min-width: 160px;
    text-align: left;
    border-radius: 5px;
    height: 44px;
    box-sizing: border-box;
    text-transform: unset !important;
    letter-spacing: unset !important;
    outline: 0 !important;
    cursor: pointer;
}

#YMK-CAMERA::before {
    top: 5px;
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAIAAAACtmMCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAddJREFUeNpi/P//PwNVARMDtcHINJEFjxww0np7e2/duoUsqK6uXlxcTKaJBw8eXLFiBZrguXPndHV13dzc8DkEF4iNjfXz8/v79y9cBMj2AwNkQTTACE+PkyZNunLlCtymP3/+XLp0qaury8nJCdkFe/fuLS8v19bWZmdnh4gwMjLq6+tnZWVBuXAT7ezsNDQ04DqB6szMzJKTkzG9NW/evJMnTyJnjQsXLpw6dQrd16mpqbg88urVK6B7gSQuBch6WfAnhZcvX1ZXVwOdAOEaGRm1t7cLCwuTGde/f//OyMj4+PFjWloaMECuXr26atWqlJSUlStXsrGxEY5rTF/PnTvX1NT09u3bcJGbN28CRRYuXIjH1/jyDDCwDQwMVFRU4CJqamo6OjqISCA1F/779w+r74ChQaaJwLC7du3ajx8/4CJPnz69fPkyMDGSaWJcXBwwnZeWlgLjBMj48uVLQ0MDFxdXTEwMmXEtIiLS2dlZU1MTHx8PEeHj4+vu7hYSEiLTRCCwtLRcvXo1MIcAE6aEhIS5ubmgoCCxpdnnz5+BUcHEhB4OQBd5enrij8BPnz5hMRGY7oAZmZolLjC37dixg4yqEegtLy8vRBEzWrtSBQAEGADahYC3v+AWhgAAAABJRU5ErkJggg==);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    left: 10px;
}

#YMK-UPLOAD::before {
    top: 5px;
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAIAAAACtmMCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAa9JREFUeNrcVE+LAXEY9pMSxcGH2MyBFAdzp7aUm48wTpODKR/BxU0kDi5cSE40STmMi5TLXJWDL0AxhMzss7O7Q83YGZvaXc/hbXr/PL3vO7/3IYqi2B4Ku+3R+CXGYrEYiUQqlYolSsUMtVot/IV6vW6ab9Jjq9WqVqvvs9jthJByudztdn8+da/XKxQK19OANJ/PDwaDb6rIrdczHo85jpNl+TOPXDLRLzYbjUbv6HE2m+VyOdC53e5GoxGLxeCMx+PNZhMe+LPZrCiKVhkXi0UmkzmdTi6Xq1QqURRFVCDk9/uxSpAiyrLscrm0xDidTg+Hg9PpxGjBYPBjZM0GAgH4Ed3tdpPJRF/u0LsSicRms8GaUKz9E80CoVAIz0gQBGRaYvR4PAzD6N/stedFxXPf9RMz7vf7drs9n88NTpXcPFZcTqfTOZ/PBmrW7/ehV6lUSi9QPM/TNA191IeSySSqhsOh5rm8x+12C7tarfSNvKow7BGXgwnW6/W/+jOXqb1eLywuOp1OW69HPnbn8/kMFFeSJCggPo7H431NORyj0QgSZ6Lhf2iPbwIMAJy7Nvz0IxbqAAAAAElFTkSuQmCC);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    left: 10px;
}


/**********************************************/

.popinVTO__name {
    margin: 0;
    font-family: var(--FONT-CLARINS);
    font-size: 35px;
    text-align: left;
}


.popinVTO__reviews {
    margin: 20px 0;
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    cursor: pointer;
}

.popinVTO__reviews span {
    text-decoration: underline;
}

.popinVTO__reviews span.rating {
    color: #be0f34;
    text-decoration: none;
}

.popinVTO__packshot {
    width: 100%;
    position: relative;
    display: block;
}

.popinVTO__price {
    margin: 20px 0;
    font-size: 18px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
}

.popinVTO__price-unit {
    margin: 0;
    font-size: 12px;
    font-family: var(--FONT-GOTHAM-BOOK);
    color: #787474;
    margin-top: 10px;
    display: block;
    font-size: 11px;
}

.popinVTO__size {
    margin: 0;
    margin-top: 20px;
    font-size: 14px;
    font-family: var(--FONT-GOTHAM-BOOK);
    color: #333;
    display: block;
}

.popinVTO__shade-selected {
    font-size: 14px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    white-space: normal;
    text-align: center;
    padding-top: 20px;
}

.popinVTO__shade {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 5px;
    position: relative;
    cursor: pointer;
}

.popinVTO__shade[data-selected="1"]::after {
    content: "";
    border: 2px solid rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 34px;
    height: 34px;
    top: -4px;
    left: -4px;
    border-radius: 50%;
}

/**************************/


.popinVTO__shades {
    overflow-x: hidden;
    /* white-space: nowrap; */
    padding: 10px 0;
    scroll-behavior: smooth;
    position: relative;
    text-align: left;
    flex: 1;
}

.popinVTO__shades .popinVTO__shade {
    display: inline-block;
}

.popinVTO__infos {
    text-align: center;
    font-size: 16px;
    font-family: var(--FONT-GOTHAM-BOOK);
    display: none;
}

@media screen and (max-width: 761px) {
    .popinVTO {
        padding: 15px;
    }

    .popinVTO__wrapper {
        width: 345px;
        padding: 0px;
        height: 100%;
        overflow-y: scroll;
    }

    .popinVTO__preview {

        flex-basis: 345px;
        width: 345px;
        height: 345px;
        padding: 0px;
        z-index: 1001;
    }

    .popinVTO__row {
        display: block;
    }


    .popinVTO__content {
        padding: 15px;
    }

    .popinVTO__buttons {
        flex-direction: column;
    }
}

#YMK-module-iframe {
    z-index: 1002;
}