.zpt-product-features{--zpt-features-primary: var(--zpt-component-primary);--zpt-features-accent: var(--zpt-component-accent);--zpt-features-background: var(--zpt-component-background);--zpt-features-surface: var(--zpt-component-surface);--zpt-features-text: var(--zpt-component-text);--zpt-features-muted: var(--zpt-component-muted-text);--zpt-features-border: var(--zpt-component-border);--zpt-features-radius: var(--zpt-component-radius);--zpt-features-border-width: var(--zpt-component-border-width);--zpt-features-shadow: var(--zpt-component-shadow);--zpt-features-xs: var(--zpt-component-space-xs);--zpt-features-sm: var(--zpt-component-space-sm);--zpt-features-md: var(--zpt-component-space-md);--zpt-features-lg: var(--zpt-component-space-lg);--zpt-features-xl: var(--zpt-component-space-xl);width:100%;overflow:hidden;padding-block:var(--zpt-features-padding-top) var(--zpt-features-padding-bottom);background-color:var(--zpt-features-background);background-image:var(--zpt-component-page-pattern);color:var(--zpt-features-text)}.zpt-product-features,.zpt-product-features *,.zpt-product-features *:before,.zpt-product-features *:after{box-sizing:border-box}.zpt-product-features__inner{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin)}.zpt-product-features--full .zpt-product-features__inner{max-width:none}.zpt-product-features__header{max-width:620px;margin:0 auto var(--zpt-features-xl);text-align:center}.zpt-product-features__heading{margin:0;color:var(--zpt-features-text);font-size:clamp(2rem,3vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.025em}.zpt-product-features__subheading{margin:var(--zpt-features-sm) auto 0;color:var(--zpt-features-muted);font-size:1rem;line-height:1.5}.zpt-product-features__stage{display:grid;grid-template-columns:minmax(0,var(--zpt-features-image-width)) 500px;align-items:center;justify-content:center;gap:var(--zpt-features-stage-gap)}.zpt-product-features__media-wrap{width:100%}.zpt-product-features__media{width:100%;aspect-ratio:1 / 1;overflow:hidden;border:var(--zpt-features-border-width) solid var(--zpt-features-border);border-radius:var(--zpt-features-radius);background:var(--zpt-features-surface);box-shadow:var(--zpt-features-shadow)}.zpt-product-features__image{display:block;width:100%;height:100%;object-fit:cover}.zpt-product-features__bubble{position:relative;width:500px;height:340px}.zpt-product-features__slot{position:absolute;width:390px;min-height:86px}.zpt-product-features__slot--1{top:8px;left:0}.zpt-product-features__slot--2{top:126px;left:76px}.zpt-product-features__slot--3{top:244px;left:14px}.zpt-product-features__card-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;pointer-events:none;transform:translateY(8px) scale(.985);transition:opacity .32s ease,transform .32s cubic-bezier(.22,1,.36,1)}.zpt-product-features__card-shell.is-active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.zpt-product-features__card-shell.is-exiting{opacity:0;transform:translateY(-8px) scale(.985)}.zpt-feature-float{width:100%}.zpt-feature-card{display:flex;width:100%;align-items:flex-start;gap:var(--zpt-features-md);padding:var(--zpt-features-md) var(--zpt-features-lg);border:var(--zpt-features-border-width) solid var(--zpt-features-border);border-radius:var(--zpt-features-radius);background-color:var(--zpt-features-surface);background-image:var(--zpt-component-card-pattern);color:var(--zpt-features-text);box-shadow:var(--zpt-features-shadow);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.zpt-product-features__card-shell:hover .zpt-feature-card{transform:translateY(-3px)}.zpt-feature-card__icon{display:flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border-radius:var(--zpt-features-radius);background:color-mix(in srgb,var(--zpt-features-primary) 10%,var(--zpt-features-surface));color:var(--zpt-features-primary)}.zpt-feature-card__icon svg{width:21px;height:21px}.zpt-feature-card__icon svg:not([fill=none]){fill:currentColor}.zpt-feature-card__icon svg [stroke]:not([stroke=none]){stroke:currentColor}.zpt-feature-card__content{min-width:0;flex:1}.zpt-feature-card__title{display:-webkit-box;margin:0;overflow:hidden;color:var(--zpt-features-text);font-size:1rem;font-weight:800;line-height:1.3;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zpt-feature-card__text{display:-webkit-box;margin:var(--zpt-features-xs) 0 0;overflow:hidden;color:var(--zpt-features-muted);font-size:.85rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zpt-product-features--image-floating .zpt-product-features__media-wrap{animation:zpt-feature-image-float 16s ease-in-out infinite}@keyframes zpt-feature-image-float{0%,to{transform:translateZ(0) rotate(0)}35%{transform:translate3d(var(--zpt-features-image-float),calc(-1 * var(--zpt-features-image-float)),0) rotate(calc(-1 * var(--zpt-features-image-rotate)))}70%{transform:translate3d(calc(-.65 * var(--zpt-features-image-float)),calc(.6 * var(--zpt-features-image-float)),0) rotate(calc(.7 * var(--zpt-features-image-rotate)))}}.zpt-product-features--card-floating .zpt-product-features__slot--1 .zpt-feature-float{animation:zpt-feature-card-float-a 15s ease-in-out infinite}.zpt-product-features--card-floating .zpt-product-features__slot--2 .zpt-feature-float{animation:zpt-feature-card-float-b 17s ease-in-out -6s infinite}.zpt-product-features--card-floating .zpt-product-features__slot--3 .zpt-feature-float{animation:zpt-feature-card-float-c 14s ease-in-out -9s infinite}@keyframes zpt-feature-card-float-a{0%,to{transform:translateZ(0) rotate(calc(-1 * var(--zpt-features-card-rotate)))}50%{transform:translate3d(calc(-1 * var(--zpt-features-card-float)),calc(-.7 * var(--zpt-features-card-float)),0) rotate(calc(.4 * var(--zpt-features-card-rotate)))}}@keyframes zpt-feature-card-float-b{0%,to{transform:translateZ(0) rotate(var(--zpt-features-card-rotate))}50%{transform:translate3d(var(--zpt-features-card-float),calc(.6 * var(--zpt-features-card-float)),0) rotate(calc(-.4 * var(--zpt-features-card-rotate)))}}@keyframes zpt-feature-card-float-c{0%,to{transform:translateZ(0) rotate(calc(-.7 * var(--zpt-features-card-rotate)))}50%{transform:translate3d(calc(.7 * var(--zpt-features-card-float)),calc(-1 * var(--zpt-features-card-float)),0) rotate(calc(.5 * var(--zpt-features-card-rotate)))}}.zpt-product-features__card-shell:hover .zpt-feature-float{animation-play-state:paused!important}.zpt-product-features__mobile-hint{display:none}@media(max-width:896px){.zpt-product-features__header{margin-bottom:var(--zpt-features-lg)}.zpt-product-features__stage{grid-template-columns:1fr;gap:var(--zpt-features-lg)}.zpt-product-features__media-wrap{width:min(100%,var(--zpt-features-image-width));margin-inline:auto}.zpt-product-features--image-floating .zpt-product-features__media-wrap{animation:none}.zpt-product-features__bubble{display:grid;width:min(92vw,430px);height:auto;margin-inline:auto;cursor:pointer;touch-action:pan-y;outline:none}.zpt-product-features__slot{display:contents}.zpt-product-features__card-shell{position:relative;grid-area:1 / 1;inset:auto;width:100%;opacity:0;pointer-events:none;transform-origin:center bottom;transition:opacity .35s ease,transform .42s cubic-bezier(.22,1,.36,1)}.zpt-product-features__card-shell.is-active{opacity:0;pointer-events:none}.zpt-product-features__card-shell[data-mobile-state=active]{z-index:3;opacity:1;pointer-events:auto;transform:translateZ(0) rotate(-.5deg) scale(1)}.zpt-product-features__card-shell[data-mobile-state=next]{z-index:2;opacity:.82;transform:translate3d(8px,12px,0) rotate(1.5deg) scale(.975)}.zpt-product-features__card-shell[data-mobile-state=back]{z-index:1;opacity:.58;transform:translate3d(-7px,22px,0) rotate(-1.8deg) scale(.95)}.zpt-product-features__card-shell[data-mobile-state=hidden]{z-index:0;opacity:0;transform:translateY(28px) scale(.93)}.zpt-feature-float{animation:none!important}.zpt-product-features__mobile-hint{display:flex;justify-content:center;gap:var(--zpt-features-xs);margin-top:var(--zpt-features-xl);padding-inline:var(--zpt-features-lg);color:var(--zpt-features-muted);text-align:center;font-size:.78rem;font-weight:600}}@media(max-width:749px){.zpt-product-features__heading{font-size:clamp(1.8rem,8vw,2.2rem)}.zpt-product-features__subheading{font-size:.94rem}.zpt-product-features__media-wrap{max-width:88vw}.zpt-feature-card{gap:var(--zpt-features-sm);padding:var(--zpt-features-md)}.zpt-feature-card__icon{width:38px;height:38px;flex-basis:38px}.zpt-feature-card__icon svg{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.zpt-product-features__media-wrap,.zpt-feature-float{animation:none!important}.zpt-product-features__card-shell,.zpt-feature-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/zpt-product-features.css.map */