.collection{padding:var(--header-height-mobile) var(--page-margin-side-mobile) 32px}.collection .products{display:grid;grid-template-columns:repeat(2,1fr);column-gap:12px;row-gap:2rem;margin-top:2rem}.collection .collection-insert{grid-column:span 2;display:flex;position:relative;text-decoration:none;border-radius:12px;overflow:hidden}.collection .collection-insert .collection-insert-image{aspect-ratio:354 / 275;width:100%}.collection .collection-insert .collection-insert-image img{display:block;width:100%;height:100%;object-fit:cover}.collection .collection-insert .collection-insert-image.overlay{position:relative}.collection .collection-insert .collection-insert-image.overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#00000080);pointer-events:none}.collection .collection-insert .collection-insert-content{display:flex;position:absolute;width:100%;height:100%;flex-direction:column;padding:16px;align-items:flex-start;text-align:center;justify-content:flex-end;background:linear-gradient(to bottom,transparent 0%,rgba(252,247,235,.2) 60%,rgba(252,247,235,1) 100%);border-radius:inherit}.collection .collection-insert .collection-insert-content .heading .full-stop{color:var(--colour-rouge)}.collection .collection-insert .collection-insert-content button{margin-top:8px}.collection .collection-insert .collection-insert-content button svg path{fill:var(--colour-white)}.collection .top-container{margin:8px 0px 2rem;border-top:1px solid var(--colour-dark-10);padding-top:32px;display:flex;flex-direction:column;gap:12px}.collection .top-container h1{font-size:60px}.collection .sort-container{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--colour-dark-10);border-top:1px solid var(--colour-dark-10)}.collection .sort-container .sort-button{display:flex;align-items:center;gap:8px;cursor:pointer;padding:16px 0}.collection .sort-container .collection-sort{position:relative}.collection .sort-container .collection-sort .sort-options{position:absolute;top:48px;right:0;background:var(--colour-white);border-radius:8px;z-index:2;max-height:0px;overflow:hidden;transition:max-height .3s ease-in-out;width:max-content;box-shadow:0 5px 20px #0000001a}.collection .sort-container .collection-sort .sort-options .sort-option{display:flex;align-items:center;gap:12px;cursor:pointer}.collection .sort-container .collection-sort .sort-options .sort-option label{cursor:pointer}.collection .sort-container .collection-sort .sort-options .sort-option .input:has(input:checked){border:1px solid var(--colour-dark-40)}.collection .sort-container .collection-sort .sort-options .sort-option .input{border:1px solid var(--colour-dark-10);width:12px;height:12px}.collection .sort-container .collection-sort .sort-options .sort-option .input input[type=radio]:checked{width:8px;height:8px}.collection .sort-container .collection-sort .sort-options.reveal{max-height:500px}.collection .sort-container .collection-sort .sort-options .inner{padding:20px 24px 20px 12px;display:flex;gap:16px;flex-direction:column}.collection .load-more-button{margin:32px auto 0}.collection .top-container .full-stop{color:var(--colour-rouge)}@media(min-width:1000px){.collection .products{row-gap:50px;column-gap:24px}.collection .collection-insert .collection-insert-content button{margin-top:16px}.collection .load-more-button{margin:50px auto 0}.collection{padding:var(--header-height-desktop) var(--page-margin-side-desktop) 80px}.collection .sort-container .sort-button{flex-direction:row-reverse}.collection .top-container .collection-description{max-width:800px}}@media(min-width:1200px){.collection .products{grid-template-columns:repeat(4,1fr)}.collection .collection-insert .heading{font-size:40px}.collection .collection-insert .collection-insert-image{aspect-ratio:628 / 458}}
/*# sourceMappingURL=/cdn/shop/t/159/assets/collection.css.map */
