.sort-by__icon{color:var(--color-foreground);transition:color var(--duration-short) var(--easing-base)}@media screen and (min-width:768px){.sort-by__icon{color:var(--color-accent)}}.section.section--collection{padding-block:0}.collection-plp{display:flex;flex-direction:column;align-self:stretch;gap:var(--fluid-20-20);padding:0 var(--fluid-20-40) var(--fluid-40-40) var(--fluid-20-40);background-color:var(--color-background);color:var(--color-foreground)}@media screen and (min-width:768px){.collection-plp{justify-content:space-between;padding:var(--fluid-20-20) var(--fluid-40-40) 0 var(--fluid-40-40)}}.collection-plp:not(.section--full-width){width:100%;max-width:var(--page-width, 1440px);margin-inline:auto}.breadcrumb{padding:var(--spacing-8) 0;border-bottom:1px solid var(--color-border)}.breadcrumb__list{display:flex;align-items:center;gap:var(--spacing-4);list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumb__item{display:flex;align-items:center}.breadcrumb__link{font-size:var(--fluid-18-20);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-accent);text-decoration:none;transition:color var(--duration-short) var(--easing-base)}.breadcrumb__link:hover{color:var(--color-foreground)}.breadcrumb__link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:2px}.breadcrumb__current{font-size:var(--fluid-18-20);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-foreground)}.breadcrumb__separator{font-size:var(--fluid-18-20);color:var(--color-accent);-webkit-user-select:none;user-select:none}@media screen and (max-width:767px){.breadcrumb{padding:var(--spacing-5) 0}}.collection-plp__toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0;position:sticky;top:0;z-index:10;background-color:var(--color-background);transition:box-shadow var(--duration-base) var(--easing-base)}.collection-plp__toolbar-filter{justify-self:start}.collection-plp__count{font-size:var(--fluid-14-16);letter-spacing:var(--letter-spacing-label);text-align:center;justify-self:center;margin:0}.collection-plp__toolbar-sort{justify-self:end;display:flex;align-items:center}@media screen and (max-width:767px){.collection-plp__toolbar{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--spacing-7) 0;padding:0}.collection-plp__count{grid-column:1 / -1;order:-1}.collection-plp__toolbar-filter{justify-self:start}.collection-plp__toolbar-sort{justify-self:end}}.collection-plp__filter-btn{display:inline-flex;align-items:center;gap:var(--spacing-4);background:none;border:none;color:var(--color-foreground);font-family:inherit;font-size:var(--fluid-14-16);letter-spacing:var(--letter-spacing-label);text-transform:capitalize;cursor:pointer;padding:0;transition:opacity var(--duration-short) var(--easing-base)}.collection-plp__filter-btn svg{stroke:var(--color-foreground);transition:stroke var(--duration-short) var(--easing-base)}.collection-plp__filter-btn:hover{opacity:.7}.collection-plp__filter-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px;border-radius:2px}.collection-plp__filter-badge{display:none;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:40px;background-color:var(--color-foreground);color:var(--color-background);font-size:var(--font-size-xs)}.collection-plp__toolbar-sort .sort-by{display:flex;align-items:center;gap:var(--spacing-4)}.collection-plp__toolbar-sort .sort-by__label{font-size:var(--fluid-14-16);font-family:inherit;letter-spacing:var(--letter-spacing-label);text-transform:capitalize;color:var(--color-foreground)}.collection-plp__toolbar-sort .sort-by__control{position:relative}.collection-plp__toolbar-sort .sort-by__trigger{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:inherit}.collection-plp__toolbar-sort .sort-by__trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px;border-radius:2px}.collection-plp__toolbar-sort .sort-by__icon{position:static;top:auto;right:auto;translate:none;display:flex;align-items:center;pointer-events:none}.collection-plp__toolbar-sort .sort-by__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--color-background);border:1px solid var(--color-border);box-shadow:0 8px 24px color-mix(in srgb,var(--color-foreground) 12%,transparent),0 2px 8px color-mix(in srgb,var(--color-foreground) 8%,transparent);list-style:none;margin:0;padding:var(--spacing-3) 0;z-index:100}.collection-plp__toolbar-sort .sort-by__option{font-size:var(--fluid-14-16);font-family:inherit;letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-accent);padding:var(--spacing-4) var(--spacing-6);cursor:pointer;transition:color var(--duration-short) var(--easing-base),background-color var(--duration-short) var(--easing-base)}.collection-plp__toolbar-sort .sort-by__option:hover,.collection-plp__toolbar-sort .sort-by__option:focus{background-color:color-mix(in srgb,var(--color-foreground) 5%,transparent);color:var(--color-foreground);outline:none}.collection-plp__toolbar-sort .sort-by__option.is-selected{color:var(--color-foreground);font-weight:600}.collection-plp__body{display:grid;grid-template-columns:1fr}.collection-plp__body--has-sidebar{grid-template-columns:260px 1fr}@media screen and (max-width:989px){.collection-plp__body--has-sidebar{grid-template-columns:1fr}.collection-plp__sidebar{display:none}}.collection-plp__sidebar{padding:var(--spacing-10) var(--spacing-8);border-right:1px solid var(--color-border)}.collection-plp__main{transition:opacity var(--duration-base) var(--easing-base)}.collection-plp__main.loading{opacity:.5;pointer-events:none}.collection-plp__active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-5);padding:0 0 var(--fluid-20-32)}.collection-plp__active-filters:empty{padding:0}.active-filter{display:inline-flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-5);border:1px solid var(--color-border);font-size:var(--font-size-xs);text-decoration:none;color:var(--color-foreground);transition:border-color var(--duration-short) var(--easing-base)}.active-filter:hover{text-decoration:none}.active-filter--clear{display:none}.collection-plp__grid{display:grid;grid-template-columns:repeat(var(--grid-columns-desktop, 4),minmax(0,var(--fluid-170-330)));gap:var(--fluid-8-16);justify-content:center;list-style:none;margin:0;padding:var(--spacing-6) 0 0}.collection-plp__grid-item{width:var(--fluid-170-330);height:var(--fluid-248-470);min-width:0;display:flex;align-items:stretch}.collection-plp__grid-item>*{width:100%}.collection-plp__grid-item .product-card__title-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:989px){.collection-plp__grid{grid-template-columns:repeat(var(--grid-columns-mobile, 2),minmax(0,var(--fluid-170-330)))}}@media screen and (max-width:767px){.collection-plp__grid{gap:var(--spacing-6)}}@media screen and (max-width:600px){.collection-plp__grid{display:flex;flex-wrap:wrap;justify-content:center}.collection-plp__grid-item{width:min(var(--fluid-170-330),calc((100% - var(--spacing-6)) / 2));height:auto}}@media screen and (max-width:319.98px){.collection-plp__grid-item{width:100%}}.collection-plp__empty{padding:var(--spacing-20) var(--spacing-10);text-align:center;grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.collection-plp__empty p{margin:0}.collection-plp__scroll-sentinel{height:1px;grid-column:1 / -1}.collection-plp__back-to-top{display:flex;justify-content:center;padding:var(--fluid-20-32) 0}.collection-plp__back-to-top .button--secondary{border-radius:40px;background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground);font-size:var(--spacing-5);padding:var(--fluid-10-12) var(--fluid-20-24)}@media screen and (min-width:768px){.collection-plp__back-to-top .button--secondary{background:var(--color-accent);border-color:var(--color-accent)}.collection-plp__back-to-top .button--secondary:hover{background:var(--color-foreground);border-color:var(--color-foreground)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-collection-plp.css.map */