.section-main-collection .layout-collection-hero .layout-wrapper{display:flex;gap:1.5rem}.section-main-collection .layout-collection-hero .layout-wrapper img{aspect-ratio:1;border-radius:var(--border-radius-md);height:6.5rem;width:6.5rem;display:block;background-color:var(--colour-white);object-fit:contain;flex-shrink:0}.section-main-collection .layout-collection-hero .content{display:flex;flex-direction:column;gap:1rem}.section-main-collection .layout-collection-hero .content *{margin:0}.section-main-collection .layout-collection-hero .c-btn svg{fill:var(--colour-cobalt)}.section-main-collection .layout-collection-hero .categories{display:block;margin-bottom:1.5rem}.section-main-collection .layout-collection-hero .categories ul{list-style:none;margin:0;padding:0}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown){display:flex;align-items:center;gap:1rem;overflow:visible}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li{display:inline-flex;flex-shrink:0;padding-bottom:.25rem}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li *{white-space:nowrap}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.category{order:-1;transition:opacity var(--transition-duration) var(--transition-timing) 0s}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.category a{display:flex;align-items:center;height:2rem;gap:.5rem;color:var(--colour-text-base);text-decoration:none;font-size:.75rem;font-weight:500;transition:all var(--transition-duration) var(--transition-timing) 0s}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.category a svg{height:.75rem;width:.75rem;fill:currentColor;flex-shrink:0}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.category:hover,.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.category:focus{color:var(--colour-cobalt)}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.current{order:-1;cursor:default;position:relative}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.current>span.c-lozenge{height:2rem;display:flex;align-items:center;gap:.5rem;background-color:var(--colour-periwinkle-grey);border-color:var(--colour-periwinkle-grey)}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.current>span.c-lozenge>svg{height:.5rem;width:.5rem;fill:currentColor;flex-shrink:0}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.current:hover>ul.breadcrumb-dropdown,.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.current:focus>ul.breadcrumb-dropdown{visibility:visible;opacity:1;transform:translateY(0)}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.current ul.breadcrumb-dropdown{display:flex;flex-direction:column;opacity:0;visibility:hidden;position:absolute;top:100%;left:0;max-height:20rem;overflow-y:auto;transform:translateY(.5rem);background-color:var(--colour-link-water);padding:.25rem;z-index:1000;gap:.25rem;border-radius:var(--border-radius-md);transition:all var(--transition-duration) var(--transition-timing) 0s}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.current ul.breadcrumb-dropdown li a{font-size:.675rem;padding:.375rem .5rem;font-weight:500;line-height:1;display:block;width:100%;padding:.5rem .75rem;color:var(--colour-black);background-color:var(--colour-link-water);border-radius:var(--border-radius-sm);text-decoration:none;transition:all var(--transition-duration) var(--transition-timing) 0s}.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.current ul.breadcrumb-dropdown li:hover a,.section-main-collection .layout-collection-hero .categories ul:not(.breadcrumb-dropdown)>li.current ul.breadcrumb-dropdown li:focus a{background-color:var(--colour-periwinkle-grey)}.section-main-collection .layout-collection-hero .child-collections{display:grid;grid-template-columns:100%;gap:1rem;margin-top:2rem}.section-main-collection .layout-collection-hero .child-collections .snippet-card-category{--scc-image-width: 2.5rem;--scc-font-size: 1rem}.section-main-collection .collection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-color:var(--colour-mine-shaft);opacity:0;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s;transition-delay:.4s;z-index:540;pointer-events:none}.section-main-collection .collection-overlay.is-visible{opacity:.64;visibility:visible;pointer-events:unset}.section-main-collection .wrapper{display:grid;grid-template-columns:100%;gap:1.5rem}.section-main-collection .wrapper .filters-open{justify-content:center}.section-main-collection .wrapper #results-container{display:flex;flex-direction:column;gap:1.5rem}.section-main-collection .wrapper #results-container .grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.section-main-collection .wrapper #results-container .grid .open-store-filters{grid-column:1/-1;width:100%;justify-content:center}.section-main-collection .wrapper #results-container .pagination{display:flex;justify-content:center}.section-main-collection .wrapper #results-container .pagination.prev{padding-bottom:1.5rem}.section-main-collection .wrapper #results-container .pagination.next{padding-top:1.5rem}.section-main-collection .wrapper .snippet-card-product{width:100%}.section-main-collection #collection-description{scroll-margin-top:10rem}.section-main-collection .layout-collection-description{display:grid;gap:1.5rem;grid-template-areas:"media" "content"}.section-main-collection .layout-collection-description .content{grid-area:content}.section-main-collection .layout-collection-description img{grid-area:media;border-radius:var(--border-radius-md)}@media (min-width: 576px){.section-main-collection .layout-collection-hero .child-collections{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.section-main-collection .layout-collection-hero .categories{margin-bottom:2rem}.section-main-collection .layout-collection-hero .child-collections{grid-template-columns:1fr 1fr 1fr;margin-top:3rem}.section-main-collection .layout-collection-hero .child-collections{grid-template-columns:1fr 1fr 1fr 1fr}.section-main-collection .wrapper #results-container{gap:2rem}.section-main-collection .wrapper #results-container .grid{grid-template-columns:repeat(4,1fr);gap:2rem 1rem}.section-main-collection .layout-collection-description{gap:2rem}}@media (min-width: 768px) and (max-width: 1023.98px){.section-main-collection .layout-collection-description{max-width:var(--tablet-max-width);padding:0 var(--gutter);margin:0 auto}}@media (min-width: 1024px){.section-main-collection .layout-collection-hero{margin-top:var(--main-top-margin)}.section-main-collection .layout-collection-hero .layout-wrapper{align-items:center}.section-main-collection .collection-overlay{display:none}.section-main-collection .wrapper{grid-template-columns:17.5rem 1fr;gap:3rem}.section-main-collection .wrapper .filters-open,.section-main-collection .wrapper #results-container .grid .open-store-filters{display:none}.section-main-collection .wrapper #results-container .pagination.prev{padding-bottom:2rem}.section-main-collection .wrapper #results-container .pagination.next{padding-top:2rem}.section-main-collection .layout-collection-description{gap:4rem;grid-template-columns:var(--lcd-grid-columns);align-items:center;grid-template-areas:"content media"}}@media (min-width: 1280px){.section-main-collection .wrapper #results-container .grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 575.98px){.section-main-collection .layout-collection-hero .layout-wrapper{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/section-main-collection.css.map */