.product-showcase__wrapper{display:block;width:100%}.product-showcase__content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media screen and (min-width:990px){.product-showcase__content{grid-template-columns:1fr 1.2fr 1fr;gap:5rem;align-items:center}}@media screen and (min-width:1400px){.product-showcase__content{gap:6rem}}.product-showcase__features{display:flex;flex-direction:column;gap:3.5rem}.product-showcase__features--left{order:1;align-items:flex-end;text-align:right}.product-showcase__features--right{order:3;align-items:flex-start;text-align:left}@media screen and (max-width:989px){.product-showcase__features--left,.product-showcase__features--right{align-items:stretch;text-align:left}.product-showcase__features--left{order:2}.product-showcase__features--right{order:3}}.product-showcase__feature{display:flex;gap:1.6rem;align-items:flex-start;padding:.4rem;border-radius:.8rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.product-showcase__features--left .product-showcase__feature{flex-direction:row-reverse}@media screen and (max-width:989px){.product-showcase__feature{gap:1.4rem}.product-showcase__features--left .product-showcase__feature{flex-direction:row}}@media(prefers-reduced-motion:no-preference){.product-showcase__feature:hover{transform:translateY(-2px)}}.product-showcase__feature-icon{flex-shrink:0;width:5.6rem;height:5.6rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;color:var(--color-base-text);box-shadow:0 .2rem .8rem rgb(var(--color-foreground),.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.product-showcase__feature-icon svg{width:2.8rem;height:2.8rem;fill:currentColor}@media screen and (max-width:989px){.product-showcase__feature-icon{width:4.8rem;height:4.8rem}.product-showcase__feature-icon svg{width:2.4rem;height:2.4rem}}@media(prefers-reduced-motion:no-preference){.product-showcase__feature:hover .product-showcase__feature-icon{transform:scale(1.05);box-shadow:0 .4rem 1rem rgb(var(--color-foreground),.1)}}.product-showcase__feature-content{flex:1;min-width:0}.product-showcase__feature-title{font-weight:var(--font-heading-weight);font-family:var(--font-heading-family);font-style:var(--font-heading-style);letter-spacing:calc(var(--font-heading-scale) * .06rem);color:var(--color-base-text);line-height:1.3;margin:.2rem 0 1rem;transition:color .2s ease}.product-showcase__feature-description{font-size:1.5rem;line-height:1.7;color:var(--color-base-text);opacity:.75;margin:0}.product-showcase__feature-description p{margin:0}.product-showcase__feature-description p+p{margin-top:.8rem}@media screen and (max-width:989px){.product-showcase__feature-title{margin-bottom:.8rem}.product-showcase__feature-description{font-size:1.4rem;line-height:1.6}}.product-showcase__image-container{position:relative;overflow:hidden;border-radius:1rem;background-color:var(--color-base-background-2);order:2;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.product-showcase__image-container--adapt{aspect-ratio:auto}.product-showcase__image-container--square{aspect-ratio:1 / 1;padding-bottom:100%}.product-showcase__image-container--portrait{aspect-ratio:2 / 3;padding-bottom:150%}.product-showcase__image-container img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-showcase__image-container--adapt img{object-fit:contain}.product-showcase__image-container--adapt img,.product-showcase__image-container--square img,.product-showcase__image-container--portrait img{position:absolute;left:0;top:0}@media(prefers-reduced-motion:no-preference){.product-showcase__image-container:hover img{transform:scale(1.02)}}@media screen and (max-width:989px){.product-showcase__image-container{order:1;margin-bottom:3rem;border-radius:1.2rem}}.product-showcase__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-base-background-2) 0%,rgba(var(--color-base-background-2-rgb, 245, 245, 245),.5) 100%)}.product-showcase__placeholder svg{width:100%;height:100%;max-width:280px;max-height:280px;color:var(--color-base-text);transition:opacity .3s ease}@media screen and (min-width:750px){.product-showcase__placeholder svg{max-width:360px;max-height:360px}}@media screen and (max-width:989px){.product-showcase__content{gap:2.5rem}.product-showcase__features{gap:3rem}}@media screen and (max-width:749px){.product-showcase__content{gap:2rem}.product-showcase__features{gap:2.5rem}}@media(prefers-reduced-motion:reduce){.product-showcase__feature,.product-showcase__feature-icon,.product-showcase__image-container,.product-showcase__image-container img{transition:none}.product-showcase__feature:hover,.product-showcase__feature:hover .product-showcase__feature-icon,.product-showcase__image-container:hover img{transform:none}}.product-showcase__feature:focus-within{outline:3px solid var(--color-outline, currentColor);outline-offset:3px;border-radius:1rem}.product-showcase__feature:focus-within:not(:focus-visible){outline:none}@media(prefers-contrast:high){.product-showcase__feature-icon{border:2px solid var(--color-base-text);background:var(--color-base-background-1)}.product-showcase__feature-description{opacity:1}.product-showcase__image-container{border:1px solid var(--color-base-text)}}@media(prefers-color-scheme:dark){.product-showcase__feature-icon{box-shadow:0 2px 8px #0003}.product-showcase__placeholder{background:linear-gradient(135deg,var(--color-base-background-2) 0%,rgba(var(--color-base-background-2-rgb, 30, 30, 30),.5) 100%)}}.product-showcase__image-container img[loading=lazy]{background:linear-gradient(90deg,var(--color-base-background-2) 0%,rgba(var(--color-base-background-2-rgb, 245, 245, 245),.8) 50%,var(--color-base-background-2) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.product-showcase__image-container img[loading=lazy]{animation:none;background:var(--color-base-background-2)}}.product-showcase__button{margin-top:3rem}
/*# sourceMappingURL=/cdn/shop/t/101/assets/product-showcase.css.map */