.coll-page{background:var(--color-surface, #f4fbf4);min-height:60vh}.coll-page__header{padding:var(--sp-16) 0 var(--sp-10)}.coll-page__header-inner{max-width:var(--container-xl);margin:0 auto;padding:0 var(--sp-16)}.coll-page__title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,3rem);font-weight:var(--fw-bold);color:var(--color-primary);letter-spacing:-.02em;margin-bottom:var(--sp-3)}.coll-page__desc{font-size:1.125rem;color:var(--color-on-surface-variant);max-width:640px;line-height:1.75}@media(max-width:768px){.coll-page__header{padding:var(--sp-10) 0 var(--sp-6)}.coll-page__header-inner{padding:0 var(--sp-4)}.coll-page__title{font-size:2rem}}.breadcrumbs{margin-bottom:var(--sp-4)}.breadcrumbs__list{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.breadcrumbs__link{font-size:var(--fs-sm);color:var(--color-on-surface-variant);transition:color var(--transition-fast)}.breadcrumbs__link:hover{color:var(--color-primary)}.breadcrumbs__item--separator{font-size:var(--fs-sm);color:var(--color-outline)}.breadcrumbs__current{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--color-primary)}.coll-page__body{padding-bottom:var(--sp-20)}.coll-page__inner{max-width:var(--container-xl);margin:0 auto;padding:0 var(--sp-16);display:flex;gap:var(--sp-10);align-items:start}@media(max-width:1024px){.coll-page__inner{padding:0 var(--sp-4);flex-direction:column}}.coll-sidebar{width:256px;flex-shrink:0;position:sticky;top:calc(var(--header-height, 80px) + 1.5rem);display:flex;flex-direction:column}@media(max-width:1024px){.coll-sidebar{display:none}}.coll-filter{padding:var(--sp-5) 0;border-bottom:1px solid var(--color-outline-variant, #bfc8c8)}.coll-filter:first-child{padding-top:0}.coll-filter:last-child{border-bottom:none}.coll-filter__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;margin-bottom:var(--sp-4);cursor:pointer}.coll-filter__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--fw-semi);color:var(--color-primary)}.coll-filter__toggle svg{width:16px;height:16px;flex-shrink:0;color:var(--color-on-surface-variant);transition:transform var(--transition-fast)}.coll-filter__toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.coll-filter__toggle[aria-expanded=false]+.coll-filter__body{display:none}.coll-filter--impact{border-bottom:1px solid var(--color-outline-variant, #bfc8c8);padding:var(--sp-5) 0}.coll-filter--impact:first-child{padding-top:0}.impact-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--sp-4)}.impact-pill{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--color-outline-variant);font-family:var(--font-heading);font-size:.8125rem;font-weight:var(--fw-semi);color:var(--color-on-surface);text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.impact-pill:hover{background:var(--color-secondary-container);border-color:var(--color-secondary);color:var(--color-on-secondary-container)}.impact-pill--active{background:var(--color-secondary-container);border-color:var(--color-secondary);color:var(--color-on-secondary-container);font-weight:var(--fw-bold)}.filter-list{display:flex;flex-direction:column;gap:var(--sp-3)}.filter-checkbox{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer}.filter-checkbox input[type=checkbox]{width:20px;height:20px;border-radius:4px;border:1.5px solid var(--color-outline);accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.filter-checkbox input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.filter-checkbox__box{display:none}.filter-checkbox__label{font-size:var(--fs-base);color:var(--color-on-surface);flex:1;transition:color var(--transition-fast)}.filter-checkbox:hover .filter-checkbox__label{color:var(--color-primary)}.filter-checkbox__count{font-size:var(--fs-sm);color:var(--color-on-surface-variant)}.filter-range{display:flex;flex-direction:column;gap:var(--sp-3)}.filter-range__track{position:relative;height:6px;background:var(--color-surface-container-highest, #dde4dd);border-radius:var(--radius-full);margin:var(--sp-2) 0}.filter-range__fill{position:absolute;height:100%;background:var(--color-primary);border-radius:var(--radius-full);pointer-events:none}.filter-range__input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.filter-range__labels{display:flex;justify-content:space-between}.filter-range__val{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--color-on-surface-variant)}.coll-filter__apply-btn{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semi);cursor:pointer;transition:opacity var(--transition-fast);align-self:flex-start}.coll-filter__apply-btn:hover{opacity:.85}.coll-main{flex:1;min-width:0}.coll-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8);flex-wrap:wrap;gap:var(--sp-3)}.coll-toolbar__count{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-on-surface-variant)}.coll-toolbar__right{display:flex;align-items:center;gap:var(--sp-4)}.coll-toolbar__sort{display:flex;align-items:center;gap:var(--sp-2)}.coll-toolbar__sort-label{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-on-surface)}.coll-toolbar__sort-select{background:transparent;border:none;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--color-primary);cursor:pointer;padding-right:var(--sp-4)}.coll-toolbar__sort-select:focus{outline:none}.coll-toolbar__filter-btn{display:none;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--color-primary);cursor:pointer}.coll-toolbar__filter-btn svg{width:16px;height:16px}.coll-toolbar__badge{background:var(--color-primary);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.coll-toolbar__filter-btn{display:flex}}.active-filters{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-6)}.active-filter{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-primary);transition:background var(--transition-fast)}.active-filter svg{width:12px;height:12px}.active-filter:hover{background:var(--color-surface-container)}.active-filter--clear{background:none;border-color:var(--color-primary)}.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}@media(max-width:1024px){.coll-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.coll-grid{grid-template-columns:1fr}}.coll-card{background:var(--color-white, #fff);border-radius:1rem;box-shadow:0 20px 40px -15px #0044460a;overflow:hidden;position:relative;transition:box-shadow .5s ease,transform .5s ease;display:flex;flex-direction:column}.coll-card:hover{box-shadow:0 30px 60px -15px #00444614;transform:translateY(-2px)}.coll-card__media-wrap{position:relative;margin:1rem;border-radius:.75rem;overflow:hidden;aspect-ratio:4 / 5;background:var(--color-surface-container, #e9f0e9)}.coll-card__media-link{display:block;width:100%;height:100%}.coll-card__img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;display:block}.coll-card:hover .coll-card__img{transform:scale(1.05)}.coll-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.25}.coll-card__placeholder svg{width:48px;height:48px}.coll-card__badge{position:absolute;top:1rem;left:1rem;border-radius:var(--radius-full);padding:.25rem .75rem;font-family:var(--font-heading);font-size:.8125rem;font-weight:var(--fw-semi);letter-spacing:.03em;line-height:1}.coll-card__badge--dark{background:#28422c;color:#fff}.coll-card__badge--teal{background:#1a5c5e;color:#95d2d4}.coll-card__badge--sage{background:var(--color-secondary-container, #c4eac2);color:var(--color-on-secondary-container, #496a4b)}.coll-card__badge--sale{background:var(--color-primary, #004446);color:#fff}.coll-card__body{padding:.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.coll-card__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.coll-card__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:var(--fw-semi);color:var(--color-on-surface);line-height:1.35}.coll-card__title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.coll-card__title a:hover{color:var(--color-primary)}.coll-card__price{font-family:var(--font-heading);font-size:1.125rem;font-weight:var(--fw-bold);color:var(--color-primary);white-space:nowrap;flex-shrink:0}.coll-card__stars{display:flex;align-items:center;gap:2px}.coll-card__star{color:var(--color-outline, #6f7979);display:flex}.coll-card__star svg{width:18px;height:18px}.coll-card__star--filled{color:var(--color-secondary, #456647)}.coll-card__review-count{margin-left:.375rem;font-size:.8125rem;color:var(--color-on-surface-variant)}.coll-card__atc{display:block;width:100%;padding:.75rem 1rem;background:var(--color-primary, #004446);color:#fff;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:1rem;font-weight:var(--fw-semi);text-align:center;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s,background .3s;margin-top:auto}.coll-card__atc:hover:not(:disabled){opacity:.9}.coll-card__atc:active:not(:disabled){transform:scale(.98)}.coll-card__atc--added{background:var(--color-secondary, #456647)}.coll-card__atc--disabled{background:var(--color-outline, #6f7979);cursor:not-allowed;opacity:.6}.collection-empty{grid-column:1 / -1;text-align:center;padding:6rem 2rem;color:var(--color-on-surface-variant)}.collection-empty__icon{color:var(--color-primary);opacity:.2;margin-bottom:var(--sp-4)}.collection-empty__icon svg{width:64px;height:64px}.collection-empty__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:var(--fw-bold);color:var(--color-primary);margin-bottom:var(--sp-2)}.collection-empty__body{font-size:var(--fs-base)}.collection-empty__body a{color:var(--color-primary);text-decoration:underline}.pagination{margin-top:var(--sp-16);display:flex;justify-content:center}.pagination__list{display:flex;align-items:center;gap:var(--sp-2)}.pagination__link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--color-on-surface);transition:background var(--transition-fast),color var(--transition-fast)}.pagination__link:hover{background:var(--color-surface-container)}.pagination__link--current{background:var(--color-primary);color:#fff}.pagination__link--current:hover{background:var(--color-primary);opacity:.9}.pagination__link--prev,.pagination__link--next{border:1px solid var(--color-outline-variant)}.pagination__link--prev svg,.pagination__link--next svg{width:20px;height:20px}.pagination__ellipsis{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);color:var(--color-on-surface-variant)}.filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer, 500);background:var(--color-white);transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;max-width:360px}.filter-drawer.is-open{transform:translate(0)}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--color-outline-variant)}.filter-drawer__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--fw-bold);color:var(--color-primary)}.filter-drawer__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface-container-low);color:var(--color-on-surface);cursor:pointer}.filter-drawer__close svg{width:18px;height:18px}.filter-drawer__body{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-6)}.filter-drawer__footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--color-outline-variant);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
/*# sourceMappingURL=/cdn/shop/t/28/assets/collection.css.map */