.catalogue-grid{background:var(--ink);display:grid;gap:var(--border)}@media (min-width:48rem){.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.product{align-items:center;background:var(--paper);color:var(--ink);column-gap:1rem;display:grid;grid-template-areas:"top top top" "mark name go" "mark does go";grid-template-columns:auto minmax(0,1fr) auto;padding:1.125rem var(--pad) 1.25rem;position:relative;text-decoration:none;transition:background-color .16s}.product:hover{background:var(--white)}.product:focus-visible{outline:3px solid var(--red);outline-offset:-4px}.product-top{display:flex;grid-area:top;justify-content:space-between;margin-bottom:.75rem}.product-mark{display:grid;filter:grayscale(1) contrast(1.2);font-size:2.5rem;grid-area:mark;height:3.5rem;line-height:1;place-items:center;transition:filter .2s,transform .2s;width:3.5rem}.product:hover .product-mark{filter:none;transform:rotate(-6deg) scale(1.08)}.product-mark img{height:100%;object-fit:contain;width:100%}@media (min-width:48rem){.product-mark{font-size:4.25rem;height:6.5rem;justify-self:center;margin-block:1.25rem;width:6.5rem}}.product-name{align-self:end;font-size:1.5rem;grid-area:name}.product-does{align-self:start;color:var(--muted);font-size:.875rem;grid-area:does;line-height:1.4;margin-top:.25rem}.product-go{align-self:end;grid-area:go}.shelf{border-top:var(--border) solid var(--ink);display:flex;flex-direction:column;gap:1rem;padding:1rem var(--pad)}@media (min-width:48rem){.shelf{align-items:center;flex-direction:row;justify-content:space-between}}.shelf-carousel{gap:.25rem}.shelf-carousel,.shelf-items{align-items:center;display:flex;min-width:0}.shelf-items{gap:.75rem;overflow-x:auto;padding:.5rem .25rem;scroll-snap-type:x mandatory;scrollbar-width:none}.shelf-items::-webkit-scrollbar{display:none}.shelf-item{scroll-snap-align:start}.shelf-control{background:none;border:0;color:var(--ink);cursor:pointer;flex:0 0 2rem;font-size:1rem;height:2rem;opacity:.35;transition:opacity .15s}.shelf-control:hover{opacity:1}.shelf-control:disabled{visibility:hidden}