/* Products archive — measured from the Release collection page (desktop 1920 / mobile 390). */
.relw-archive{position:relative;padding:32px 0 96px;background:rgb(248,248,248);color:rgb(17,17,17);font-family:var(--relw-font)}
.relw-archive__wrap{padding:0 var(--relw-gutter)}
.relw-archive a{color:inherit;text-decoration:none}

/* toolbar */
.relw-archive__toolbar{display:flex;align-items:flex-start;gap:0;padding-bottom:24px;position:relative}
.relw-tb-btn,.relw-tb-btn:hover,.relw-tb-btn:focus{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:52px;padding:16px 24px;font:400 14px/17.5px var(--relw-font);color:rgb(17,17,17);background:rgb(248,248,248);border:1px solid rgb(235,235,235);border-radius:8px;cursor:pointer;text-transform:capitalize;box-shadow:none}
.relw-tb-btn .relw-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1;transition:transform .3s}
.relw-count{order:2;margin-inline-end:auto;display:flex;flex-direction:column;justify-content:center;height:52px;padding-inline-start:24px;margin-inline-start:24px;border-inline-start:1px solid rgb(235,235,235)}
.relw-count__label{font-size:12px;line-height:18px;color:rgba(17,17,17,.5)}
.relw-count__value{font-size:14px;line-height:21px}
.relw-filters-open{order:1}
.relw-sort{order:3;position:relative}
.relw-sort__btn{min-width:161px}
.relw-sort__list{display:none;position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:100%;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid rgb(235,235,235);border-radius:8px;white-space:nowrap}
.relw-sort.is-open .relw-sort__list{display:block}
.relw-sort.is-open .relw-chev{transform:rotate(180deg)}
.relw-sort__list a{display:block;padding:10px 24px;font-size:14px;line-height:17.5px}
.relw-sort__list a:hover,.relw-sort__list [aria-selected=true] a{background:rgba(17,17,17,.05)}

/* grid */
.relw-grid{display:grid;grid-template-columns:repeat(var(--relw-cols,4),minmax(0,1fr));column-gap:24px;row-gap:72px}
.relw-loadmore{display:flex;justify-content:center;margin-top:64px}
.relw-archive .relw-loadmore__btn{min-width:180px;text-align:center}
.relw-empty{padding:88px 0;text-align:center;font-size:14px}
.relw-empty a{text-decoration:underline}
.relw-archive.is-loading .relw-archive__results{opacity:.45;pointer-events:none;transition:opacity .2s}

/* filters drawer */
.relw-filters{position:fixed;inset:0;z-index:2000;visibility:hidden}
.relw-filters[hidden]{display:block}
.relw-filters.is-open{visibility:visible}
.relw-filters__overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}
.relw-filters.is-open .relw-filters__overlay{opacity:1}
.relw-filters__panel{position:absolute;top:0;bottom:0;left:0;width:600px;max-width:100%;padding:64px 72px 64px 36px;overflow-y:auto;background:#fff;color:rgb(17,17,17);transform:translateX(-100%);transition:transform .3s cubic-bezier(0,0,.24,1)}
.relw-filters.is-open .relw-filters__panel{transform:none}
.relw-filters .relw-filters__close,.relw-filters .relw-filters__close:hover{position:absolute;top:24px;right:36px;width:24px;height:24px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.relw-filters__close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1}
.relw-filters__form{display:flex;flex-direction:column;min-height:100%}
.relw-filters__title{margin:0 0 32px;font-size:32px;line-height:40px;font-weight:400;letter-spacing:-.04em}
.relw-acc{border-bottom:1px solid rgb(235,235,235);padding:24px 0}
.relw-acc:first-of-type{padding-top:0}
.relw-acc summary{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:16px;line-height:16px;letter-spacing:-.64px;cursor:pointer;list-style:none}
.relw-acc summary::-webkit-details-marker{display:none}
.relw-acc .relw-chev{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1;transform:rotate(180deg);transition:transform .3s}
.relw-acc:not([open]) .relw-chev{transform:none}
.relw-price{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:24px}
.relw-price label>span:first-child{display:block;margin-bottom:8px;font-size:10px;line-height:12.5px;letter-spacing:1.4px;text-transform:uppercase}
.relw-input{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border:1px solid rgb(235,235,235);border-radius:8px}
.relw-input i{font-style:normal;font-size:14px}
.relw-input input{flex:1;min-width:0;height:100%;padding:0;font:400 12px/18px var(--relw-font);color:inherit;background:none;border:0;outline:0;box-shadow:none}
.relw-opts{list-style:none;margin:0;padding:24px 0 0;display:flex;flex-direction:column;row-gap:10px}
.relw-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:10px;line-height:16px;letter-spacing:1.6px;text-transform:uppercase}
.relw-check input{position:absolute;opacity:0;pointer-events:none}
.relw-check__box{flex:none;width:14px;height:14px;border:1px solid rgb(206,206,206);background:var(--sw,#fff);position:relative}
.relw-check--swatch .relw-check__box{border-color:rgba(17,17,17,.15)}
.relw-check input:checked + .relw-check__box{outline:1px solid rgb(17,17,17);outline-offset:2px}
.relw-check:not(.relw-check--swatch) input:checked + .relw-check__box{background:rgb(17,17,17);border-color:rgb(17,17,17)}
.relw-filters__actions{margin-top:auto;padding-top:48px;display:flex;flex-direction:column;gap:10px}
.relw-filters__actions .relw-btn{display:block;width:100%;height:44px;padding:16px 24px;text-align:center;line-height:10px}

@media (max-width:1199px){.relw-grid{--relw-cols:3}}
@media (max-width:989px){.relw-archive{padding-top:24px}}
@media (max-width:749px){
  .relw-archive{padding:24px 0 72px}
  .relw-archive__wrap{padding:0 16px}
  .relw-archive__toolbar{flex-wrap:wrap;gap:8px;padding-bottom:24px}
  .relw-filters-open,.relw-sort{flex:1 1 calc(50% - 4px)}
  .relw-filters-open,.relw-sort__btn{width:100%}
  .relw-count{order:4;flex:1 1 100%;height:auto;margin:4px 0 0;padding:0;border:0;flex-direction:row;gap:4px;align-items:baseline}
  .relw-count__label{font-size:12px}.relw-count__value{font-size:12px;line-height:18px}
  .relw-grid{--relw-cols:2;column-gap:16px;row-gap:24px}
  .relw-loadmore{margin-top:40px}
  .relw-filters__panel{width:100%;padding:56px 16px 32px}
}
@media (prefers-reduced-motion:reduce){.relw-filters__panel,.relw-filters__overlay{transition:none}}