.snack-catalog .grid .product{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center;padding:12px 8px 8px;overflow:visible;transition:none}.snack-catalog .grid{column-gap:28px;row-gap:48px}.snack-catalog .grid .product .vendor,.snack-catalog .grid .product .variant{display:none}.snack-catalog .grid .product .photo{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;overflow:visible;padding:24px;aspect-ratio:1;isolation:isolate}.snack-catalog .grid .product .photo:after{content:"";position:absolute;z-index:-1;bottom:8%;left:16%;width:68%;height:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(21,42,26,.22),transparent 70%);opacity:0;transform:scale(.75);transition:opacity .3s ease,transform .3s ease}.snack-catalog .grid .product .photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:translateY(0) scale(1) rotate(0);transform-origin:50% 60%;transition:transform .38s cubic-bezier(.2,.75,.25,1);will-change:auto}.snack-catalog .grid .product h3{position:relative;z-index:1;font-size:17px;font-weight:600;line-height:1.3;min-height:2.6em;margin:14px 0 4px;display:flex;align-items:center;justify-content:center}.snack-catalog .grid .product h3 a{text-decoration:none}.snack-catalog .grid .product .price{font-size:17px;font-weight:400;line-height:1.4;margin:0 0 18px}.snack-catalog .grid .product .zp-commerce{position:relative;z-index:2;margin-top:auto;text-align:left}.snack-catalog .grid .product:has(.photo:focus-visible){z-index:3}.snack-catalog .grid .product .photo:focus-visible img{transform:translateY(-16px) scale(1.28) rotate(14deg)}.snack-catalog .grid .product .photo:focus-visible:after{opacity:1;transform:scale(1.12)}@media(hover:hover)and (pointer:fine){.snack-catalog .grid .product:hover{z-index:3;background:transparent;box-shadow:none}.snack-catalog .grid .product:hover .photo img{transform:translateY(-16px) scale(1.28) rotate(14deg)}.snack-catalog .grid .product:nth-child(2n):hover .photo img{transform:translateY(-16px) scale(1.28) rotate(-14deg)}.snack-catalog .grid .product:hover .photo:after{opacity:1;transform:scale(1.12)}}@media(max-width:600px){.snack-catalog .grid{gap:30px 14px}.snack-catalog .grid .product{padding:4px 0}.snack-catalog .grid .product .photo{padding:14px}.snack-catalog .grid .product h3{font-size:15px;margin-top:8px;min-height:2.6em}.snack-catalog .grid .product .price{font-size:15px;margin-bottom:13px}}@media(prefers-reduced-motion:reduce){.snack-catalog .grid .product .photo img,.snack-catalog .grid .product .photo:after{transition:none}.snack-catalog .grid .product:hover .photo img,.snack-catalog .grid .product:nth-child(2n):hover .photo img,.snack-catalog .grid .product .photo:focus-visible img{transform:none}.snack-catalog .grid .product .photo:after{display:none}}.snack-catalog .grid .product .photo:after{content:none!important;display:none!important}.snack-catalog .grid .product .photo img{filter:none;transition:transform .38s cubic-bezier(.2,.75,.25,1),filter .38s ease}@media(hover:hover)and (pointer:fine){.snack-catalog .grid .product:hover img[data-shape-shadow=alpha]{filter:drop-shadow(8px 15px 7px rgba(23,39,28,.26))}.snack-catalog .grid .product:hover img[data-shape-shadow=white]{filter:url(#white-pack-shadow)}}.snack-catalog .grid .product .photo:focus-visible img[data-shape-shadow=alpha]{filter:drop-shadow(8px 15px 7px rgba(23,39,28,.26))}.snack-catalog .grid .product .photo:focus-visible img[data-shape-shadow=white]{filter:url(#white-pack-shadow)}@media(prefers-reduced-motion:reduce){.snack-catalog .grid .product .photo img{transition:none}}.draft-label{font-size:12px;color:#6e6855;margin:8px 0}.draft-preview-link{display:inline-block;color:#1b384b;text-underline-offset:4px;font-size:14px;padding:8px 0}.draft-detail-note{padding:16px;background:#f4f0df;border-radius:8px;font-size:14px;line-height:1.6;margin:18px 0}.zp-description details{margin:18px 0}.zp-description details p{line-height:1.7;font-size:14px}.preview-bar{font-size:11px}.snack-catalog .snack-pagination{text-align:center;margin:36px 0 8px}.snack-catalog .snack-pagination p{color:#647367;font-size:13px;margin:0 0 8px}.snack-catalog .snack-pagination p:empty{display:none}.snack-catalog .snack-pagination button{border:0;cursor:pointer;font:inherit;min-width:160px}.snack-catalog [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/preview-product-grid.css.map */
