.section__feature-highlights .feature-highlights__media{width:100%;position:relative}.section__feature-highlights .feature-highlights__media-frame{display:block;width:100%;border-radius:1.6rem}.section__feature-highlights .feature-highlights.gradient{padding-block:2rem;border-radius:1.6rem}.section__feature-highlights .feature-highlights__row{display:flex;flex-direction:column;align-items:center;width:100%}.section__feature-highlights .feature-highlights__item{position:absolute;top:var(--hotspot-top, 50%);left:var(--hotspot-left, 50%);transform:translate(-50%,-50%);z-index:var(--z-index-flat, 1)}.section__feature-highlights .feature-highlights__connector{display:none}.section__feature-highlights .feature-highlights__card{display:none;width:100%;max-width:34rem;flex-direction:column;gap:.8rem;padding:1.2rem;border-radius:1.6rem;background:var(--card-bg, rgba(255, 255, 255, .8))}.section__feature-highlights .feature-highlights__card-title{margin:0;font-family:var(--font-body-family);font-weight:600;font-size:1.6rem;line-height:1.5;text-transform:capitalize;color:var(--card-title, #58301f)}.section__feature-highlights .feature-highlights__card-text,.section__feature-highlights .feature-highlights__card-text p{margin:0;font-family:var(--font-body-family);font-weight:400;font-size:1.6rem;line-height:1.5;color:var(--card-text, #222021)}@keyframes feature-highlights-hotspot-pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(2.5)}to{transform:translate(-50%,-50%) scale(1)}}.section__feature-highlights .feature-highlights__hotspot-button{--point-size: 3.2rem;position:relative;display:flex;align-items:center;overflow:hidden;width:var(--point-size);height:var(--point-size);padding:0;-webkit-appearance:none;appearance:none;border-radius:50%;border:.15rem solid var(--hotspot-border, currentColor);background:transparent;color:currentColor;cursor:pointer}.section__feature-highlights .feature-highlights__hotspot-button:before,.section__feature-highlights .feature-highlights__hotspot-button:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none}.section__feature-highlights .feature-highlights__hotspot-button:before{width:.8rem;height:.8rem;background:var(--hotspot-color, currentColor);transform:translate(-50%,-50%);transition:transform var(--duration-default) ease;animation:feature-highlights-hotspot-pulse 2s ease infinite}.section__feature-highlights .feature-highlights__hotspot-button:after{width:100%;height:100%;background:var(--hotspot-background, transparent);transform:translate(-50%,-50%)}.section__feature-highlights .feature-highlights__hotspot-button.focused,.section__feature-highlights .feature-highlights__hotspot-button:focus-visible,.section__feature-highlights .feature-highlights__hotspot-button:focus{outline:0;box-shadow:0 0 0 .3rem var(--color-shadow-10),0 0 0 .5rem var(--color-shadow-30),0 0 .5rem .4rem var(--color-shadow-30)}.section__feature-highlights .feature-highlights__hotspot-button:focus:not(:focus-visible):not(.focused){box-shadow:inherit}.section__feature-highlights .feature-highlights__item.is-active .feature-highlights__hotspot-button{border-color:var(--connector, var(--hotspot-border, currentColor))}.section__feature-highlights .feature-highlights__item.is-active .feature-highlights__hotspot-button:before{background:var(--connector, var(--hotspot-color, currentColor))}@media screen and (min-width:750px){.section__feature-highlights .feature-highlights__hotspot-button{--point-size: 4.8rem}}.section__feature-highlights .feature-highlights__mobile-carousel{display:block;width:100%;margin-top:1.2rem}.section__feature-highlights .feature-highlights__mobile-card{display:flex;flex-direction:column;gap:.8rem;padding:2rem;background:#fff;border:.1rem solid #f0ded6;border-radius:1.2rem;box-shadow:0 4px 12px #58301f1a;border:1px solid var(--Bg-Primary-Softer, #F0DED6)}.section__feature-highlights .feature-highlights__mobile-card-title{margin:0;font-family:var(--font-body-family);font-weight:600;font-size:1.6rem;text-transform:capitalize;color:rgba(var(--color-primary),1)}.section__feature-highlights .feature-highlights__mobile-card-text,.section__feature-highlights .feature-highlights__mobile-card-text p{margin:0;font-family:var(--font-body-family);font-weight:400;font-size:1.4rem;color:#222021}.section__feature-highlights .feature-highlights__mobile-controls{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;margin-top:1.2rem;padding:0 .8rem}.section__feature-highlights .feature-highlights__mobile-controls .swiper-navigation.feature-highlights__mobile-nav{display:contents}.section__feature-highlights .feature-highlights__mobile-controls .swiper-navigation.feature-highlights__mobile-nav .swiper-button{position:static;margin:0;width:4rem;height:4rem;border-radius:1.2rem;border-color:transparent;padding:.9rem}.section__feature-highlights .feature-highlights__mobile-controls .swiper-navigation.feature-highlights__mobile-nav .swiper-button-prev{order:1}.section__feature-highlights .feature-highlights__mobile-controls .swiper-navigation.feature-highlights__mobile-nav .swiper-button-next{order:3}.section__feature-highlights .feature-highlights__mobile-controls .swiper-pagination.feature-highlights__mobile-dots{order:2;position:static;width:auto;padding:0;--swiper-pagination-bullet-horizontal-gap: .3rem;--swiper-pagination-color: rgba(var(--color-primary), 1);--swiper-pagination-bullet-inactive-color: rgba(88, 48, 31, .3)}.section__feature-highlights .feature-highlights__mobile-controls .swiper-pagination.feature-highlights__mobile-dots .swiper-pagination-bullet-active{--swiper-pagination-bullet-width: .8rem;--swiper-pagination-bullet-border-radius: 50%}@media screen and (min-width:750px)and (max-width:1032px){.section__feature-highlights .feature-highlights__media-frame,.section__feature-highlights .feature-highlights__mobile-carousel{width:75%;margin-inline:auto}}@media screen and (min-width:1033px){.section__feature-highlights .section__header{margin-bottom:4rem}.section__feature-highlights .feature-highlights{gap:4rem}.section__feature-highlights .feature-highlights.gradient{padding-block:4rem}.section__feature-highlights .feature-highlights__media{width:100%;max-width:var(--image-max-width, 65.8rem);min-width:0;order:0;flex:1 1 auto;align-self:center}.section__feature-highlights .feature-highlights__media-frame{border-radius:0}.section__feature-highlights .feature-highlights__mobile-carousel{display:none}.section__feature-highlights .feature-highlights__row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;padding-inline:var(--feature-highlights-row-padding, 41.6rem )}.section__feature-highlights .feature-highlights__item{display:flex;align-items:center;gap:0;position:absolute;top:var(--item-top, 50%);left:auto;transform:translateY(-50%)}.section__feature-highlights .feature-highlights__hotspot-button{display:none}.section__feature-highlights .feature-highlights__item--left{right:calc(100% + var(--item-shift, 0%));justify-content:flex-start}.section__feature-highlights .feature-highlights__item--right{left:calc(100% + var(--item-shift, 0%));justify-content:flex-end}.section__feature-highlights .feature-highlights__card{display:flex;width:23rem;max-width:23rem;flex:0 0 23rem}.section__feature-highlights .feature-highlights__item--left .feature-highlights__card{margin-right:calc(3.6rem + var(--connector-length, 2rem))}.section__feature-highlights .feature-highlights__item--right .feature-highlights__card{margin-left:calc(3.6rem + var(--connector-length, 2rem))}.section__feature-highlights .feature-highlights__connector{display:block;position:absolute;width:calc(3.6rem + var(--connector-length, 2rem));height:6.2rem}.section__feature-highlights .feature-highlights__item--left .feature-highlights__connector{right:0}.section__feature-highlights .feature-highlights__item--right .feature-highlights__connector{left:0;transform:scaleX(-1)}.section__feature-highlights .feature-highlights__connector--down{top:50%}.section__feature-highlights .feature-highlights__connector--up{bottom:50%}.section__feature-highlights .feature-highlights__connector:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--connector, #f8f0ec)}.section__feature-highlights .feature-highlights__connector--down:after{clip-path:polygon(0 0,3.8rem 0,3.8rem 6rem,100% 6rem,100% 6.2rem,3.6rem 6.2rem,3.6rem .2rem,0 .2rem)}.section__feature-highlights .feature-highlights__connector--up:after{clip-path:polygon(0 6.2rem,3.8rem 6.2rem,3.8rem .2rem,100% .2rem,100% 0,3.6rem 0,3.6rem 6rem,0 6rem)}.section__feature-highlights .feature-highlights__connector:before{content:"";position:absolute;left:0;width:1rem;height:1rem;border-radius:50%;background:var(--connector, #f8f0ec)}.section__feature-highlights .feature-highlights__connector--down:before{top:0;transform:translate(-.4rem,-50%)}.section__feature-highlights .feature-highlights__connector--up:before{bottom:0;transform:translate(-.4rem,50%)}}@media screen and (min-width:1033px)and (max-width:1366px){.section__feature-highlights .feature-highlights__item{--connector-length: 3rem !important}.section__feature-highlights .feature-highlights__row{padding-inline:var(--feature-highlights-row-padding, 29.6rem )}.section__feature-highlights .feature-highlights__media{container-type:inline-size}.section__feature-highlights .feature-highlights__card,.section__feature-highlights .feature-highlights__connector{--connector-shift: calc(61 * 100cqw / var(--image-max-width-number, 658))}.section__feature-highlights .feature-highlights__connector{height:.2rem}.section__feature-highlights .feature-highlights__connector--down,.section__feature-highlights .feature-highlights__connector--up{top:50%;bottom:auto}.section__feature-highlights .feature-highlights__item:has(.feature-highlights__connector--down) .feature-highlights__card{position:relative;top:var(--connector-shift)}.section__feature-highlights .feature-highlights__item:has(.feature-highlights__connector--up) .feature-highlights__card{position:relative;top:calc(-1 * var(--connector-shift))}.section__feature-highlights .feature-highlights__item .feature-highlights__connector--down{transform:translateY(calc(-50% + var(--connector-shift)))}.section__feature-highlights .feature-highlights__item .feature-highlights__connector--up{transform:translateY(calc(-50% - var(--connector-shift)))}.section__feature-highlights .feature-highlights__item--right .feature-highlights__connector--down{transform:translateY(calc(-50% + var(--connector-shift))) scaleX(-1)}.section__feature-highlights .feature-highlights__item--right .feature-highlights__connector--up{transform:translateY(calc(-50% - var(--connector-shift))) scaleX(-1)}.section__feature-highlights .feature-highlights__connector--down:after,.section__feature-highlights .feature-highlights__connector--up:after{clip-path:none}.section__feature-highlights .feature-highlights__connector--down:before,.section__feature-highlights .feature-highlights__connector--up:before{top:50%;bottom:auto;transform:translate(-.4rem,-50%)}}.section__product-details .section__feature-highlights{border-radius:1.6rem;overflow:hidden}@media screen and (max-width:749px){.section__feature-highlights .feature-highlights__hotspot-button{border-color:var(--mobile-hotspot-color, var(--hotspot-border, currentColor))}.section__feature-highlights .feature-highlights__hotspot-button:before{background:var(--mobile-hotspot-color, var(--hotspot-color, currentColor));border:.2rem solid var(--mobile-hotspot-color-active, var(--connector, var(--hotspot-color, currentColor)));z-index:2}.section__feature-highlights .feature-highlights__hotspot-button:after{background:var(--mobile-hotspot-background, var(--hotspot-background, transparent))}.section__feature-highlights .feature-highlights__item.is-active .feature-highlights__hotspot-button{border-color:var(--mobile-hotspot-color-active, var(--connector, var(--hotspot-border, currentColor)))}.section__feature-highlights .feature-highlights__item.is-active .feature-highlights__hotspot-button:before{background:var(--mobile-hotspot-color-active, var(--connector, var(--hotspot-color, currentColor)))}.section__feature-highlights .feature-highlights__item.is-active .feature-highlights__hotspot-button:after{background:var(--mobile-hotspot-background-active, var(--hotspot-background, transparent))}.section__feature-highlights .feature-highlights.gradient .feature-highlights__mobile-card{margin-inline:2rem}.section__feature-highlights .feature-highlights.gradient .feature-highlights__mobile-controls{padding:0 2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/section-feature-highlights.css.map */
