.sg-tiles{padding-top:var(--sg-tiles-pad-top);padding-bottom:var(--sg-tiles-pad-bottom)}.sg-tiles__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:var(--sg-type-heading-gap, 24px)}.sg-tiles__header:not(:has(.sg-tiles__heading)){justify-content:flex-end}html body .sg-tiles__heading.global-section-heading{margin:0;text-align:left}.sg-tiles__track{--sg-tiles-gap: var(--sg-grid-gap, 8px);display:flex;gap:var(--sg-tiles-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.sg-tiles__track::-webkit-scrollbar{display:none}.sg-tiles__item{flex:0 0 calc((100% - (var(--sg-tiles-per-view-mobile) - 1) * var(--sg-tiles-gap)) / var(--sg-tiles-per-view-mobile));min-width:0;margin:0;scroll-snap-align:start}@media screen and (max-width:989px){.sg-tiles:not(.sg-tiles--full):not(.sg-tiles--mobile-inset) .sg-tiles__viewport.page-width{padding-right:0}.sg-tiles:not(.sg-tiles--full):not(.sg-tiles--mobile-inset) .sg-tiles__track{scroll-padding-left:0}.sg-tiles:not(.sg-tiles--full):not(.sg-tiles--mobile-inset) .sg-tiles__item:last-child{margin-right:var(--page-width-padding, 16px)}}.sg-tiles__link{display:block;color:rgb(var(--color-foreground));text-decoration:none}.sg-tiles__media{position:relative;display:block;aspect-ratio:var(--sg-tiles-ratio);overflow:hidden;border-radius:0}.sg-tiles__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .6s ease}.sg-tiles--photo-bg .sg-tiles__item--packshot .sg-tiles__media{background:var(--sg-photo-bg, #f9f8f7)}.sg-tiles--photo-bg .sg-tiles__item--packshot .sg-tiles__image:not(.sg-tiles__image--hover){object-fit:contain;padding:8%;mix-blend-mode:multiply}.sg-tiles__image--hover{opacity:0}.sg-tiles__label{display:inline-block;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:var(--sg-type-utility, 12px);font-weight:500;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.sg-tiles--label-inside .sg-tiles__label{position:absolute;left:50%;bottom:20px;z-index:2;transform:translate(-50%);white-space:nowrap}.sg-tiles--label-below .sg-tiles__link{text-align:center}.sg-tiles--label-below .sg-tiles__label{margin-top:12px}@media(hover:hover){.sg-tiles__link:hover .sg-tiles__image{transform:scale(1.03)}.sg-tiles__link:hover .sg-tiles__media--hover .sg-tiles__image--hover{opacity:1}.sg-tiles__link:hover .sg-tiles__label{text-decoration-thickness:2px}}.sg-tiles__link:focus-visible{outline:1px solid currentColor;outline-offset:3px}@media screen and (min-width:990px){.sg-tiles{padding-top:var(--sg-tiles-pad-top-desktop);padding-bottom:var(--sg-tiles-pad-bottom-desktop)}.sg-tiles__item{flex-basis:calc((100% - (var(--sg-tiles-cols) - 1) * var(--sg-tiles-gap)) / var(--sg-tiles-cols))}.sg-tiles--label-inside .sg-tiles__label{bottom:28px}}@media(prefers-reduced-motion:reduce){.sg-tiles__track{scroll-behavior:auto}.sg-tiles__image{transition:none}}.sg-tiles--hairline .sg-tiles__track{--sg-tiles-gap: 3px}.sg-tiles--label-inside.sg-tiles--label-light .sg-tiles__media:after{content:"";position:absolute;inset:auto 0 0 0;height:35%;z-index:1;background:linear-gradient(to top,#00000052,#0000);pointer-events:none}.sg-tiles--label-light .sg-tiles__link{color:#fff}.sg-tiles--label-below.sg-tiles--label-light .sg-tiles__link{color:rgb(var(--color-foreground))}.sg-tiles__viewport{position:relative}.sg-tiles__arrows{display:contents}html body .sg-tiles__arrows .sg-carousel-arrows{display:none}@media screen and (min-width:990px){html body .sg-tiles__arrows .sg-carousel-arrows{display:contents}html body .sg-tiles__arrows .sg-carousel-arrow{position:absolute;top:calc(var(--sg-tiles-media-h, 50%) / 2);z-index:3;transform:translateY(-50%);background:#fff;border-color:transparent}html body .sg-tiles__arrows .sg-carousel-arrow[id$=-button-prev]{left:0}html body .sg-tiles__arrows .sg-carousel-arrow[id$=-button-next]{right:0}html body .sg-tiles__arrows .sg-carousel-arrow.swiper-button-disabled{opacity:0;pointer-events:none}}.sg-tiles__progress{display:none}@media screen and (max-width:989px){.sg-tiles__progress.is-active{display:block;position:relative;height:2px;margin:14px 16px 0;overflow:hidden;background:var(--sg-hairline, #eae6e3)}.sg-tiles__progress-bar{position:absolute;left:0;top:0;bottom:0;width:50%;background:#000;transition:transform .1s linear}}.sg-tiles--style-packshot .sg-tiles__label{transition:color .4s ease}@media(hover:hover){.sg-tiles--style-packshot.sg-tiles--label-inside .sg-tiles__media--hover:after{content:"";position:absolute;inset:auto 0 0 0;height:35%;z-index:1;background:linear-gradient(to top,#00000052,#0000);opacity:0;transition:opacity .4s ease;pointer-events:none}.sg-tiles--style-packshot.sg-tiles--label-inside .sg-tiles__link:hover .sg-tiles__media--hover:after{opacity:1}.sg-tiles--style-packshot.sg-tiles--label-inside .sg-tiles__link:hover .sg-tiles__media--hover .sg-tiles__label{color:#fff}}.sg-tiles--style-packshot .sg-tiles__item--packshot-top .sg-tiles__image:not(.sg-tiles__image--hover){padding:0;object-fit:contain;object-position:50% 0}.sg-tiles--bordered.sg-tiles--label-below .sg-tiles__link{padding-bottom:14px}.sg-tiles--bordered .sg-tiles__link{border:1px solid rgba(var(--color-foreground),.14)}@media screen and (min-width:990px){html body .sg-tiles:not(.sg-tiles--full) .sg-tiles__viewport.page-width .sg-tiles__arrows .sg-carousel-arrow[id$=-button-prev]{left:var(--sg-page-gutter, 40px)}html body .sg-tiles:not(.sg-tiles--full) .sg-tiles__viewport.page-width .sg-tiles__arrows .sg-carousel-arrow[id$=-button-next]{right:var(--sg-page-gutter, 40px)}}html body .sg-tiles--no-progress .sg-tiles__progress{display:none!important}.sg-tiles__heading-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px}html body .sg-tiles__all{font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}html body .sg-tiles--labels-serif .sg-tiles__label{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:24px;font-weight:var(--typeHeaderWeight, 400);letter-spacing:var(--sg-heading-tracking, 0);text-transform:none;text-decoration:none}html body .sg-tiles--labels-serif.sg-tiles--label-below .sg-tiles__label{margin-top:14px}@media screen and (max-width:749px){html body .sg-tiles--labels-serif .sg-tiles__label{font-size:20px}}@media(hover:hover){html body .sg-tiles--labels-serif .sg-tiles__link:hover .sg-tiles__label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/sg-category-tiles.css.map */