.section-look-grid__list{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:var(--grid-gutter--medium);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--container-gutter));padding-inline:var(--container-gutter);scroll-padding-inline:var(--container-gutter)}.section-look-grid__list::-webkit-scrollbar{display:none}.section-look-grid__item{scroll-snap-align:start}.section-look-grid__look{display:grid;gap:1rem;align-content:start}.section-look-grid__figure{display:grid;gap:.5rem;margin:0}.section-look-grid__media{position:relative;overflow:hidden;aspect-ratio:3 / 4;background:rgb(var(--background-secondary))}.section-look-grid__picture,.section-look-grid__image{display:block;width:100%;height:100%}.section-look-grid__image{object-fit:cover}.section-look-grid__image--placeholder{background:rgb(var(--text-primary) / .06)}.section-look-grid__caption{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.section-look-grid__hot-spots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.section-look-grid__hot-spot{--hot-spot-size: 1.75rem;position:absolute;inset-block-start:var(--hot-spot-top);inset-inline-start:var(--hot-spot-left);width:var(--hot-spot-size);height:var(--hot-spot-size);translate:-50% -50%;border-radius:var(--rounded-full);box-shadow:var(--shadow);pointer-events:auto;transition:transform .2s ease-in-out}.section-look-grid__hot-spot:before{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:.5rem;height:.5rem;translate:-50% -50%;border-radius:var(--rounded-full);background:rgb(var(--text-primary))}.section-look-grid__hot-spot:hover,.section-look-grid__hot-spot:focus-visible{transform:scale(1.15)}.section-look-grid__products{display:grid;gap:.75rem}@media screen and (min-width:700px){.section-look-grid__list{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;margin-inline:0;padding-inline:0}}@media screen and (min-width:1000px){.section-look-grid__list--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-look-grid.css.map */