.main-collection__layout{display:flex;gap:var(--space-xl);align-items:flex-start}.main-collection__sidebar{width:280px;flex-shrink:0}.main-collection__content{flex-grow:1;min-width:0}.concern-pills{margin-bottom:var(--space-lg)}.concern-pills__heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.concern-pills__list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.concern-pill{display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-full);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);white-space:nowrap;cursor:pointer}.concern-pill:hover,.concern-pill--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.concern-pill--clear{background:transparent;border-color:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);padding:.5rem .75rem}.concern-pill--clear:hover{background:transparent;border-color:transparent;color:var(--color-primary)}.concern-pill__icon{font-size:1.1em;line-height:1}.main-collection__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.main-collection__sort{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.main-collection__sort .select-wrapper{position:relative;display:flex;align-items:center}.main-collection__sort select{padding:.5rem 2rem .5rem 1rem;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-background);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;-webkit-appearance:none;appearance:none}.main-collection__sort select:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.main-collection__sort .icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;width:14px;height:14px}.main-collection__active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-lg)}.main-collection__filter-pill{display:inline-flex;align-items:center;gap:6px;padding:.375rem .75rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius-full);color:var(--color-primary);background:transparent;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.main-collection__filter-pill .icon{width:12px;height:12px;opacity:.6}.main-collection__filter-pill:hover{background-color:var(--color-primary);color:#fff}.main-collection__filter-pill:hover .icon{opacity:1}.main-collection__filter-clear{font-size:var(--font-size-xs);color:var(--color-text-muted, rgba(45, 45, 45, .6));text-decoration:underline;margin-left:var(--space-xs)}.main-collection__featured{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;margin-bottom:var(--space-xl);background-color:var(--color-surface, #faf8f5);border-radius:var(--border-radius-lg);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-md);transition:box-shadow var(--duration-base) var(--ease-out)}.main-collection__featured:hover{box-shadow:var(--shadow-lg)}.main-collection__featured-media{position:relative;overflow:hidden}.main-collection__featured-image{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.main-collection__featured:hover .main-collection__featured-image{transform:scale(1.03)}.main-collection__featured-badge{position:absolute;top:var(--space-md);left:var(--space-md);display:inline-flex;align-items:center;gap:.35em;padding:.4em .85em;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-cta-text, #fff);background-color:var(--color-primary);border-radius:var(--border-radius-full);line-height:1}.main-collection__featured-badge .icon{width:12px;height:12px}.main-collection__featured-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl)}.main-collection__featured-eyebrow{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);margin-bottom:var(--space-sm)}.main-collection__featured-title{margin:0 0 var(--space-md);line-height:var(--line-height-snug, 1.2)}.main-collection__featured-desc{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-muted, rgba(45, 45, 45, .7));margin-bottom:var(--space-md)}.main-collection__featured-price{margin-bottom:var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.main-collection__featured-cta{display:inline-flex;align-items:center;gap:.5em;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);transition:gap var(--duration-fast) var(--ease-out)}.main-collection__featured:hover .main-collection__featured-cta{gap:.8em}@media screen and (max-width:749px){.main-collection__featured{grid-template-columns:1fr}.main-collection__featured-media{aspect-ratio:4/3}.main-collection__featured-content{padding:var(--space-lg)}}.main-collection__grid{display:grid;gap:var(--space-lg)}.grid--4-col-desktop{grid-template-columns:repeat(4,1fr)}.grid--3-col-desktop{grid-template-columns:repeat(3,1fr)}.grid--2-col-desktop{grid-template-columns:repeat(2,1fr)}.main-collection__editorial--2{grid-column:span 2}.main-collection__editorial--full{grid-column:1 / -1}.editorial-card{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;height:100%;min-height:280px;display:flex;align-items:flex-end}.editorial-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.editorial-card__image{width:100%;height:100%;object-fit:cover}.editorial-card__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#0000008c)}.editorial-card__content{position:relative;z-index:1;padding:var(--space-lg);width:100%}.editorial-card--lifestyle{color:#fff}.editorial-card--lifestyle .editorial-card__heading{font-family:var(--font-heading);font-size:var(--font-size-xl);margin:0 0 var(--space-xs)}.editorial-card--lifestyle .editorial-card__text{font-size:var(--font-size-sm);opacity:.9;margin:0 0 var(--space-sm)}.editorial-card--lifestyle .editorial-card__link{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:.4em;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}.editorial-card--quote{background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);align-items:center;justify-content:center;text-align:center}.editorial-card--quote .editorial-card__content{padding:var(--space-xl)}.editorial-card__quote-mark{font-family:var(--font-heading);font-size:4rem;line-height:1;color:var(--color-primary);opacity:.3;display:block;margin-bottom:-.5rem}.editorial-card--quote .editorial-card__heading{font-family:var(--font-heading);font-size:var(--font-size-lg);font-style:italic;line-height:var(--line-height-snug);margin:0 0 var(--space-sm);color:var(--color-primary)}.editorial-card--quote .editorial-card__text{font-size:var(--font-size-sm);color:var(--color-text-muted, rgba(45, 45, 45, .7));margin:0}.editorial-card--ingredient{background-color:var(--color-background);border:1px solid var(--color-border);align-items:center;justify-content:center;text-align:center}.editorial-card--ingredient .editorial-card__content{padding:var(--space-xl)}.editorial-card__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-full);background-color:var(--color-primary);color:#fff;margin-bottom:var(--space-md)}.editorial-card--ingredient .editorial-card__heading{font-family:var(--font-heading);font-size:var(--font-size-lg);margin:0 0 var(--space-xs)}.editorial-card--ingredient .editorial-card__text{font-size:var(--font-size-sm);color:var(--color-text-muted, rgba(45, 45, 45, .7));margin:0 0 var(--space-sm);line-height:var(--line-height-relaxed)}.editorial-card--ingredient .editorial-card__link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:.4em;text-decoration:none}.editorial-card--brand{background-color:var(--color-accent);color:#fff;align-items:center;justify-content:center;text-align:center}.editorial-card--brand .editorial-card__content{padding:var(--space-xl)}.editorial-card--brand .editorial-card__heading{font-family:var(--font-heading);font-size:var(--font-size-xl);margin:0 0 var(--space-xs)}.editorial-card--brand .editorial-card__text{font-size:var(--font-size-sm);opacity:.9;margin:0 0 var(--space-sm)}.editorial-card--brand .editorial-card__link{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:.4em;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}.main-collection__load-more{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg)}.main-collection__load-more-btn{min-width:240px}.main-collection__load-more-count{font-size:var(--font-size-xs)}.main-collection__grid.is-loading{opacity:.4;pointer-events:none;transition:opacity .2s ease}.collection-filter__group{border-bottom:1px solid var(--color-border);padding-block:var(--space-md)}.collection-filter__group-summary{display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-bold);cursor:pointer;list-style:none}.collection-filter__group-summary::-webkit-details-marker{display:none}.collection-filter__group-content{margin-top:var(--space-sm)}.collection-filter__item{margin-bottom:var(--space-xs)}.collection-filter__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--font-size-sm);padding:.25rem 0}.collection-filter__checkbox-label input[type=checkbox]{opacity:0;position:absolute}.collection-filter__checkbox-custom{width:18px;height:18px;border:1.5px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;background-color:var(--color-surface)}.collection-filter__checkbox-label input:checked+.collection-filter__checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.collection-filter__checkbox-label input:focus-visible+.collection-filter__checkbox-custom{outline:2px solid var(--color-focus);outline-offset:2px}.collection-filter__checkbox-label input:checked+.collection-filter__checkbox-custom:after{content:"";display:block;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.collection-filter__checkbox-label input:disabled~*{opacity:.5;text-decoration:line-through;cursor:not-allowed}.collection-filter__price-range{display:flex;align-items:center;gap:var(--space-sm)}.collection-filter__price-range label{flex:1;display:flex;align-items:center;gap:var(--space-xs)}.collection-filter__price-range input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:inherit}@media screen and (max-width:900px){.main-collection__layout{flex-direction:column}.main-collection__sidebar{position:fixed;top:0;left:0;width:100%;max-width:380px;height:100vh;background-color:var(--color-background);z-index:1000;padding:var(--space-lg);transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);overflow-y:auto}.main-collection__sidebar.is-open{transform:translate(0);box-shadow:10px 0 30px #0000001a}.main-collection__sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm)}body.menu-open{overflow:hidden}.grid--2-col-tablet{grid-template-columns:repeat(2,1fr)}.grid--1-col-mobile{grid-template-columns:1fr}.main-collection__editorial--2,.main-collection__editorial--full{grid-column:1 / -1}}@media screen and (min-width:901px){.hide-desktop{display:none!important}}.main-collection__empty{text-align:center;padding:var(--space-xl) 0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-collection.css.map */