.shop-grid{background-color:var(--color-grey);padding-block:3rem var(--section-pad-v)}.shop-grid__layout{display:grid;grid-template-columns:0fr 1fr;gap:0;transition:grid-template-columns .35s cubic-bezier(0.22, 1, 0.36, 1),gap .35s cubic-bezier(0.22, 1, 0.36, 1);align-items:start}@media(width <= 62.499rem){.shop-grid__layout{display:block}}.shop-grid__panel-wrap{min-width:0;overflow:hidden;opacity:0;transform:translateX(-12%);transition:opacity .25s ease 0s,transform .35s cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none}@media(width <= 62.499rem){.shop-grid__panel-wrap{position:fixed;inset:0;z-index:calc(var(--highest-z-index, 2147483647) - 5);background-color:rgba(21,41,58,.5);backdrop-filter:blur(2px);transform:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;overflow-y:auto}.shop-grid__panel-wrap>.filter-panel{width:100%;height:100%;margin-left:0;border-radius:0;border-left:0;border-right:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(0.22, 1, 0.36, 1)}}.shop-grid__main{min-width:0}.shop-grid[data-filters-open=true] .shop-grid__layout{grid-template-columns:minmax(16rem, 18rem) 1fr;gap:2rem}.shop-grid[data-filters-open=true] .shop-grid__panel-wrap{opacity:1;transform:translateX(0);pointer-events:auto;transition:opacity .25s ease .1s,transform .4s cubic-bezier(0.22, 1, 0.36, 1) .05s}@media(width <= 62.499rem){.shop-grid[data-filters-open=true] .shop-grid__panel-wrap{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s linear}.shop-grid[data-filters-open=true] .shop-grid__panel-wrap>.filter-panel{transform:translateX(0)}}.shop-grid[data-filters-open=true] .shop-grid__items{grid-template-columns:repeat(2, 1fr)}@media(width <= 78.125rem){.shop-grid[data-filters-open=true] .shop-grid__items{grid-template-columns:1fr}}.shop-grid.is-loading .shop-grid__items{opacity:.6;transition:opacity .15s ease;pointer-events:none}.shop-grid__count{font-size:var(--font-size-body-sm);color:var(--color-navy-lighter);margin-bottom:1.5rem}.shop-grid__items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;transition:grid-template-columns .35s cubic-bezier(0.22, 1, 0.36, 1)}@media(width <= 62.499rem){.shop-grid__items{grid-template-columns:repeat(2, 1fr)}}@media(width <= 46.875rem){.shop-grid__items{grid-template-columns:1fr}}.shop-grid__item{display:flex;flex-direction:column}.shop-grid__pagination{display:flex;gap:.5rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.shop-grid__page{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-body-sm);font-weight:600;color:var(--color-navy);text-decoration:none;background-color:var(--color-white);transition:background-color .2s ease}@media(pointer: fine){.shop-grid__page:hover{background-color:var(--color-grey)}}.shop-grid__page.is-current{background-color:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.shop-grid__empty{text-align:center;padding-block:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.shop-grid__empty p{color:var(--color-navy-lighter);margin:0}.shop-grid__empty-heading{font-size:var(--font-size-h3);color:var(--color-navy);margin:0}.filter-panel{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:.5rem;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:5rem;max-height:calc(100vh - 6rem);overflow-y:auto}@media(width <= 62.499rem){.filter-panel{top:0;max-height:100vh}}.filter-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.filter-panel__title{font-family:var(--font-heading);font-size:1.125rem;margin:0;color:var(--color-navy)}.filter-panel__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:rgba(0,0,0,0);border:1px solid var(--color-border);border-radius:4px;color:var(--color-navy);cursor:pointer;transition:background-color .2s ease}@media(pointer: fine){.filter-panel__close:hover{background-color:var(--color-grey)}}.filter-panel__active{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.filter-panel__active-row{display:flex;justify-content:space-between;align-items:baseline}.filter-panel__active-label{color:var(--color-navy-lighter);font-family:var(--font-label);font-size:.625rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.filter-panel__clear{background:none;border:0;padding:0;font-family:var(--font-label);font-size:.625rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy-lighter);cursor:pointer;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:2px;transition:color .2s ease}@media(pointer: fine){.filter-panel__clear:hover{color:var(--color-navy)}}.filter-panel__active-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.375rem}.filter-panel__active-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .625rem;background-color:var(--color-navy);color:var(--color-white);border-radius:999px;font-size:.75rem;font-weight:600}.filter-panel__active-pill button{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:hsla(0,0%,100%,.18);border:0;border-radius:999px;color:var(--color-white);cursor:pointer;line-height:1;font-size:.875rem}@media(pointer: fine){.filter-panel__active-pill button:hover{background:hsla(0,0%,100%,.32)}}.filter-panel__body{display:flex;flex-direction:column;gap:.25rem}.filter-panel__group{border-bottom:1px solid var(--color-border);padding-block:.5rem}.filter-panel__group:last-of-type{border-bottom:0}.filter-panel__group[open] .filter-panel__chevron{transform:rotate(180deg)}.filter-panel__group-title{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-block:.5rem;font-family:var(--font-label);font-size:var(--font-size-overline-lg);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-navy)}.filter-panel__group-title::-webkit-details-marker{display:none}@media(pointer: fine){.filter-panel__group-title:hover{color:var(--color-navy-lighter)}}.filter-panel__chevron{flex-shrink:0;color:var(--color-navy-lighter);transition:transform .2s ease}.filter-panel__checks{display:flex;flex-direction:column;gap:.125rem;padding-top:.5rem;padding-bottom:.75rem}.filter-panel__check{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.625rem;padding:.4rem .5rem;border-radius:4px;cursor:pointer;font-size:var(--font-size-body-sm);color:var(--color-navy)}@media(pointer: fine){.filter-panel__check:hover{background-color:var(--color-grey)}}.filter-panel__check input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.filter-panel__check-box{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1px solid var(--color-border);border-radius:3px;background-color:var(--color-white);color:rgba(0,0,0,0);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.filter-panel__check-box svg{display:block}.filter-panel__check:has(input:checked) .filter-panel__check-box{background-color:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}.filter-panel__check:has(input:focus-visible) .filter-panel__check-box{outline:2px solid var(--color-navy);outline-offset:2px}.filter-panel__check-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-panel__check-count{font-size:.75rem;color:var(--color-navy-lighter);background-color:var(--color-grey);padding:.125rem .5rem;border-radius:999px;min-width:1.5rem;text-align:center}.filter-panel__range{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:end;padding-top:.5rem;padding-bottom:.75rem}.filter-panel__range-field{position:relative;display:flex;flex-direction:column;gap:.25rem}.filter-panel__range-field input{width:100%;padding:.5rem .625rem;font-family:var(--font-body);font-size:var(--font-size-body-sm);color:var(--color-navy);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:4px;outline:none;transition:border-color .2s ease}.filter-panel__range-field input::placeholder{color:var(--color-navy-lighter)}.filter-panel__range-field input:focus{border-color:var(--color-navy)}.filter-panel__range-field input::-webkit-outer-spin-button,.filter-panel__range-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.filter-panel__range-field input{-moz-appearance:textfield;appearance:textfield}.filter-panel__range-field--prefix input{padding-left:1.25rem}.filter-panel__range-field--suffix input{padding-right:1.75rem}.filter-panel__range-label{font-family:var(--font-label);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-navy-lighter)}.filter-panel__range-prefix,.filter-panel__range-suffix{position:absolute;bottom:0;height:2.125rem;display:inline-flex;align-items:center;font-size:var(--font-size-body-sm);color:var(--color-navy-lighter);pointer-events:none}.filter-panel__range-prefix{left:.5rem}.filter-panel__range-suffix{right:.5rem}.filter-panel__range-sep{align-self:end;padding-bottom:.5rem;color:var(--color-navy-lighter)}.filter-panel__foot{display:none;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}.filter-panel__foot .btn{flex:1}@media(width <= 62.499rem){.filter-panel__foot{display:flex;position:sticky;bottom:0;background-color:var(--color-white);margin-block:0 -1.25rem;margin-inline:-1.25rem;padding-inline:1.25rem;padding-bottom:1.25rem}}