main > section.title { padding: 10px 20px 5px; background: rgb(var(--spacer)); } .products-list { padding: 30px 20px; border-bottom: 30px solid rgb(var(--spacer)); } .products-list > div.ajaxContent { margin: 0 auto; display: inline-grid; text-align: center; gap: 35px; } .products-list > div.ajaxContent.loading { min-height: 400px; position: relative; } .products-list > div.ajaxContent.loading::after { content: ""; position: absolute; inset: 0; background: var(--loadingSVG) no-repeat center / 100px; cursor: wait; opacity: 0.75; } .products-list > div.ajaxContent.loading .button { filter: saturate(0%); opacity: 0.5; } .backToProducerLink { margin: 25px 0 0; font-size: 0.9em; } .products-list .item { text-align: left; overflow: hidden; display: flex; flex-flow: column; gap: 10px; } @media (min-width: 900px) { .products-list > div.ajaxContent { grid-template-columns: 1fr 1fr; gap: 50px; } .products-list .item { max-width: calc(var(--max-width) / 2 - 25px); } } @media (min-width: 1260px) { .products-list > div.ajaxContent { grid-template-columns: 1fr 1fr 1fr; } } .products-list .item .item-image { display: block; width: 100%; background: rgba(var(--overlay), 0.07); text-align: center; border-radius: 3px; line-height: 0; overflow: hidden; } .products-list .item .item-image img { width: 100%; max-width: 400px; aspect-ratio: 16/10; object-fit: cover; object-position: center; } .products-list .item h3 { margin: 5px 0 0 0; } .products-list .item > strong { display:block; font-size:1em; font-weight:500; } .products-list .item > small { display:block; } .products-list .item > small br { content: ""; display: block; margin-bottom: 4px; } .products-list .item > small.descr-box { max-height: 150px; } .products-list .item > small.descr-box.short { max-height: 100px; }
