.cpf{--cpf-thumb-width: 32px;--cpf-thumb-height: 48px;--cpf-thumb-gap: 8px;position:relative;width:100%;color:var(--color, var(--color-foreground))}.cpf__media{position:relative;overflow:hidden}.cpf__slides{overscroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none}.cpf__slides::-webkit-scrollbar{display:none}.cpf__slide{position:relative;overflow:hidden}.cpf__image{display:block;width:100%;height:100%;object-fit:cover}.cpf__light{position:absolute;z-index:1;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;background:#00000026;color:#fff;font-size:12px;pointer-events:none}.cpf__light-label{color:#fff;white-space:nowrap}.cpf--icon-top-left .cpf__light{top:24px;left:24px}.cpf--icon-top-right .cpf__light{top:24px;right:24px}.cpf--icon-bottom-left .cpf__light{bottom:40px;left:24px}.cpf--icon-bottom-right .cpf__light{bottom:40px;right:24px}.cpf__thumbs{position:absolute;left:50%;bottom:40px;z-index:2;width:calc(4 * var(--cpf-thumb-width) + 4 * var(--cpf-thumb-gap));transform:translate(-50%);overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cpf-thumb-width),#000 calc(100% - var(--cpf-thumb-width)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--cpf-thumb-width),#000 calc(100% - var(--cpf-thumb-width)),transparent 100%)}.cpf__thumbs-track{display:flex;gap:var(--cpf-thumb-gap);padding-block:2px;transition:transform .3s ease}.cpf__thumb{flex:0 0 var(--cpf-thumb-width);width:var(--cpf-thumb-width);height:var(--cpf-thumb-height);padding:0;border:0;background:none;cursor:pointer;opacity:.5}.cpf__thumb.is-active{opacity:1;outline:1px solid var(--color-palette-foreground);outline-offset:-1px}.cpf__thumb-image{display:block;width:100%;height:100%;object-fit:cover}.cpf__bullets{display:none}.cpf__info{overscroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none}.cpf__info::-webkit-scrollbar{display:none}.cpf__info-inner{display:flex;flex-direction:column;gap:24px;width:100%;max-width:var(--cpf-content-width);margin-inline:auto;box-sizing:border-box}.cpf__eyebrow{margin:0;--color: var(--color-palette-color6);color:var(--color, var(--color-palette-foreground))}.cpf__eyebrow+.cpf__headline{margin-top:-12px}.cpf__headline{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.cpf__title,.cpf__price{margin:0}.cpf__price{flex-shrink:0;white-space:nowrap}.cpf__badges{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none}.cpf__badge{display:inline-flex;align-items:center;gap:8px}.cpf__badge-icon{display:block;flex-shrink:0;width:16px;height:16px;object-fit:contain}.cpf__badge-icon--forme{display:block;flex-shrink:0;width:18px;height:18px;overflow:visible}.cpf__badge-icon--forme *{stroke-width:1.5px;vector-effect:non-scaling-stroke}.cpf__form{display:flex;flex-direction:column;gap:24px}.cpf__options{display:flex;flex-direction:column;gap:32px}.cpf__option{margin:0;padding:0;border:0;min-width:0}.cpf__option-name{margin-bottom:12px;padding:0}.cpf__option-name.text-small{font-family:Brice;font-size:15px;font-weight:400;text-transform:none}.cpf__option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cpf__option-header .cpf__option-name{margin-bottom:0}.cpf__option-header .custom-cta{font-size:12px;background:none;border:0;padding:0;cursor:pointer}.cpf__badges+.cpf__form{margin-top:calc(var(--cpf-options-space, 40px) - 24px)}.cpf__values{display:flex;flex-wrap:wrap;gap:12px}.cpf__value{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.cpf__radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.cpf__value.is-unavailable{cursor:not-allowed;opacity:.35}.cpf__radio:focus-visible+*{outline:1px solid var(--color-palette-foreground);outline-offset:4px}.cpf__swatch{display:block;width:32px;height:32px;border-radius:50%;border:1px solid rgb(0 0 0 / .12);box-sizing:border-box;overflow:hidden}.cpf__swatch-image{display:block;width:100%;height:100%;object-fit:cover}.cpf__option--color .cpf__value{flex-direction:row;align-items:center;gap:10px;box-sizing:border-box;border-radius:8px;padding:8px 16px 8px 8px}.cpf__option--color .cpf__value:has(.cpf__radio:checked){background:var(--color-palette-foreground);border-radius:8px}.cpf__option--color .cpf__values{gap:8px}.cpf__value-label{text-align:center}.cpf__option--color .cpf__value:has(.cpf__radio:checked) .cpf__value-label{color:#fff}.cpf__option--color .cpf__value-label{font-size:12px}.cpf__option--color .cpf__value-label{font-weight:400}.cpf__option--color .cpf__radio:checked~.cpf__value-label{font-weight:700}.cpf__option--tile .cpf__values{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.cpf__tile{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:var(--cpf-tile-ratio, 3 / 4);overflow:hidden;border-bottom:2px solid transparent;box-sizing:border-box}.cpf__tile-image{display:block;width:100%;height:100%;object-fit:cover}.cpf__tile-image[hidden]{display:none}.cpf__tile-label{text-align:center}.cpf__option--tile .cpf__value:has(.cpf__radio:checked):after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-palette-foreground)}.cpf__option--text .cpf__values{gap:6px}.cpf__text-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgb(0 0 0 / .12);border-radius:8px;text-align:center;box-sizing:border-box}.cpf__radio:checked+.cpf__text-button{background-color:var(--color-palette-foreground);color:#fff;border-color:var(--color-palette-foreground)}.cpf__supplement{position:absolute;top:0;left:50%;z-index:1;transform:translate(-50%,-50%);padding:2px 6px;border-radius:999px;background-color:var(--color-palette-foreground);color:#fff;white-space:nowrap;pointer-events:none}.cpf__option--tile .cpf__supplement,.cpf__option--text .cpf__supplement{top:auto;bottom:0;transform:translate(-50%,50%)}.cpf__exact-length{display:flex;flex-direction:column;gap:8px;margin-top:32px;padding:16px;border-radius:4px;background:var(--color-palette-color5)}.cpf__exact-length[hidden]{display:none}.cpf__exact-length .cpf__exact-length-hint{max-width:90%;margin:0;font-family:Inter,sans-serif;font-weight:700}.cpf__exact-length-field{position:relative;display:inline-flex;align-self:flex-start}.cpf__exact-length-input{align-self:flex-start;height:48px;padding:0 42px 0 16px;-webkit-appearance:none;appearance:none;border:1px solid rgb(0 0 0 / .12);border-radius:8px;background:none;color:var(--color-palette-foreground);box-sizing:border-box;cursor:pointer}.cpf__exact-length-caret{position:absolute;top:50%;right:16px;display:flex;width:14px;height:14px;color:var(--color-palette-foreground);transform:translateY(-50%);pointer-events:none}.cpf__exact-length-caret svg{width:100%;height:100%}.cpf__exact-length-input:focus-visible{outline:1px solid var(--color-palette-foreground);outline-offset:0}.cpf__option.is-disabled{opacity:.35;pointer-events:none}.cpf__stone-only{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:4px;background-color:color-mix(in srgb,var(--color-palette-foreground) 6%,transparent);cursor:pointer}.cpf__buttons{display:flex;flex-direction:column;gap:8px}[data-cpf-button-price],[data-cpf-reserve-price]{font-family:Inter,sans-serif;font-weight:400}.cpf__buttons>a[data-cpf-reserve]{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding-inline:24px}.cpf__buttons button[data-cpf-submit]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-inline:24px}.cpf__buttons>.custom-button{width:100%;justify-content:center;box-sizing:border-box}.cpf__note{margin:-16px 0 0}.cpf__description{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;max-width:80%}.cpf__description p{margin:0;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cpf__description .custom-cta{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;background:none;border:0;padding:0;cursor:pointer}.cpf__description-title{margin-bottom:8px!important}.cpf__drawer-triggers{display:flex;flex-direction:column}.cpf__drawer-trigger{font-family:Brice;display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 0;border:0;border-bottom:1px solid rgb(0 0 0 / .12);background:none;color:var(--color, var(--color-foreground));text-align:left;cursor:pointer}.cpf__drawer-chevron{flex-shrink:0}.cpf__drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cpf__drawer-overlay.is-open{opacity:1;visibility:visible}.cpf__drawer{position:fixed;top:0;right:0;bottom:0;z-index:999;display:flex;flex-direction:column;width:max(530px,45vw);max-width:100%;background:#fff;color:var(--color-palette-foreground);transform:translate(100%);visibility:hidden;transition:transform .3s ease,visibility .3s ease;overscroll-behavior:contain}.cpf__drawer.is-open{transform:translate(0);visibility:visible}.cpf__drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:32px 32px 16px}.cpf__drawer-title{margin:0}.cpf__drawer-close{display:flex;flex-shrink:0;padding:4px;border:0;background:none;color:inherit;cursor:pointer}.cpf__drawer-content{flex:1;overflow-y:auto;padding:0 32px 32px}.cpf__drawer-content>:first-child{margin-top:0}@media screen and (max-width:1031px){.cpf__drawer{width:100%}.cpf__drawer-header{padding:24px 16px 16px}.cpf__drawer-content{padding:0 16px 24px}}.cpf__delivery-panel,.cpf__care-panel,.cpf__guide-panel{padding-top:8px}.cpf__drawer-content>.cpf__description-text:first-child,.cpf__drawer-content>.cpf__description-spec:first-child,.cpf__drawer-content>.cpf__description-info:first-child{margin-top:8px}.cpf__description-spec{margin:0}.cpf__description-text+.cpf__description-spec{margin-top:16px}.cpf__description-spec strong{font-weight:700}.cpf__info-box+.cpf__delivery,.cpf__info-block+.cpf__info-block,.cpf__info-block+.cpf__info-box,.cpf__description-info{margin-top:40px}.cpf__info-title{margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:700;color:var(--color-palette-foreground)}.cpf__info-title+.cpf__info-text{margin-top:10px}.cpf__info-text,.cpf__description-text{line-height:1.5}.cpf__description-text>:first-child{margin-top:0}.cpf__info-text{font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:color-mix(in srgb,var(--color-palette-foreground) 70%,transparent)}.cpf__info-text>*{margin:0}.cpf__info-text>*+*{margin-top:16px}.cpf__info-box .cpf__info-text>*+*{margin-top:8px}.cpf__info-text a{color:inherit;text-decoration:underline}.cpf__info-care-link a,.cpf__info-care-link a:hover{color:var(--color-palette-foreground);text-decoration:underline}.cpf__info-text ul{list-style:disc;padding:0 0 0 18px}.cpf__info-block--flags .cpf__info-text ul{list-style:none;padding:0}.cpf__info-box{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:4px;background-color:color-mix(in srgb,var(--color-palette-foreground) 6%,transparent)}.cpf__info-box-image{flex:0 0 96px;width:96px;height:96px;object-fit:cover}.cpf__info-box-body{flex:1;min-width:0}.cpf__care-panel .cpf__info-box+.cpf__info-box,.cpf__guide-panel .cpf__info-box+.cpf__info-box{margin-top:16px}.cpf__care-image{flex:0 0 48px;width:48px;height:48px;border-radius:4px;object-fit:cover}.cpf__care-image--svg{object-fit:contain}.cpf__fil-box{--cpf-guide-box-height: calc((100vh - 120px) / 3);height:var(--cpf-guide-box-height);overflow:hidden;padding-right:64px}.cpf__fil-box,.cpf__fil-intro{margin-right:32px}@media screen and (max-width:1031px){.cpf__fil-box,.cpf__fil-intro{margin-right:48px}}.cpf__fil-intro{margin-top:16px;margin-bottom:0;margin-left:0}.cpf__drawer-content .cpf__fil-intro{font-size:13px;color:color-mix(in srgb,var(--color-palette-foreground) 70%,transparent)}.cpf__guide-panel .cpf__fil-intro+.cpf__info-box{margin-top:24px}.cpf__length-box{--cpf-guide-box-height: 33vh}@media screen and (min-width:750px){.cpf__length-box{height:var(--cpf-guide-box-height);overflow:hidden}}.cpf__fil-box,.cpf__length-box{flex-direction:row;align-items:stretch}.cpf__fil-box>.cpf__carousel,.cpf__length-box>.cpf__carousel{flex:0 0 auto;width:calc((var(--cpf-guide-box-height) - 32px) * 3 / 4);aspect-ratio:auto}.cpf__fil-box>.cpf__info-box-body,.cpf__length-box>.cpf__info-box-body{align-self:flex-start;max-height:100%;overflow:hidden}.cpf__fil-box>.cpf__info-box-body{align-self:center}@media screen and (max-width:749px){.cpf__length-box{align-items:flex-start}.cpf__length-box>.cpf__carousel{flex:0 0 33.333%;width:33.333%;aspect-ratio:3 / 4}.cpf__length-box>.cpf__info-box-body{max-height:none;overflow:visible}}.cpf__info-text .cpf__fil-specs{list-style:none;padding:0}.cpf__fil-box .cpf__info-text>.cpf__fil-specs{margin-top:16px}.cpf__fil-specs li{display:flex;align-items:center;gap:8px}.cpf__fil-specs li+li{margin-top:4px}.cpf__fil-spec-icon{flex:0 0 12px}.cpf__info-text ol{list-style:decimal;padding:0 0 0 18px}.cpf__length-panel>*+*{margin-top:40px}.cpf__length-panel>.cpf__length-note+*{margin-top:16px}.cpf__length-note{font-size:12px}.cpf__carousel{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:4px}.cpf__carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0;border:0;background:none;cursor:zoom-in;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.cpf__carousel-slide.is-active{opacity:1;visibility:visible}.cpf__carousel-slide img,.cpf__carousel-placeholder{display:block;width:100%;height:100%;object-fit:cover}.cpf__carousel-arrow{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#fffc;color:var(--color-palette-foreground);cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .2s ease}.cpf__carousel-arrow--prev{left:8px}.cpf__carousel-arrow--next{right:8px}[data-cpf-carousel-zone]:hover .cpf__carousel-arrow,.cpf__carousel-arrow:focus-visible{opacity:1}.cpf__carousel-bullets{display:none}@media(hover:none){.cpf__carousel-arrow{display:none}.cpf__carousel-bullets{position:absolute;left:0;right:0;bottom:16px;z-index:2;display:flex;justify-content:center;gap:8px}.cpf__carousel-bullet{width:8px;height:8px;padding:0;border:0;border-radius:50%;background-color:#fff;opacity:.5;cursor:pointer}.cpf__carousel-bullet.is-active{opacity:1}}@media(prefers-reduced-motion:reduce){.cpf__carousel-slide,.cpf__carousel-arrow{transition:none}}.cpf__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:56px 16px;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cpf__lightbox.is-open{opacity:1;visibility:visible}.cpf__lightbox-image{display:block;max-width:100%;max-height:100%;object-fit:contain}.cpf__lightbox-close{position:absolute;top:16px;right:16px;display:flex;padding:4px;border:0;background:none;color:#fff;cursor:pointer}@media screen and (min-width:1032px){.cpf__delivery-panel,.cpf__description-text,.cpf__description-spec,.cpf__description-info{margin-right:48px}}@media screen and (min-width:1032px){.cpf{display:grid;grid-template-columns:1fr 1fr;height:100vh}.cpf__media,.cpf__info{height:100vh}.cpf__slides{height:100%;overflow-y:auto;scroll-snap-type:y mandatory}.cpf__slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always}.cpf__info{display:flex;flex-direction:column;overflow-y:auto;padding-inline:var(--custom-margin-inline);box-sizing:border-box}.cpf__info-inner{margin-block:auto;padding-block:120px 48px}}@media screen and (max-width:1031px){.cpf__media{height:var(--cpf-mobile-height)}.cpf__slides{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory}.cpf__slide{flex:0 0 100%;height:100%;scroll-snap-align:start}.cpf__thumbs{display:none}.cpf__bullets{position:absolute;left:0;right:0;bottom:16px;z-index:2;display:flex;justify-content:center;gap:8px}.cpf__bullet{width:8px;height:8px;padding:0;border:0;border-radius:50%;background-color:#fff;opacity:.5;cursor:pointer}.cpf__bullet.is-active{opacity:1}.cpf__info{padding:32px 16px 48px}}body:has(#MainContent[data-template^=product]) #header-component.custom-menu{--menu-toggle-bg: var(--color-palette-foreground);--menu-toggle-color: #ffffff;--menu-icon-color: var(--color-palette-foreground)}body:has(#MainContent[data-template^=product]) #header-component.custom-menu .custom-menu__logo-img--dark{display:block}body:has(#MainContent[data-template^=product]) #header-component.custom-menu .custom-menu__logo-img--light{display:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-product-fiche.css.map */