.shop-grid{padding:var(--space-l) 0;background:var(--color-white)}.shop-grid__filters{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding-wide);margin-bottom:var(--space-m);display:flex;flex-wrap:wrap;gap:6px}.shop-grid>.shop-grid__grid,.shop-grid__filters{margin-top:var(--space-m)}.shop-grid__filters+.shop-grid__grid{margin-top:0}.shop-grid__filter-btn{padding:4px 14px;border:1px solid var(--color-gray-300);border-radius:var(--radius-s);background:var(--color-white);color:var(--color-text);cursor:pointer;transition:all .15s ease;font-size:var(--text-small)}.shop-grid__filter-btn--active,.shop-grid__filter-btn:hover{border-color:var(--color-primary)}.shop-grid__filter-btn--active{background:var(--color-primary);color:var(--color-white)}.shop-grid__grid{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding-wide);display:grid;grid-gap:var(--space-m);gap:var(--space-m);grid-template-columns:1fr}@media (min-width:576px){.shop-grid__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.shop-grid__grid--3-cols,.shop-grid__grid--4-cols{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.shop-grid__grid--4-cols{grid-template-columns:repeat(4,1fr)}}.shop-grid__card{border-radius:var(--radius-s);display:flex;flex-direction:column;opacity:0;transition:opacity .8s ease;transition-delay:calc(.06s * var(--card-index))}.shop-grid__grid--visible .shop-grid__card{opacity:1}.shop-grid__card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1 1}.shop-grid__card-image{aspect-ratio:1;overflow:hidden;background:var(--color-gray-200)}.shop-grid__card-image img{width:100%;height:100%;object-fit:cover}.shop-grid__card-placeholder{width:100%;height:100%;background:var(--color-gray-200)}.shop-grid__card-content{padding-block:var(--space-s);padding-inline:0;display:flex;flex-direction:column;flex:1 1}.shop-grid__card-title{margin-bottom:var(--space-xs);overflow-wrap:anywhere;word-break:break-word}.shop-grid__card-price{color:var(--color-text-muted)}.shop-grid__card-price-original{margin-left:4px}.shop-grid__card-price-current{font-weight:var(--weight-semibold)}.shop-grid__card-price-original{text-decoration:line-through}.shop-grid__card-btn{--btn-text-color:var(--color-text);margin-top:auto;align-self:flex-start;gap:4px}.shop-grid__empty,.shop-grid__no-results{text-align:center;color:var(--color-text-muted);padding:var(--space-m) var(--container-padding)}