.products-filters{align-items:center;display:grid;gap:28px;grid-template-columns:1fr auto}.products-filters__parent-category{display:flex;gap:8px;overflow:hidden;position:relative}.products-filters__parent-category:after{background:linear-gradient(90deg,#edede300,#eeeee4);content:"";height:100%;position:absolute;right:0;top:0;width:48px}.products-filters__parent-category__button{border:1px solid #a0a095;border-radius:50px;color:#898980;cursor:pointer;font-family:var(--didact);font-size:.9rem;font-weight:400;padding:8px 20px;word-wrap:nowrap;white-space:nowrap}.products-filters__parent-category__button.active{background:#cecec0;color:#444440}.products-filters__parent-category__button:hover{background:#d6d6cd;color:#444440}.products-filters__controls{display:flex;gap:8px}.products-filters__controls .control-button{align-items:center;border:1px solid #222;color:#222;cursor:pointer;display:flex;font-family:var(--didact);justify-content:center;transition:.2s ease-in-out}.products-filters__controls .control-button:hover{background:#222;color:#fff}.products-filters__scroll-categories{border-radius:50%;height:37px;width:37px}.products-filters__sort-by{border-radius:50px;font-size:.9rem;font-weight:400;padding:8px 20px}.products-filters__sort-by i{font-weight:400;margin-left:4px}.products-grid{background:#a0a095;border:1px solid #a0a095;border-radius:16px;display:grid;gap:1px;grid-template-columns:repeat(4,1fr);overflow:hidden}@media screen and (max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.products-grid{grid-template-columns:repeat(1,1fr)}}.products-grid__product{background:#eeeee4;padding:16px;width:100%}.products-grid__product__packshot{align-items:center;aspect-ratio:1;background:#e5e5d6;display:flex;font-size:0;justify-content:center;margin-bottom:16px;position:relative}.products-grid__product__packshot .packshot{height:auto;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.products-grid__product__packshot .packshot-2,.products-grid__product__packshot:hover .packshot-1{display:none}.products-grid__product__packshot:hover .packshot-2{display:block}.products-grid__product__details h3{font-family:var(--roboto);font-size:1rem;font-weight:400;margin:0}.products-grid__product__details__price{font-size:.9rem;font-weight:400;margin-top:8px;opacity:.6}