.free-sample{position:relative;width:100%}.free-sample__container{padding-left:64px;padding-right:64px}@media(max-width:767px){.free-sample__container{padding-left:16px;padding-right:16px}}.free-sample__media{position:relative;width:100%;height:450px}.free-sample__media-desktop{display:block;width:100%;height:100%}.free-sample__media-mobile{display:none}.free-sample__video,.free-sample__banner{width:100%;height:100%;object-fit:cover;display:block}.free-sample__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#3a4a5b59,#0003);z-index:1}.free-sample__content{position:absolute;z-index:2;padding:16px 24px;box-sizing:border-box}@media(max-width:767px){.free-sample__content{top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}}.free-sample__content--center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.free-sample__content--top-left{top:16px;left:16px;text-align:left}.free-sample__content--top-center{top:16px;left:50%;transform:translate(-50%);text-align:center}.free-sample__content--top-right{top:16px;right:16px;text-align:right}.free-sample__content--center-left{top:50%;left:16px;transform:translateY(-50%);text-align:left}.free-sample__content--center-right{top:50%;right:16px;transform:translateY(-50%);text-align:right}.free-sample__content--bottom-left{bottom:16px;left:16px;text-align:left}.free-sample__content--bottom-center{bottom:16px;left:50%;transform:translate(-50%);text-align:center}.free-sample__content--bottom-right{bottom:16px;right:16px;text-align:right}.free-sample__content-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;max-width:600px}.free-sample__title{font-weight:500;font-size:45px;line-height:40px;color:#f2f2f2;margin:0}.free-sample__text{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.25px;color:#f2f2f2;margin:8px 0 0;max-width:400px}.free-sample__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background-color:#fff;color:#202020;border-radius:12px;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.1px;text-decoration:none;transition:all .2s ease;min-height:48px;box-sizing:border-box;width:fit-content}@media screen and (max-width:767px){.free-sample__media{height:456px}.free-sample__media-desktop{display:none}.free-sample__media-mobile{display:block;width:100%;height:100%}.free-sample__content{padding:16px 24px}.free-sample__content--center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.free-sample__content--top-left,.free-sample__content--top-center,.free-sample__content--top-right,.free-sample__content--center-left,.free-sample__content--center-right,.free-sample__content--bottom-left,.free-sample__content--bottom-center,.free-sample__content--bottom-right{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);text-align:center}.free-sample__content-inner{max-width:343px;width:100%;gap:16px}.free-sample__title{font-size:32px;line-height:40px}.free-sample__text{font-size:14px;line-height:20px;max-width:100%;margin-top:0}.free-sample__button{width:100%}}.free-sample__menu{display:flex;gap:32px;padding-top:24px;padding-bottom:24px;position:sticky;top:75px;background-color:#fff;z-index:8;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}@media(max-width:767px){.free-sample__menu{top:0;z-index:1;padding-bottom:0}}.free-sample__menu::-webkit-scrollbar{display:none}.free-sample__menu a{color:#7d8490;font-size:16px;line-height:24px;font-weight:500;text-decoration:none;flex-shrink:0}.free-sample__menu a:hover{color:#202020}@media(max-width:767px){.free-sample__menu a{font-size:14px;line-height:20px}}.free-sample__menu a.active{position:relative;color:#202020;font-weight:600}.free-sample__menu a.active:before{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#202020}.free-sample__items{display:flex;flex-direction:column;gap:24px}.free-sample__item{position:relative;display:flex;align-items:flex-start;gap:40px;padding-top:24px;padding-bottom:24px;scroll-padding-top:400px}.free-sample__item-anchor{position:absolute;top:-200px;left:0;width:100%;height:200px;pointer-events:none;z-index:-1}.free-sample__item-slider{flex:0 0 520px;max-width:50%}.free-sample__slider{position:relative;width:100%;aspect-ratio:526 / 395;border-radius:12px;overflow:hidden}.free-sample__slider .blaze-container,.free-sample__slider .blaze-track-container,.free-sample__slider .blaze-track{height:100%}.free-sample__slide{position:relative;width:100%;height:100%}.free-sample__slide[data-fancybox]{cursor:pointer}.fancybox__container{z-index:2147483647!important}.free-sample__slide-img,.free-sample__slide-video{width:100%;height:100%;object-fit:cover;display:block}.free-sample__slider-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#3a4a5b99;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s ease}.free-sample__slider-arrow:hover{background:#3a4a5bd9}.free-sample__slider-arrow svg{width:16px;height:16px;display:block}.free-sample__slider-arrow--prev{left:12px}.free-sample__slider-arrow--next{right:12px}.free-sample__slider.has-nav .free-sample__slider-arrow{display:flex}.free-sample__slider.has-nav .free-sample__slider-arrow.is-hidden{display:none}.free-sample__pagination{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:6px;align-items:center;justify-content:center;z-index:2}.free-sample__pagination button{text-indent:-9999px;overflow:hidden;width:8px;height:8px;padding:0;border:0;border-radius:8px;background-color:#fff9;cursor:pointer;transition:width .3s ease,background-color .3s ease;flex-shrink:0}.free-sample__pagination button.active{width:20px;background-color:#fff}.free-sample__slide--video{position:relative}.free-sample__slide-play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:#0000001f;cursor:pointer;z-index:3;transition:background .2s ease}.free-sample__slide-play:hover{background:#0003}.free-sample__slide-play-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#ffffffe6}.free-sample__slide-play-icon svg{margin-left:3px}.free-sample__slide--video.is-playing .free-sample__slide-play,.free-sample__slide--video.is-playing .free-sample__slide-play:hover{background:transparent}.free-sample__slide--video.is-playing .free-sample__slide-play-icon{display:none}.free-sample__item-info{width:50%;display:flex;flex-direction:column;gap:16px}.free-sample__item-title{font-size:32px;line-height:40px;font-weight:500;color:#202020}.free-sample__item-title--desktop{display:block}.free-sample__item-title--mobile{display:none}@media(max-width:767px){.free-sample__item-title--desktop{display:none}.free-sample__item-title--mobile{display:block}.free-sample__item-title{font-size:20px;line-height:28px}}.free-sample__item-colors{display:flex;flex-direction:column;gap:8px}.free-sample__item-colors-title{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.15px;color:#202020;margin:0}.free-sample__item-colors-list{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none}.free-sample__item-colors-list::-webkit-scrollbar{display:none}.free-sample__item-colors-list>*{flex:0 0 calc((100% - (5.5 * 4px)) / 6.5)}@media screen and (min-width:767px){.free-sample__item-colors-list{flex-wrap:wrap}.free-sample__item-colors-list>*{flex:0 0 calc((100% - (5.5 * 4px)) / 7.5)}}.free-sample__color-swatch{position:relative;width:90px;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1.5px solid transparent;box-sizing:border-box;cursor:pointer}.free-sample__color-swatch-img{width:100%;height:100%;object-fit:cover;display:block}.free-sample__color-swatch.is-selected{border-color:#3a4a5b}.free-sample__color-check{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:20px;background-color:#3a4a5b;display:flex;align-items:center;justify-content:center}@media screen and (max-width:767px){.free-sample__color-swatch{width:72px}.free-sample__item{flex-direction:column;gap:16px}.free-sample__item-slider{flex:0 0 auto;max-width:100%;width:100%}}.free-sample__features{display:inline-flex;width:fit-content;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;column-gap:2px;row-gap:16px;padding:8px 16px;background:#f4f6f8}.free-sample__feature{flex:0 0 auto;width:120px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.free-sample__feature-icon{display:block;width:40px;height:40px;flex-shrink:0}.free-sample__feature-icon svg{display:block;width:100%;height:100%}.free-sample__feature-label{font-size:16px;line-height:24px;letter-spacing:.5px;color:#202020;text-align:center;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}@media screen and (max-width:767px){.free-sample__features{width:100%;flex-wrap:nowrap;column-gap:8px;row-gap:8px;padding:4px 8px;border-radius:4px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.free-sample__features::-webkit-scrollbar{display:none}.free-sample__feature{width:calc(25% - 8px);scroll-snap-align:start}.free-sample__feature-icon{width:32px;height:32px}.free-sample__feature-label{font-size:12px;line-height:16px;font-weight:600}}.free-sample__accordion{display:flex;flex-direction:column}.free-sample__accordion-item{border-bottom:1px solid #E1E1E1}.free-sample__accordion-header{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0;border:0;background:transparent;cursor:pointer;text-align:left}.free-sample__accordion-title{flex:1 0 0;min-width:0;word-break:break-word;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.15px;color:#202020}.free-sample__accordion-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.free-sample__accordion-icon svg{display:block;width:24px;height:24px;transition:transform .2s ease}.free-sample__accordion-header[aria-expanded=true] .free-sample__accordion-icon svg{transform:rotate(180deg)}.free-sample__accordion-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}.free-sample__accordion-content{padding:0 0 16px;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;color:#202020}.free-sample__accordion-content p{margin:0 0 8px}.free-sample__accordion-content p:last-child{margin-bottom:0}.free-sample__accordion-content ul,.free-sample__accordion-content ol{margin:0 0 8px;padding-left:20px}.free-sample__accordion-content ul:last-child,.free-sample__accordion-content ol:last-child{margin-bottom:0}.free-sample__accordion-content li{margin:0 0 4px}.free-sample__accordion-content li:last-child{margin-bottom:0}.free-sample__accordion-content a{color:#202020;text-decoration:underline;word-break:break-word}.free-sample__accordion-content a:hover{text-decoration:none}@media(max-width:767px){.free-sample__item-info{width:100%}}@media(min-width:768px){.free-sample__sticky-mobile{display:none}}.free-sample__sticky-mobile{position:fixed;bottom:0;left:0;z-index:999999;width:100%;padding:16px 20px;background-color:#fff;border-top:1px solid #E1E1E1}.free-sample__sticky-btn{display:flex;align-items:center;justify-content:center;background-color:#3a4a5b;width:100%;height:48px;text-align:center;font-size:16px;line-height:24px;color:#f2f2f2;border-radius:12px}.free-sample__secondary-button{display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin-top:6px;border:1px solid var(--button-text-color);border-radius:6px;background:transparent;color:var(--button-text-color);font-size:15px;font-weight:500;line-height:1;text-decoration:none;transition:all .25s ease;cursor:pointer}.free-sample__secondary-button:hover{background:var(--button-text-color);color:var(--button-background)}.free-sample__secondary-button--mobile{display:none}.free-sample__secondary-button--desktop{display:flex}@media screen and (max-width:767px){.free-sample__secondary-button--desktop{display:none}.free-sample__secondary-button--mobile{display:flex;margin-top:6px;margin-bottom:6px}.free-sample__secondary-button{height:40px;font-size:14px;border-radius:6px}}.free-sample__secondary-button:hover,.free-sample__secondary-button:active,.free-sample__secondary-button:focus{background:transparent;color:var(--button-text-color)}
/*# sourceMappingURL=/cdn/shop/t/327/assets/free-sample-list.css.map */