/* Блок «Самые активные кулинары» (главная). Подключается только внутри блока. Цвета из переменных design.css */
.at-wrap{margin:1.5rem 0;container-type:inline-size}
.page-main .at-wrap .at-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 0 1rem;font-weight:800;font-size:1.9rem;line-height:1.15;color:var(--text);text-align:center}
.at-title::before,.at-title::after{content:"";flex:0 1 90px;height:2px;background:var(--saffron)}
.at-title em{font-style:normal;color:var(--tomato)}
.at-box{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-end;gap:.9rem;min-height:230px;justify-content:center;padding:1.2rem 1.5rem 1.2rem 240px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(100deg,#fff4e6,#fffbf5 45%,#fff);box-shadow:0 6px 24px rgba(0,0,0,.07)}
.at-deco{position:absolute;left:0;top:0;height:100%;width:240px;object-fit:cover;object-position:left center;pointer-events:none;filter:drop-shadow(4px 2px 4px rgba(70,45,20,.22)) drop-shadow(10px 6px 12px rgba(70,45,20,.16));-webkit-mask-image:linear-gradient(90deg,#000 72%,transparent);mask-image:linear-gradient(90deg,#000 72%,transparent)}
.at-list{position:relative;display:flex;flex-wrap:wrap;justify-content:center;row-gap:1.4rem;width:100%}
.at-card{flex:0 0 20%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none}
.at-box .at-card,.at-box .at-card:visited{color:var(--text)}
.at-card+.at-card{border-left:1px solid var(--line-strong)}
.at-card:nth-child(5n+1){border-left:0}
.at-ava{position:relative;width:84px;height:84px}
.at-ava>img:first-child{display:block;width:100%;height:100%;box-sizing:border-box;border:3px solid var(--saffron);border-radius:50%;object-fit:cover}
.at-ava>img+img{position:absolute;top:-6px;right:-10px;width:28px;height:28px}
.at-name{font-weight:800;font-size:1.1rem}
.at-cnt{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:999px;background:rgba(242,163,58,.2);font-size:.8rem;font-weight:700;white-space:nowrap}
.at-cnt::before{content:"";width:18px;height:15px;background:var(--tomato);-webkit-mask:url(/pics/icons/pot.svg) center/contain no-repeat;mask:url(/pics/icons/pot.svg) center/contain no-repeat}
.at-box .at-more{position:relative;padding:.55rem 1.5rem;border-radius:999px;background:var(--green);color:#fff}
.at-box .at-more:hover,.at-box .at-more:focus{background:var(--green-dark);color:#fff;text-decoration:none}
@container (max-width:919px){.at-box{padding-left:215px}.at-deco{width:215px}.at-cnt::before{display:none}}
@container (max-width:759px){.at-deco{display:none}.at-box{padding-left:1.5rem}}
@media(max-width:700px){.page-main .at-wrap .at-title{font-size:1.4rem}.at-title{gap:.5rem}.at-title::before,.at-title::after{flex-basis:14px}.at-deco{display:none}.at-box{align-items:center;padding:1rem}.at-box{min-height:0}.at-card:nth-child(n+4){display:none}.at-card{flex-basis:33.33%}.at-card{gap:.4rem}.at-cnt{padding:.25rem .5rem;font-size:.75rem}.at-cnt::before{display:none}.at-ava{width:64px;height:64px}.at-ava>img+img{width:22px;height:22px;top:-4px;right:-8px}}
@media(max-width:360px){.at-cnt{padding:.2rem .35rem;font-size:.68rem}.at-name{font-size:.95rem}}