.product-dual-display{width:100%}.product-dual-container{align-items:flex-start;align-items:center;display:flex;gap:2rem;justify-content:space-between;width:100%}.product-dual-container.layout-right{flex-direction:row}.product-dual-container.layout-left{flex-direction:row-reverse}.product-dual-container.layout-left .desktop-only{text-align:right}.product-left{align-items:center;display:flex;flex-direction:column;text-align:center;width:45%}.product-left .product-left-img-wrapper{margin-bottom:1rem;max-width:300px;overflow:hidden;width:100%}.product-left .product-left-img{display:block;height:auto;object-fit:cover;transition:transform .3s ease;width:100%}.product-text{color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.4;margin:.5rem 0}.product-text.product-title{font-size:1.6rem;font-weight:600;margin-bottom:.5rem}.product-text.product-subtitle{color:rgba(var(--color-foreground),.7);font-size:1.4rem;font-weight:400}.product-text-content.mobile-text{display:none}.product-text-content.desktop-only{display:block;margin-top:20px;text-align:left}.product-right{align-items:center;display:flex;flex-direction:column;justify-content:center;width:55%}.product-right .product-right-img-wrapper{box-shadow:0 4px 16px #0000001a;overflow:hidden;width:100%}.product-right .product-right-img{display:block;height:auto;object-fit:cover;transition:transform .3s ease;width:100%}.product-right .product-text-content.mobile-text{display:none}.placeholder{align-items:center;background-color:rgba(var(--color-foreground),.04);display:flex;justify-content:center;min-height:200px}.placeholder .placeholder-svg{height:60px;opacity:.3;width:60px}@media screen and (max-width:768px){.product-dual-container{gap:1.5rem;text-align:center}.product-dual-container,.product-dual-container.layout-left,.product-dual-container.layout-right{flex-direction:column}.product-left{margin-top:1rem;order:2;width:100%}.product-left .product-left-img-wrapper{margin-bottom:1rem;max-width:250px}.product-left .product-text-content.desktop-only,.product-left.mobile-hide{display:none}.product-right{order:1;width:100%}.product-right .product-text-content.mobile-text{display:block;margin-top:1rem;text-align:center}.product-text{font-size:1.3rem}.product-text.product-title{font-size:1.5rem}.product-text.product-subtitle{font-size:1.3rem}.product-dual-container:has(.product-left.mobile-hide) .product-right .product-text-content.mobile-text{display:block}}@media screen and (min-width:769px) and (max-width:1024px){.product-dual-container{gap:1.5rem}.product-left{width:42%}.product-left .product-left-img-wrapper{max-width:280px}.product-right{width:53%}}@media screen and (min-width:1200px){.product-dual-container{gap:3rem}.product-left .product-left-img-wrapper{max-width:400px}.product-text{font-size:1.5rem}.product-text.product-title{font-size:1.8rem}.product-text.product-subtitle{font-size:1.5rem}}@media (prefers-reduced-motion:no-preference){.product-dual-container{animation:fadeInUp .6s ease-out}.product-left{animation:slideInLeft .8s ease-out .2s both}.product-right{animation:slideInRight .8s ease-out .4s both}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.product-left-img,.product-right-img{transition:none}.product-left-img:hover,.product-right-img:hover{transform:none}.product-dual-container,.product-left,.product-right{animation:none}}@media (prefers-contrast:high){.product-left-img-wrapper,.product-right-img-wrapper{border:2px solid rgb(var(--color-foreground))}.product-text{font-weight:600}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/_component-product-dual-display.css.map */