.producers-nav{display:flex;flex-wrap:wrap;gap:5px}.producers-nav-item{line-height:1;display:grid;place-items:center;border-radius:2.3rem;position:relative;height:4.6rem;width:4.6rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.producers-nav-item::before{content:"";display:block;position:absolute;inset:0;border-radius:2.3rem;z-index:-1;background-color:#fff;border:2px solid var(--black-15)}.producers-nav-item:hover::before,.producers-nav-item:focus::before,.producers-nav-item:active::before{border-color:var(--black-20)}.producers-group{border-block-end:1px solid #e8eaec;padding-block-end:20px}@media(min-width: 576px){.producers-group{display:flex;padding-block-start:20px}}.producers-group-name{align-items:center;display:flex;height:60px;line-height:1;margin:0;scroll-margin-block:calc(var(--top-nav-height) + var(--content-offset, 0px))}@media(min-width: 576px){.producers-group-name{min-width:40px}}@media(min-width: 992px){.producers-group-name{scroll-margin-block:var(--content-offset, 0)}}.producers-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));grid-gap:1px;margin:0}@media(min-width: 480px){.producers-list{grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}}@media(min-width: 576px){.producers-list{flex:1}}.producers-item{box-sizing:border-box;flex:1;height:14vw;max-height:60px;padding:5px}@media(min-width: 576px){.producers-link{text-align:center}}.producers-link,.producers-link picture{align-items:center;display:flex;height:100%;justify-content:center}.producers-link img{display:block;max-height:100%}