/* Frame the product itself rather than the empty margins in its source photo. */
.catalog{--catalog-gutter:56px}.catalog .showcase{margin-left:calc(-1 * var(--catalog-gutter));margin-right:calc(-1 * var(--catalog-gutter))}
@media(max-width:1100px){.catalog{--catalog-gutter:32px}}
@media(max-width:760px){.catalog{--catalog-gutter:20px}}
.showcase{--card-width:380px;--card-gap:52px}.product-grid{height:535px}.product-art{height:425px;padding:23px 16px 0;border-radius:32px}.product h3{font-size:25px;line-height:1.08;z-index:2}.product-image{--pack-height:270px;position:relative;width:100%;height:var(--pack-height);margin-top:10px;overflow:hidden;flex:none;mix-blend-mode:multiply;transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .65s var(--ease-out)}
.product-art .product-image img{position:absolute;left:50%;top:50%;width:min(calc(96% * var(--fit-w)),calc(var(--pack-height) * .94 * var(--fit-h)));max-width:none;height:auto;margin:0;object-fit:contain;transform:translate(calc(-1 * var(--center-x)),calc(-1 * var(--center-y)))!important;animation:none!important;scale:1;translate:none;filter:none;mix-blend-mode:normal}
.product.is-active .product-image{animation:package-arrive .85s var(--ease-out) both}.product.is-active:hover .product-image{transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg)) translateY(-5px)}.product-open{bottom:12px}.product-meta{margin-top:15px}.product-description{margin-top:5px}.showcase .product{top:12px}.showcase .product:not(.is-active){transform:translateX(calc(-50% + var(--slot,0) * (var(--card-width) + var(--card-gap)))) translateY(12px) scale(.9)}
@media(max-width:1200px){.showcase{--card-width:350px;--card-gap:30px}.product-image{--pack-height:270px}}
@media(max-width:760px){.showcase{--card-width:min(330px,calc(100vw - 48px));--card-gap:18px}.product-grid{height:475px}.product-art{height:385px;padding:21px 12px 0;border-radius:26px}.product h3{font-size:23px;line-height:1.06}.product-image{--pack-height:240px;margin-top:9px}.product-art .product-image img{width:min(calc(97% * var(--fit-w)),calc(var(--pack-height) * .94 * var(--fit-h)))}.product-open{bottom:12px;height:48px}.product-meta{margin-top:13px}.product-meta strong{font-size:13px}.product-description{font-size:11px}.showcase-hint{margin-top:0}}
@media(max-width:360px){.product-art{height:360px;padding-top:18px}.product h3{font-size:21px}.product-image{--pack-height:220px;margin-top:7px}.product-grid{height:455px}.product-meta strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.product-image,.product.is-active:hover .product-image{transform:none!important;animation:none!important}}