.container.shop{flex-direction:column;align-items:center;gap:5rem;display:flex;position:relative}.container.shop #products{flex-flow:wrap;justify-content:center;gap:1.5rem;margin:0;padding:0;scroll-margin-block:7rem;list-style:none;display:flex}.container.shop #products .item{border-radius:var(--radius-lg);background-color:var(--background-color-secondary);flex-direction:column;justify-content:flex-start;align-items:flex-start;width:20rem;height:100%;display:flex;position:relative;overflow:hidden}.container.shop #products .item:focus-within .thumb img{transform:scale(1.06)rotate(-.6deg)}@media (hover:hover) and (pointer:fine){.container.shop #products .item:hover .thumb img{transform:scale(1.06)rotate(-.6deg)}}.container.shop #products .item .thumb{background-image:radial-gradient(circle,var(--background-color-secondary)0%,var(--background-color-secondary)42%,var(--background-color-primary)100%);width:100%;min-height:14rem;transition:opacity var(--duration-standard)var(--ease-fluid);flex:1;display:flex;position:relative;overflow:hidden}.container.shop #products .item .thumb img{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform var(--duration-fast)var(--ease-fluid);will-change:transform}.container.shop #products .item .content{flex-direction:column;width:100%;padding:.75rem 1.125rem;display:flex;position:relative}.container.shop #products .item .content h2{color:var(--color-display)}.container.shop #products .item .content .price{font-family:var(--font-mono)}.container.shop #products .item .content .item-ribbon{border-radius:var(--radius-sm);background-color:var(--orange);color:var(--background-color-primary);text-transform:uppercase;padding:.375rem;font-size:.625rem;font-weight:700;line-height:1;position:absolute;top:0;right:1.125rem;transform:translateY(-50%)}@media (max-width:60rem){.container.shop #products{flex-direction:column}.container.shop #products .item{width:100%}}