.collection-pills{display:flex;flex-wrap:wrap;column-gap:var(--spacing-1);row-gap:var(--spacing-1);margin-top:15px}.collection-pills .pill{flex:0 1 auto;--border-color: var(--color-neutral-3);background-color:var(--color-beige);font-weight:400}.sticky-column-item{position:sticky;top:calc(var(--nav-height) + var(--spacing-4))}@media(max-width:979px){.collection-pills.overflow-x-tablet-down{margin-right:calc(var(--pw-mobile-gutter) * -1)}.collection-pills.overflow-x-tablet-down .pill{flex:0 0 auto}.collection-pills{margin-top:25px}}.template__collection{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);background-color:var(--color-off-white);border-bottom:1px solid var(--color-neutral-3)}.subcollections .card,.subcollections-card{position:relative}.collection-header-image .media-label{display:none}.template-collection-header{row-gap:var(--spacing-1);padding-bottom:var(--spacing-1)}@media(min-width:980px){.collection-header-text-item{position:relative;display:flex;flex-direction:column;justify-content:center}.collection-header-text-item .section-header{padding-top:var(--spacing-1)}}@media(max-width:981px){.template__collection .subcollections--cards{padding-top:var(--spacing-3)}}.template-collection-header scroll-to{margin-top:var(--spacing-2)}.collection-subcollections-image-stack-content,.template__collection-products{padding-top:var(--spacing-3);border-bottom:1px solid var(--color-neutral-3)}.collection-header-image{display:none}.main-product-grid{flex-grow:1}@media(min-width:1024px){.collection-header-image{display:block}.collection-header-image{position:relative;aspect-ratio:2.8}.collection-header-image .media-item{position:absolute;top:0;right:0;bottom:0;left:0}.collection-header-image .media-item:before{padding-top:0}.template__collection{padding-top:var(--spacing-4);padding-bottom:var(--spacing-3)}.collection-header-text-item{order:initial}.collection-header-image .media-label{display:block}}.main-product-grid .card:hover .card-button-icon,.main-product-grid .card-button-icon:hover{border-color:var(--color-neutral-0);background-color:var(--color-neutral-0);color:var(--color-neutral-5)}.sortby-content{position:relative;height:45px;background-color:var(--color-cream);display:flex;border:1px solid var(--color-neutral-3);border-radius:20px;align-items:center;padding-left:20px}.sortby-content select{border:none;background-color:transparent;padding-left:5px;padding-right:35px}@media(min-width:979px){.sortby-content select{font-weight:600;text-decoration:underline}}.sortby-content .select-icon{right:18px}.collection-facet-group{column-gap:20px}.article-meta-box .metafield-rich_text_field>:first-child{margin-top:0}.article-author{position:relative;display:flex;column-gap:var(--spacing-1);margin:var(--spacing-2) 0;padding:var(--spacing-1);border:1px solid var(--color-neutral-3);border-radius:var(--border-radius-0)}.article-meta-box-image{flex:0 0 65px;width:65px}.article-meta-box-image .media{width:65px;height:65px;border-radius:999px;overflow:hidden}.article-meta-box-content{flex:0 1 auto;display:flex;flex-direction:column;align-items:start}@media(max-width:979px){.article-meta-box-image{flex:0 0 50px;width:50px}.article-meta-box-image .media{width:50px;height:50px}}@media(max-width:979px){.column-item-2.custom-card-wide{flex-basis:100%}.resource-sorting-wrapper .product-count{display:none!important}}.sort-pre-label{white-space:nowrap;font-size:14px;font-weight:300}.custom-card-wide .media-item:before{padding-top:calc(50% - (var(--column-gap) / 2))}.resource-sorting-wrapper{display:flex;justify-content:space-between;align-items:center;column-gap:var(--spacing-3);padding:0 0 var(--spacing-3);flex-wrap:wrap}.resource-sorting-wrapper .subtext{display:block;flex:0 0 auto}.resource-sort-by{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--spacing-0)}.resource-sort-by .select{max-width:200px;background-color:transparent;border:none;outline:0}@media(max-width:980px){.resource-facet-group,.resource-filter-open{flex:1}.resource-sort-by{flex:1;flex-basis:50%;flex-grow:0}.resource-filter-open .btn,.resource-sort-by wdn-collection-sort{width:100%}}.product-card .card-subtitle.as-badge{padding:4px 8px;color:var(--color-neutral-0);border-radius:8px;font-weight:500;display:inline-block;margin-bottom:10px;font-size:10px}@media(min-width:980px){.card-subtitle.as-badge{padding:3px 10px;font-size:11px}}.product-card{--color-badge-bg: var(--color-neutral-4)}.product-card.bg-group-hair{--color-badge-bg: var(--color-brown-3)}.main-product-grid .collection__usp-bar.column-item{width:100%;flex:1 0 100%}.collection__usp-bar-inner{padding:15px 22px;background-color:var(--bg-color);color:var(--text-color)}.collection__usp-bar-grid{justify-content:center;row-gap:10px}.collection__usp-bar .heading{font-size:14px;font-weight:500;margin-bottom:10px}@media(min-width:1024px){.collection__usp-bar-grid{column-gap:50px}.collection__usp-bar-inner{padding:20px 50px;border-radius:20px}.collection__usp-bar-item{font-size:15px}.collection__usp-bar .collection__usp-bar-inner slide-text .collection__usp-bar-item.slide-item{right:unset;left:unset;position:initial;transform:none;z-index:2;visibility:visible;flex:0 1 auto;width:auto}}@media(max-width:660px){.collection__usp-bar-item{font:var(--body-subtext-light)}}.collection__usp-bar-item span{color:inherit}@media(max-width:650px){.template__collection-product-main{margin-left:calc(var(--pw-mobile-gutter) * -1);margin-right:calc(var(--pw-mobile-gutter) * -1)}.template__collection-product-main .card-content{padding-left:calc(var(--pw-mobile-gutter) / 2);padding-right:calc(var(--pw-mobile-gutter) / 2)}}.subcollections--story{--story-item-width: 104px;--story-ring-size: 80px;margin-left:calc(((var(--story-ring-size) - var(--story-item-width)) / 2) - 3px);display:flex;gap:0;margin-top:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 3px}.subcollections--story::-webkit-scrollbar{display:none}.subcollection-story{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-0);width:var(--story-item-width);text-decoration:none;color:inherit}.subcollection-story__ring{display:block;width:var(--story-ring-size);height:var(--story-ring-size);border-radius:999px;overflow:hidden;background-color:var(--color-beige);border:1px solid var(--color-neutral-3);transition:border-color var(--transition-0)}.subcollection-story__image{width:100%;height:100%;object-fit:cover}.subcollection-story__image--packshot{padding:16%;object-fit:contain}.subcollection-story__label{font:var(--body-subtext);text-align:center;line-height:1.2}@media(hover:hover)and (pointer:fine){.subcollection-story:hover .subcollection-story__ring{border-color:var(--color-primary-0)}}.collection-subcollections-top{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.collection-subcollections-top .subcollections--story,.collection-subcollections-top .subcollections--pills{margin-top:0}.collection-subcollections-below{padding-bottom:var(--spacing-2)}.collection-toolbar-sticky{position:sticky;top:calc(var(--nav-height, 0px) + var(--searchbar-height, 0px) - 1px);transition:top ease-in-out .3s;z-index:3;background-color:var(--color-off-white)}body.hide--searchbar .collection-toolbar-sticky{top:calc(var(--nav-height, 0px) - 1px)}.collection-toolbar-sticky .collection-subcollections-below{padding-top:0;padding-bottom:0}.collection-toolbar-sticky .collection-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-top:0}.collection-toolbar-sticky .collection-pills::-webkit-scrollbar{display:none}.collection-toolbar-sticky .collection-pills .pill{flex:0 0 auto}.collection-page .template__collection{border-bottom:0}.collection-page .template__collection-products{border-top:1px solid var(--color-neutral-3)}.collection-page:has(.collection-toolbar-sticky) .template__collection-products{border-top:0}.collection-toolbar-sticky{border-bottom:1px solid var(--color-neutral-3)}.subcollections--story+.collection-subcollections-below{margin-top:var(--spacing-2)}.collection-page .breadcrumb{margin-bottom:0}@media(max-width:767px){.collection-page .breadcrumb{margin-bottom:var(--spacing-0)}}.collection-subcollections-row{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.collection-page .template__collection{padding-top:var(--spacing-2);padding-bottom:var(--spacing-1)}.collection-page .template-collection-header .section-header{padding-bottom:0}.collection-page .template__collection-products{padding-top:var(--spacing-2)}.quiz-card{position:relative;display:flex;width:100%;flex-direction:column;justify-content:flex-end;height:100%;min-height:320px;overflow:hidden;border-radius:16px;background:var(--color-cream-1, #f1ede3);color:var(--color-neutral-0)}.quiz-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.quiz-card__body{position:relative;display:grid;gap:8px;padding:48px 16px 16px}.quiz-card__image+.quiz-card__body{background:linear-gradient(to top,#0000009e 55%,#0000);color:#fff}.quiz-card__tag{font-size:13px;color:var(--color-neutral-1)}.quiz-card__image+.quiz-card__body .quiz-card__tag{color:inherit;opacity:.85}.quiz-card__sub{margin:-2px 0 6px;font-size:14px}.quiz-card__q{margin:0;font-size:20px;font-weight:600;line-height:1.25}.quiz-card__btn{width:100%}.quiz{width:min(560px,calc(100% - 24px));max-height:calc(100% - 24px);padding:0;border:0;border-radius:16px;background:var(--color-neutral-5, #fff);color:var(--color-neutral-0)}.quiz[open]{display:flex;flex-direction:column}.quiz::backdrop{background:#00000073}html.quiz-open,html.quiz-open body{overflow:hidden}.quiz__head{position:relative;display:grid;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:16px 24px 22px;background:var(--color-cream-1, #f1ede3)}.quiz__close{grid-column:2;grid-row:1;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;cursor:pointer}.quiz__meta{grid-column:1;grid-row:1;display:grid;gap:6px}.quiz__name{margin:0;font-size:14px}.quiz__steps{display:flex;align-items:center;gap:12px}.quiz__progress{flex:1;height:6px;border-radius:3px;background:var(--color-cream-0)}.quiz__progress span{display:block;height:100%;border-radius:3px;background:var(--color-primary-0);transition:width .25s}.quiz__count{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.quiz__q{grid-column:1 / -1;margin:16px 0 0;font-size:22px;font-weight:600;line-height:1.25}.quiz__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 24px}.quiz__options.answers--list{gap:6px}.quiz__foot{display:flex;flex:none;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--color-neutral-3);background:var(--color-cream, #faf8f2)}.quiz__back[hidden]{display:none}.quiz__next{margin-left:auto}.quiz__next.btn-cta-green{width:auto;gap:10px}.quiz__next:disabled{opacity:.4;cursor:default}@media(hover:hover){.quiz-card .quiz-card__btn:hover:not(:disabled){border-color:var(--color-neutral-5);background:var(--color-neutral-5);color:var(--color-primary-0)}.quiz__back:hover{background:var(--color-cream-1, #f1ede3)}.quiz__next:hover:not(:disabled){background:var(--color-primary-0)}}.quiz-result{margin:0 0 var(--spacing-2);color:var(--color-neutral-1);font-size:15px;scroll-margin-top:calc(var(--nav-height, 0px) + 80px)}@media(max-width:749px){.quiz-result,.main-product-grid .routine-continue{margin-inline:var(--pw-mobile-gutter)}}@media(max-width:749px){.quiz-card{min-height:280px;border-radius:10px}.quiz-card__q{font-size:17px}.quiz__q{font-size:21px}}.routine-continue{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 20px;border-radius:16px;background:var(--color-cream-1, #f1ede3)}.routine-continue__badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.routine-continue__badge{padding:3px 9px;border-radius:6px;background:var(--color-neutral-5, #fff);font-size:12px;font-weight:600;letter-spacing:.02em}.routine-continue__badge--save{background:var(--color-primary-0);color:var(--color-neutral-5, #fff)}.routine-continue__title{margin:0;font-size:17px;font-weight:600}.routine-continue__sub{margin:2px 0 0;color:var(--color-neutral-1);font-size:14px}.routine-continue__btn{flex:none;width:auto;text-decoration:none}@media(max-width:749px){.routine-continue__btn{width:100%;text-align:center}}.collection-ingredient-link{margin:12px 0 0;font-weight:500}.collection-ingredient-link a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.routine-continue__btn:hover{color:var(--color-neutral-5, #fff)}}@media(max-width:749px){.main-product-grid>li:nth-child(odd of.column-item-y-stretch:not(.custom-card-wide)) :is(.card-media-bg,.quiz-card,.guide-card){border-top-left-radius:0;border-bottom-left-radius:0}.main-product-grid>li:nth-child(2n of.column-item-y-stretch:not(.custom-card-wide)) :is(.card-media-bg,.quiz-card,.guide-card){border-top-right-radius:0;border-bottom-right-radius:0}}.quiz-card__watermark{position:absolute;top:-6%;right:-34%;height:112%;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none}.quiz-card__watermark svg{display:block;width:auto;height:100%}
/*# sourceMappingURL=/cdn/shop/t/66/assets/template-collection.css.map */