.zpt-product-features{--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:clamp(2.5rem,6vw,4rem);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,min(42vw,var(--zpt-features-image-width))) minmax(0,500px);align-items:center;justify-content:center;gap:clamp(1.5rem,4vw,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:min(100%,500px);min-height:340px}.zpt-product-features__slot{position:absolute;width:min(390px,100%);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{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--zpt-features-md);width:100%;padding:var(--zpt-features-md) var(--zpt-features-lg) calc(var(--zpt-features-md) - var(--zpt-features-xs));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-feature-card--has-counter{padding-bottom:calc(var(--zpt-features-md) + .4rem)}.zpt-product-features__card-shell:hover .zpt-feature-card{transform:translateY(-3px)}.zpt-feature-card__content{min-width:0}.zpt-feature-card__icon{display:grid;width:1.25rem;height:1.25rem;place-items:center;color:var(--zpt-component-primary)}.zpt-feature-card__icon svg{display:block;width:100%;height:100%}.zpt-feature-card__icon img{display:block;width:100%;height:100%;object-fit:contain}.zpt-feature-card__counter{position:absolute;right:var(--zpt-features-md);bottom:.45rem;color:var(--zpt-features-muted);font-size:.7rem;font-variant-numeric:tabular-nums;line-height: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;min-height:0;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{padding-block-start:1.75rem;padding-block-end:1.5rem}.zpt-product-features__header{margin-bottom:var(--zpt-features-md)}.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-product-features__mobile-hint{margin-top:calc(var(--zpt-features-sm) + 1.5rem)}}@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/2/assets/zpt-product-features.css.map */