/* Новинки: плитка pl-card из сетки товаров; колонки наследует от .pl-grid (4 / 3 при ≤1100 / 5 при ≥1700 / 2 при ≤600) */
.na{margin:48px 0 16px}
.na h2{font-size:var(--fs-h2,24px);margin:0 0 4px}
.na .na-grid{margin-top:16px}
.na-grid>.pl-card:nth-child(n+9){display:none}
@media (max-width:1100px){.na-grid>.pl-card:nth-child(n+7){display:none}}
@media (min-width:1700px){.na-grid>.pl-card:nth-child(n+9){display:block}.na-grid>.pl-card:nth-child(n+11){display:none}}
/* страницы разделов и групп: одна строка (товары раздела остаются на первом экране), на телефоне — та же лента */
.na-s .na-grid>.pl-card:nth-child(n+5){display:none}
@media (max-width:1100px){.na-s .na-grid>.pl-card:nth-child(n+4){display:none}}
@media (min-width:1700px){.na-s .na-grid>.pl-card:nth-child(n+5){display:block}.na-s .na-grid>.pl-card:nth-child(n+6){display:none}}
/* телефон: горизонтальная лента, 12 плиток, край следующей плитки виден */
@media (max-width:600px){
 .na{margin-top:36px}
 .na .na-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  margin:16px calc(-1*var(--edge-m,16px)) 0;padding:0 var(--edge-m,16px) 12px;scroll-padding-left:var(--edge-m,16px);overscroll-behavior-x:contain}
 .na-grid>.pl-card,.na-grid>.pl-card:nth-child(n+7),.na-grid>.pl-card:nth-child(n+9),.na-s .na-grid>.pl-card:nth-child(n+4),.na-s .na-grid>.pl-card:nth-child(n+5),.na-s .na-grid>.pl-card:nth-child(n+6){display:block;flex:0 0 42vw;max-width:220px;scroll-snap-align:start}
 .na-grid>.pl-card:nth-child(n+13),.na-s .na-grid>.pl-card:nth-child(n+13){display:none}
}
