.shop{display:grid;grid:var(--product-grid, none);gap:var(--product-gap, 1.5rem);align-items:start}@media screen and (min-width: 1024px){.shop{--product-grid: "shop-side" "shop-list" / minmax(0, .2fr) minmax(0, .8fr);--product-gap: 0}}@media screen and (min-width: 1024px){.shop-side{position:sticky;inset-block-start:8rem}}.sidebar .filterToggle{font-size:14px;position:relative;display:inline-block}@media (hover: hover){.sidebar .filterToggle:hover{cursor:pointer}}.sidebar .filterToggle:before,.sidebar .filterToggle:after{content:"";display:block;position:absolute;width:5px;height:1px;background-color:var(--color-black);transition:transform .75s ease}.sidebar .filterToggle:before{right:2px;top:55%;transform-origin:left;transform:translateY(-50%) rotate(45deg)}.sidebar .filterToggle:after{right:0;top:55%;transform-origin:right;transform:translateY(-50%) rotate(-45deg)}@media screen and (min-width: 760px){.sidebar .filterToggle{display:none}}.sidebar .filterToggle.is-active:before{transform:translateY(-50%) rotate(-45deg)}.sidebar .filterToggle.is-active:after{transform:translateY(-50%) rotate(45deg)}.sidebar .filterToggle.is-active~.list{height:auto;max-height:300px}.sidebar .list{max-height:0;transition:all .75s ease;overflow:hidden}@media screen and (min-width: 760px){.sidebar .list{height:auto;max-height:300px}}.sidebar .list .item a{display:inline-block}.sidebar .list .item a:before{content:"";display:inline-block;width:0;height:1px;border-top:1px solid var(--color-black);margin-right:5px;transition:width .45s ease}@media (hover: hover){.sidebar .list .item a:hover:before{width:20px}}.sidebar .list .item a.is-active:before{width:20px}