collection-products{display:grid;grid-template-columns:1fr 4fr;gap:var(--gap)}collection-products:has(.collection-samples-unlogged){grid-template-columns:1fr}.collection-samples-unlogged{display:flex;flex-direction:column;gap:var(--gap);border-top:var(--border);padding:var(--gap) 0}.collection-samples-unlogged__description{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.collection-samples-unlogged__description span{position:relative;padding-right:var(--gap-s);padding-bottom:var(--gap-s)}.collection-samples-unlogged__description span .account{width:2.5rem;height:2.5rem}.collection-samples-unlogged__description span .reward{position:absolute;width:1.25rem;height:auto;right:0;bottom:0;color:var(--forest);transform:rotate(-15deg)}.collection-samples-unlogged__action{display:flex;gap:var(--gap);flex-wrap:wrap}.collection-grid{display:flex;flex-direction:column;gap:var(--gap)}.collection-grid__settings .settings-mobile{display:none}.collection-grid__settings--container{display:flex;align-items:stretch;gap:var(--gap) var(--gap-xl);flex-wrap:wrap;border-bottom:var(--border)}.collection-grid__settings--container>*{margin-bottom:var(--gap-xs)}.settings-item{display:flex;align-items:stretch;gap:var(--gap-s)}.settings-item>span{color:var(--iron);align-self:center;flex-shrink:0}.settings-item>div,.settings-item>details{display:flex;align-items:stretch;gap:var(--gap-s);border-left:var(--border);padding-left:var(--gap-s)}.settings-item svg:not(.arrow){width:1.75rem;height:1.75rem}.settings-item.settings-display input{display:none}.settings-item.settings-display label{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xxs);text-align:center;opacity:.4;cursor:pointer;transition:var(--transition-opacity)}.settings-item.settings-display input:checked~label,.settings-item.settings-display label:hover{opacity:1}.settings-item.sorting-options details{position:relative;min-width:min(16rem,100%);transition:var(--transition-all);border:var(--border);border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}.settings-item.sorting-options details:hover,.settings-item.sorting-options details:focus{border-color:var(--rhino);background-color:var(--butter)}.settings-item.sorting-options details form{position:absolute;width:100%;left:0;top:100%;z-index:1;border:var(--border)}.settings-item.sorting-options details form input{display:none}.settings-item.sorting-options details summary,.settings-item.sorting-options details summary>div,.settings-item.sorting-options details label{width:100%;display:flex;align-items:center;gap:var(--gap-s)}.settings-item.sorting-options details summary{justify-content:space-between}.settings-item.sorting-options .arrow{width:1rem;transform:rotate(90deg);transition:var(--transition-transform)}.settings-item.sorting-options details[open]{border:var(--border)}.settings-item.sorting-options details[open] summary:before{content:"";position:fixed;width:100vw;height:100vw;left:0;top:0;cursor:auto}.settings-item.sorting-options details[open] .arrow{transform:rotate(-90deg)}.settings-item.sorting-options label{padding:var(--gap-xs) var(--gap-s);color:var(--iron);background-color:var(--white);transition:var(--transition-all)}.settings-item.sorting-options label:hover,.settings-item.sorting-options label:focus{background-color:var(--lemon);color:var(--carbon)}.collection-grid__master-products .master-products__title{display:flex;align-items:center;gap:var(--gap-s);padding-bottom:var(--gap-xs)}.collection-grid__master-products .master-products__title>div{display:flex;align-items:center;gap:var(--gap-xxs)}.collection-grid__master-products .master-products__title>div svg.master{width:2rem;height:2rem;background-color:var(--carbon);color:var(--lemon);padding:var(--gap-xxs)}.collection-grid__master-products .master-products__title>div svg.caret{width:.5rem;height:auto;transform:translate(.0625rem)}.collection-grid__master-products .master-products__title>div svg.dependent{width:2rem;height:2rem;background-color:var(--carbon);color:var(--white);padding:.375rem;border-radius:50%}.collection-grid__master-products .master-products__content{display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--gap-s);background-color:var(--tea)}.collection-grid__master-products .master-products__content .content-description{color:var(--forest);line-height:var(--medium-line)}.collection-grid__master-products .master-products__content .content-description svg{display:inline-block;width:1.5rem;height:1.5rem;background-color:var(--carbon);border-radius:.125rem;color:var(--white);padding:.125rem;margin-bottom:-.25rem;margin-left:.25rem;margin-right:.25rem}.collection-grid__master-products .master-products__content h4{margin-top:var(--gap-xs);border-top:var(--border);padding-top:var(--gap-s);color:var(--forest)}.collection-grid__master-products .master-products__content .content-products{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.collection-grid__master-products .master-products__content .content-products .card-product .media__images{padding-top:56%}.collection-grid__master-products .master-products__content .content-products .card-product .media__images img{object-fit:cover}.collection-grid__products{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);align-items:stretch}.collection-grid__products.list{grid-template-columns:1fr;gap:var(--gap-xs)}@media only screen and (max-width: 989px){collection-products{grid-template-columns:1fr}.collection-sidebar{display:none}.master-products__content .content-products{grid-template-columns:repeat(2,1fr)}.collection-grid__products{grid-template-columns:repeat(3,1fr)}.collection-grid__settings label.settings-mobile{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-xs);border:var(--border);border-bottom:0;background-color:var(--snow);padding:var(--gap-xs) var(--gap-s)}.collection-grid__settings label.settings-mobile svg{width:1.25rem;height:1.25rem}.collection-grid__settings label.settings-mobile svg.close{display:none;width:1rem;height:1rem}.collection-grid__settings label.settings-mobile>div{display:flex;align-items:center;gap:var(--gap-xs)}input.settings-mobile:checked~label.settings-mobile svg.close{display:block}input.settings-mobile:checked~.collection-grid__settings--container{max-height:unset;overflow:visible;padding:var(--gap-s)}.collection-grid__settings--container{max-height:0;overflow:hidden;border:var(--border)}.settings-item>span{min-width:3rem;flex-shrink:unset}}@media only screen and (max-width: 749px){.master-products__content .content-products{grid-template-columns:1fr}.collection-grid__products{grid-template-columns:repeat(2,1fr);gap:var(--gap-s)}}.collection-brand-content{padding-bottom:var(--gap-l)}.collection-brand-content h3{grid-column:2;padding-bottom:var(--gap-xs)}.collection-brand-content__title{display:grid;grid-template-columns:var(--content-grid)}.collection-brand-content__card{display:grid;grid-template-columns:1fr 2fr;align-items:stretch;width:calc(calc(100% / 4.2) - var(--gap) * 3 / 4)}.collection-brand-content__card .card__media{position:relative;padding-top:64%;width:100%}.collection-brand-content__card .card__media img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}.collection-brand-content__card .card__media .media-video{position:absolute;width:100%;height:100%;left:0;top:0;background-color:var(--smoke);display:flex;align-items:center;justify-content:center}.collection-brand-content__card .card__media .media-video span{display:block;width:0;height:0;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-left:2rem solid var(--white)}.collection-brand-content__card .card__details{padding:var(--gap-xs);display:flex;flex-direction:column;justify-content:center;line-height:1}@media (max-width: 989px){.collection-brand-content__card{width:calc(31.25% - var(--gap) * 2 / 3)}}@media (max-width: 749px){.collection-brand-content__card{width:calc(calc(100% / 1.2) - var(--gap) / 2)}}.collection-header{margin-bottom:var(--gap)}.collection-header:has(.collection-header__brand--banner){border-bottom:var(--border-dark)}.collection-header__banner,.collection-header__brand--banner{display:flex;align-items:stretch;gap:var(--gap)}.collection-header__brand--banner img{width:7.5rem;height:7.5rem;object-fit:contain;background-color:var(--white);padding:var(--gap-xxs);border:var(--border-dark)}.collection-header__brand--banner>div{display:flex;flex-direction:column;gap:var(--gap-xs)}.collection-header__brand--details{padding:var(--gap-s) 0;display:flex;align-items:baseline;column-gap:var(--gap);row-gap:var(--gap-xs);flex-wrap:wrap}.collection-header__brand--details>div{display:flex;align-items:center;gap:var(--gap-xs)}.collection-header__brand--details>div:first-of-type:not(:last-of-type){padding-right:var(--gap);border-right:var(--border-dark)}.collection-header__brand--details svg{width:2rem;height:2rem}.collection-header__brand--details .french-depts{color:var(--white)}.collection-header__brand--details .details-despatch.wholesaler svg,.collection-header__brand--details .details-despatch.wholesaler .font-focus{color:var(--forest)}.collection-header__brand--details .details-despatch.direct svg,.collection-header__brand--details .details-despatch.direct .font-focus{color:var(--blueberry)}.collection-header__brand--details .details-despatch.preorder svg,.collection-header__brand--details .details-despatch.preorder .font-focus{color:var(--cherry)}.collection-header__banner>svg{width:5rem;height:5rem;padding:var(--gap-s);border:var(--border-dark)}.collection-header__title,.collection-header__categories-title{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:var(--gap-xs);border-bottom:var(--border-dark)}.collection-header__categories-title a{font-size:var(--font-20);opacity:.4;transition:var(--transition-opacity)}.collection-header__categories-title a:hover{opacity:1}.collection-header__categories-title .caret{height:.8rem;width:auto;color:var(--iron);transform:translateY(-.125rem)}.collection-header__warning{padding:var(--gap-xxs) var(--gap-xs);display:flex;align-items:baseline;gap:var(--gap-xs);color:var(--tangerine);background-image:var(--gradient-hashed-orange)}.collection-header__warning svg{height:1rem;width:auto}.collection-header__banner.banner-default>svg,.collection-header__banner.banner-samples>svg{padding:var(--gap-xs)}@media only screen and (max-width: 989px){.collection-header__brand--banner,.collection-header__banner{gap:var(--gap-s)}.collection-header__banner>svg{width:3rem;height:3rem;padding:var(--gap-xs)}.collection-header__brand--banner img{width:5rem;height:5rem}.collection-header__brand--details>div:first-of-type:not(:last-of-type){padding-right:0;border-right:0}}.collection-samples-content{display:flex;flex-direction:column;gap:var(--gap-s);padding-bottom:var(--gap)}.collection-samples-content h2{color:var(--iron);padding-bottom:var(--gap-xs)}.collection-samples-content__warning{padding:var(--gap-xxs) var(--gap-xs);display:flex;align-items:baseline;gap:var(--gap-xs);color:var(--poppy);background-image:var(--gradient-hashed-orange)}.collection-samples-content__warning svg{height:1rem;width:auto}.collection-samples-content__step{display:flex;align-items:center;gap:var(--gap-s);background-color:var(--tea);padding:var(--gap-xs) var(--gap-s);color:var(--iron);overflow:hidden}.collection-samples-content__step span{font-size:var(--font-80);font-weight:var(--font-base--bold);margin-left:-1.25rem;color:var(--jade)}.collection-samples-content__step h3{color:var(--forest)}.collection-samples-content__details summary{display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-xs)}.collection-samples-content__details .arrow{width:1rem;transform:rotate(90deg);transition:var(--transition-transform)}.collection-samples-content__details>div>div{margin-top:var(--gap-xs);padding:var(--gap-xs) var(--gap);background-color:var(--snow)}.collection-samples-content__details[open] .arrow{transform:rotate(-90deg)}collection-sidebar{position:sticky;top:calc(var(--header-height) + var(--gap));height:calc(100vh - var(--header-height) - var(--gap) * 2);display:flex;flex-direction:column;gap:var(--gap);overflow-y:auto}collection-sidebar .sidebar-samples{display:flex;flex-direction:column;gap:var(--gap-xs);background-color:var(--snow);box-shadow:var(--shadow);padding:var(--gap-xs) var(--gap-s)}collection-sidebar .sidebar-samples div{display:flex;align-items:center;gap:var(--gap-xs);padding-bottom:var(--gap-xs);border-bottom:var(--border)}collection-sidebar .sidebar-samples svg{width:2rem;height:2rem}collection-sidebar .sidebar-samples>span{color:var(--iron)}collection-sidebar .sidebar-category a.active span{font-weight:var(--font-base--bold)}collection-sidebar .sidebar-category summary{display:flex;align-items:center;gap:var(--gap-xs);padding-bottom:var(--gap-s)}collection-sidebar .sidebar-category summary div{flex-grow:1;display:flex;align-items:baseline;gap:var(--gap-xs)}collection-sidebar .sidebar-category summary div:after{content:"";display:inline-block;flex-grow:1;height:.0625rem;background-color:var(--jade)}collection-sidebar .sidebar-category summary .arrow{flex-shrink:0;width:.8rem;transform:rotate(90deg);transition:var(--transition-transform)}collection-sidebar .sidebar-category .filter-marker{margin-top:-.25rem;transform:translateY(.25rem)}collection-sidebar .sidebar-category>div{display:flex;flex-direction:column;gap:var(--gap-xxs)}collection-sidebar .sidebar-category[open] summary .arrow{transform:rotate(-90deg)}collection-sidebar .sidebar-category__subcategory{display:flex;align-items:baseline;gap:var(--gap-xs)}.sidebar__brand-heading{display:flex;align-items:stretch;gap:var(--gap-s)}.sidebar__brand-heading img{width:4rem;height:4rem;padding:var(--gap-xxs);object-fit:contain;border:var(--border)}.sidebar__brand-heading>div{height:100%;display:flex;align-items:center;gap:var(--gap-xs)}.sidebar__heading{display:flex;align-items:stretch;gap:var(--gap-s);color:var(--iron)}.sidebar__heading svg{flex-shrink:0;height:2rem;width:auto}.sidebar__heading span{height:100%;flex-grow:1;border-bottom:var(--border-dark)}.sidebar__content{display:flex;flex-direction:column;gap:var(--gap)}.collection-root{display:grid;grid-template-columns:1fr 4fr;gap:var(--gap);padding-top:var(--gap-l)}.collection-root h2{display:flex;align-items:center;gap:var(--gap-xs);color:var(--iron)}.collection-root h2 svg{width:1.75rem;height:1.75rem;color:var(--iron)}.collection-root h2 span{border-left:var(--border);padding-left:var(--gap-xs)}.collection-root__categories{position:sticky;top:calc(var(--header-height) + var(--gap));max-height:calc(100vh - var(--header-height) - var(--gap) * 2);display:flex;flex-direction:column;gap:var(--gap);overflow-y:auto}.collection-root__categories>div{display:flex;gap:var(--gap-s);flex-wrap:wrap}.collection-root__categories a{width:100%;display:block;padding:var(--gap-xs) var(--gap-s)}collection-root{display:flex;flex-direction:column;gap:var(--gap-l)}collection-root>div{display:flex;flex-direction:column;gap:var(--gap);padding-bottom:var(--gap-l)}collection-root>div:not(:last-child){border-bottom:var(--border)}.collection-root__brands-grid,.collection-root__products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.collection-root__products-grid{grid-template-columns:repeat(5,1fr)}.collection-root__brands-grid.loading,.collection-root__products-grid.loading{display:flex;align-items:center;justify-content:center;background-color:var(--tea);padding:var(--gap)}@media only screen and (max-width: 989px){.collection-root{grid-template-columns:1fr;padding-top:var(--gap-s)}.collection-root__categories a{width:unset}.collection-root__brands-grid{grid-template-columns:repeat(2,1fr)}.collection-root__products-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 749px){.collection-root__brands-grid{grid-template-columns:1fr}.collection-root__products-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/template-collection.css.map */