.zl-product-moments{padding:var(--zl-product-moments-padding-top) 24px var(--zl-product-moments-padding-bottom);overflow:hidden;color:var(--zl-product-moments-copy);background:var(--zl-product-moments-bg)}.zl-product-moments *,.zl-product-moments *:before,.zl-product-moments *:after{box-sizing:border-box}.zl-product-moments__inner{width:min(100%,var(--zl-product-moments-max-width));margin:0 auto}.zl-product-moments__header{max-width:760px;margin:0 auto 36px;text-align:center}.zl-product-moments__eyebrow{margin:0 0 14px;color:var(--zl-product-moments-accent);font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}.zl-product-moments__title{margin:0;color:var(--zl-product-moments-ink);font-size:var(--zl-product-moments-title-size);font-weight:700;line-height:1.08;letter-spacing:-.035em}.zl-product-moments__subtitle{max-width:650px;margin:14px auto 0;color:var(--zl-product-moments-copy);font-size:var(--zl-product-moments-subtitle-size);line-height:1.55}.zl-product-moments__subtitle p,.zl-product-moments__text p{margin:0}.zl-product-moments__viewport{min-width:0}.zl-product-moments__controls{display:none}.zl-product-moments__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;gap:16px;list-style:none}.zl-product-moments__item{min-width:0}.zl-product-moments__card{height:100%;overflow:hidden;border:1px solid var(--zl-product-moments-line);border-radius:var(--zl-product-moments-radius);background:var(--zl-product-moments-card);box-shadow:0 12px 30px #12463814;transition:transform .18s ease,box-shadow .18s ease}.zl-product-moments__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:#e4eee9}.zl-product-moments__picture,.zl-product-moments__image{display:block;width:100%;height:100%}.zl-product-moments__image{object-fit:cover;transition:transform .32s ease}.zl-product-moments__body{padding:18px 18px 22px}.zl-product-moments__card-title{margin:0;color:var(--zl-product-moments-ink);font-size:var(--zl-product-moments-card-title-size);font-weight:700;line-height:1.25;letter-spacing:-.015em}.zl-product-moments__text{margin-top:8px;color:var(--zl-product-moments-copy);font-size:var(--zl-product-moments-text-size);line-height:1.55}@media(hover:hover)and (pointer:fine){.zl-product-moments__card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #12463821}.zl-product-moments__card:hover .zl-product-moments__image{transform:scale(1.035)}}@media screen and (max-width:1279px){.zl-product-moments{padding-right:32px;padding-left:32px}.zl-product-moments__header{margin-bottom:32px}.zl-product-moments__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media screen and (min-width:768px)and (max-width:1279px){.zl-product-moments__body{padding:18px 20px 22px}}@media screen and (max-width:767px){.zl-product-moments{padding-right:0;padding-left:0}.zl-product-moments__inner{width:100%}.zl-product-moments__header{margin:0 24px 28px}.zl-product-moments__eyebrow{margin-bottom:12px;font-size:11px}.zl-product-moments__subtitle{margin-top:12px}.zl-product-moments__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:16px;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.zl-product-moments__viewport::-webkit-scrollbar{display:none}.zl-product-moments__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82vw,340px);width:max-content;padding:0 16px 14px;gap:12px}.zl-product-moments__item{scroll-snap-align:start}.zl-product-moments__card{box-shadow:0 10px 24px #12463814}.zl-product-moments__controls{display:flex;justify-content:center;gap:14px;margin:8px auto 0}.zl-product-moments__arrow{display:grid;width:42px;height:42px;padding:8px;place-items:center;border:1px solid var(--zl-product-moments-line);border-radius:50%;background:var(--zl-product-moments-card);color:var(--zl-product-moments-ink);cursor:pointer}.zl-product-moments__arrow svg{display:block;width:20px;height:20px}.zl-product-moments__arrow:disabled{opacity:.4;cursor:default}.zl-product-moments__arrow:focus-visible{outline:2px solid var(--zl-product-moments-accent);outline-offset:2px}.zl-product-moments__body{padding:17px 16px 20px}}@media(prefers-reduced-motion:reduce){.zl-product-moments__card,.zl-product-moments__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/zl-product-moments.css.map */