.two-image-product-feature,.two-image-product-feature *,.two-image-product-feature *:before,.two-image-product-feature *:after{box-sizing:border-box}.two-image-product-feature{--tipf-font: var(--oofos-hnp, "Helvetica Neue", Helvetica, Arial, sans-serif);--tipf-font-bold: var(--oofos-hnp-bold, var(--tipf-font));display:block;width:100%;background:var(--tipf-bg, #ffffff);color:var(--tipf-text, #000000);font-family:var(--tipf-font);padding-top:var(--tipf-pt, 0px);padding-bottom:var(--tipf-pb, 0px)}.two-image-product-feature__container{width:100%;max-width:var(--tipf-maxw, 1440px);margin:0 auto}.two-image-product-feature__grid{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--tipf-gap, 8px)}.two-image-product-feature__panel{position:relative;height:var(--tipf-img-h-d, 650px);overflow:hidden;background:#f2f2f2}.two-image-product-feature__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--tipf-obj-d, 50% 50%);display:block}.two-image-product-feature__img--mobile{display:none}.two-image-product-feature--ratio-square .two-image-product-feature__panel{height:auto;aspect-ratio:1 / 1}.two-image-product-feature--ratio-portrait .two-image-product-feature__panel{height:auto;aspect-ratio:4 / 5}.two-image-product-feature--ratio-landscape .two-image-product-feature__panel{height:auto;aspect-ratio:3 / 2}.two-image-product-feature--ratio-original .two-image-product-feature__panel{height:auto;aspect-ratio:auto;background:transparent}.two-image-product-feature--ratio-original .two-image-product-feature__img{position:static;height:auto;object-fit:fill}.two-image-product-feature__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tipf-ov-color, #000000);opacity:var(--tipf-ov-opacity, 0);pointer-events:none;z-index:1}.two-image-product-feature__panel-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.two-image-product-feature__panel-link:focus-visible{outline:2px solid #ffffff;outline-offset:-3px;box-shadow:inset 0 0 0 5px #0000008c}.two-image-product-feature__visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.two-image-product-feature__label{position:absolute;z-index:3;margin:0;padding:16px 18px;max-width:calc(100% - 70px);color:var(--tipf-label-color, #ffffff);font-family:var(--tipf-font-bold);font-weight:700;font-size:clamp(15px,1.2vw,18px);line-height:1.2;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.28)}.two-image-product-feature__label--bottom-left{left:0;bottom:0}.two-image-product-feature__label--bottom-center{left:50%;bottom:0;transform:translate(-50%);text-align:center}.two-image-product-feature__label--bottom-right{right:0;bottom:0;text-align:right}.two-image-product-feature__label--top-left{left:0;top:0}.two-image-product-feature__label--top-center{left:50%;top:0;transform:translate(-50%);text-align:center}.two-image-product-feature__label--top-right{right:0;top:0;text-align:right}.two-image-product-feature__label--has-qa.two-image-product-feature__label--bottom-right,.two-image-product-feature__label--has-qa.two-image-product-feature__label--bottom-center{padding-right:64px}.two-image-product-feature__quick-add{position:absolute;right:14px;bottom:14px;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:42px;height:42px;padding:0 14px;border:none;border-radius:999px;cursor:pointer;background:#fff;color:#111;font-family:var(--tipf-font-bold);font-weight:700;font-size:13px;line-height:1;box-shadow:0 2px 8px #0000002e;transition:transform .15s ease,background .2s ease,color .2s ease}.two-image-product-feature__quick-add--icon{width:42px;padding:0}.two-image-product-feature__quick-add svg{width:18px;height:18px;display:block}.two-image-product-feature__quick-add:hover{transform:translateY(-1px)}.two-image-product-feature__quick-add:focus-visible{outline:2px solid currentColor;outline-offset:2px}.two-image-product-feature__quick-add[aria-busy=true]{pointer-events:none}.two-image-product-feature__quick-add.is-loading .two-image-product-feature__qa-content{visibility:hidden}.two-image-product-feature__quick-add.is-loading:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.25);border-top-color:#111;animation:tipf-spin .7s linear infinite}.two-image-product-feature__quick-add.is-success{background:#1a7f3c;color:#fff}.two-image-product-feature__quick-add.is-error{background:#c0392b;color:#fff}@keyframes tipf-spin{to{transform:rotate(360deg)}}.two-image-product-feature__content{padding-top:var(--tipf-content-gap, 32px)}.two-image-product-feature__content--above{padding-top:0;padding-bottom:var(--tipf-content-gap, 32px)}.two-image-product-feature__text{margin:0;max-width:62ch;font-size:clamp(22px,1.8vw,26px);line-height:1.4}.two-image-product-feature__product-name{display:block;margin-top:14px;font-family:var(--tipf-font-bold);font-weight:700;font-size:clamp(20px,1.6vw,24px);line-height:1.3}.two-image-product-feature__cta{display:inline-block;margin-top:18px;color:inherit;font-family:var(--tipf-font-bold);font-weight:700;font-size:clamp(22px,1.7vw,24px);line-height:1.2;text-decoration:underline;text-underline-offset:3px}.two-image-product-feature__cta--no-underline{text-decoration:none}.two-image-product-feature__cta:hover{opacity:.75}.two-image-product-feature__cta:focus-visible{outline:2px solid currentColor;outline-offset:3px}.two-image-product-feature--d-left .two-image-product-feature__content{text-align:left}.two-image-product-feature--d-center .two-image-product-feature__content{text-align:center}.two-image-product-feature--d-right .two-image-product-feature__content{text-align:right}.two-image-product-feature--d-center .two-image-product-feature__text{margin-inline:auto}.two-image-product-feature--d-right .two-image-product-feature__text{margin-inline-start:auto}.two-image-product-feature--animate[data-tipf-ready] .two-image-product-feature__container>*{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.two-image-product-feature--animate.is-visible .two-image-product-feature__container>*{opacity:1;transform:none}.two-image-product-feature--animate.is-visible .two-image-product-feature__container>*:nth-child(1){transition-delay:0s}.two-image-product-feature--animate.is-visible .two-image-product-feature__container>*:nth-child(2){transition-delay:.1s}@media screen and (max-width:749px){.two-image-product-feature__grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr}.two-image-product-feature__panel{height:var(--tipf-img-h-m, 420px)}.two-image-product-feature__img{object-position:var(--tipf-obj-m, 50% 50%)}.two-image-product-feature__panel--has-mobile .two-image-product-feature__img--desktop{display:none}.two-image-product-feature__panel--has-mobile .two-image-product-feature__img--mobile{display:block}.two-image-product-feature--m-scroll .two-image-product-feature__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.two-image-product-feature--m-scroll .two-image-product-feature__panel{flex:0 0 86%;scroll-snap-align:center}.two-image-product-feature__content{padding:var(--tipf-content-gap, 28px) var(--tipf-mobile-pad, 20px) 0}.two-image-product-feature__content--above{padding:0 var(--tipf-mobile-pad, 20px) var(--tipf-content-gap, 28px)}.two-image-product-feature__text{font-size:clamp(18px,4.8vw,20px);max-width:none}.two-image-product-feature__product-name,.two-image-product-feature__cta{font-size:clamp(18px,4.8vw,20px)}.two-image-product-feature--m-left .two-image-product-feature__content{text-align:left}.two-image-product-feature--m-center .two-image-product-feature__content{text-align:center}.two-image-product-feature--m-right .two-image-product-feature__content{text-align:right}.two-image-product-feature--m-center .two-image-product-feature__text{margin-inline:auto}.two-image-product-feature--m-right .two-image-product-feature__text{margin-inline-start:auto}.two-image-product-feature--m-left .two-image-product-feature__text{margin-inline:0}}@media(prefers-reduced-motion:reduce){.two-image-product-feature--animate .two-image-product-feature__container>*{opacity:1!important;transform:none!important;transition:none!important}.two-image-product-feature__quick-add.is-loading:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/two-image-product-feature.css.map */