.sh-cpan{position:relative;width:100%;overflow:hidden;background:var(--sh-bg, #faf7f2)}.sh-cpan__slider.swiper{position:relative;display:block;overflow:hidden}.sh-cpan__slider:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:1px}.sh-cpan__slider:not(.swiper-initialized) .sh-cpan__panel{flex:0 0 100%}.sh-cpan__panel.swiper-slide,.sh-cpan__panel{position:relative;display:flex;flex-direction:column;gap:10px;height:auto;padding:30px 15px;color:var(--sh-text, #1c1b1b)}@media(min-width:768px){.sh-cpan__panel.swiper-slide,.sh-cpan__panel{padding:40px}}.sh-cpan__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.sh-cpan__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sh-cpan__bg--hover{opacity:1;transition:.5s ease-in-out}@media(min-width:768px){.sh-cpan__bg--hover{opacity:0}}.sh-cpan__bg--uni{background:var(--sh-cpan-fond, #eae1d3)}.sh-cpan__bg--hover.sh-cpan__bg--uni{background:var(--sh-cpan-fond-survol, #e4ded4)}.sh-cpan--contain .sh-cpan__figure{object-fit:contain}.sh-cpan__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;text-align:center}@media(min-width:768px){.sh-cpan__content{gap:12px}}.sh-cpan__subheading{font-size:12px;line-height:1.35}.sh-cpan__name{font-family:var(--sh-font-heading);font-style:normal;font-weight:400;font-size:32px;line-height:1.2;color:#000;transition:.5s ease-in-out}@media(min-width:768px){.sh-cpan__name{font-size:42px}}@media(min-width:1025px){.sh-cpan__name{font-size:72px}}.sh-cpan__name-text{font-style:italic}.sh-cpan__name .sh-split-word{display:inline}.sh-cpan__media{position:relative;z-index:1;display:block;width:calc((100% + 30px)*.9);aspect-ratio:1 / 1;margin:0 auto}@media(min-width:768px){.sh-cpan__media{width:68%}}.sh-cpan__figure{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:left .5s cubic-bezier(.45,0,.55,1),opacity .5s cubic-bezier(.45,0,.55,1)}.sh-cpan__figure--front{left:-8%}.sh-cpan__figure--back{left:15%}@media(min-width:768px){.sh-cpan__figure--front,.sh-cpan__figure--back{left:0}.sh-cpan__figure--back{opacity:0}}.sh-cpan__chips-wrap{position:relative;z-index:1}.sh-cpan__chips{display:flex;flex-direction:row;justify-content:center;gap:4px}.sh-cpan__chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--sh-surface, #fffdfa);font-size:10px;line-height:12px;text-align:center;transition:.5s ease-in-out}.sh-cpan__swatch{display:block;width:15px;height:15px;flex:0 0 auto}@media(min-width:768px){.sh-cpan__chips-wrap{position:absolute;z-index:2;left:50px;top:50%;transform:translateY(-50%)}.sh-cpan__chips{flex-direction:column;align-items:flex-start;justify-content:flex-start}.sh-cpan__chip{flex-direction:row;font-size:12px;line-height:1.35;white-space:nowrap;opacity:0;transform:translate(-10px)}.sh-cpan__chip:nth-child(1){transition-delay:.05s}.sh-cpan__chip:nth-child(2){transition-delay:.15s}.sh-cpan__chip:nth-child(3){transition-delay:.25s}.sh-cpan__chip:nth-child(4){transition-delay:.35s}.sh-cpan__chip:nth-child(5){transition-delay:.45s}.sh-cpan__swatch{width:20px;height:20px}}.sh-cpan__btn{position:relative;z-index:1}.sh-cpan__btn--mobile{display:flex;justify-content:center;align-items:flex-start;height:18px;padding-top:3px}.sh-cpan__btn--desktop{display:none}@media(min-width:768px){.sh-cpan__btn--mobile{display:none}.sh-cpan__btn--desktop{display:flex;justify-content:flex-end;align-items:flex-start;height:21px;padding-top:4px}}.sh-cpan__link{position:relative;z-index:0;display:inline-flex;align-items:center;padding-left:12px;overflow:hidden;font-size:12px;line-height:12px;text-transform:capitalize;color:var(--sh-text, #1c1b1b);transition:.3s}@media(min-width:768px){.sh-cpan__link{font-size:14px;line-height:14px}}.sh-cpan__dot{position:absolute;z-index:-1;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--sh-accent, #d9cbb4);transform:translateY(-3px);transition:.3s cubic-bezier(.7,0,.3,1)}@media(min-width:768px){.sh-cpan__dot{top:7px}}@media(hover:hover)and (min-width:768px){.sh-cpan__panel:hover .sh-cpan__bg--hover{opacity:1}.sh-cpan__panel:hover .sh-cpan__name{transform:scale(1.2)}.sh-cpan__panel:hover .sh-cpan__figure--front{left:-8%}.sh-cpan__panel:hover .sh-cpan__figure--back{left:15%;opacity:1}.sh-cpan__panel:hover .sh-cpan__chip{opacity:1;transform:none}}.sh-cpan__nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 15px;pointer-events:none}@media(min-width:768px){.sh-cpan__nav{display:none}}.sh-cpan__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:36px;border:1px solid var(--sh-line, #e4ded4);border-radius:10px;background:var(--sh-surface, #fffdfa);color:var(--sh-text, #1c1b1b);pointer-events:auto;cursor:pointer;transition:.5s cubic-bezier(.3,1,.3,1)}.sh-cpan__arrow.swiper-button-disabled{opacity:.35;cursor:default}.sh-cpan__arrow.swiper-button-lock{display:none}.sh-cpan__arrow svg{width:12px;height:8.5px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sh-collection-panels.css.map */