/* ==========================================================================
   «Поддерживаемые платформы» — логотипы в стеклянных плитках с подписью
   (выбор владельца 2026-09-26, вариант 1). Блок по центру и с равным
   воздухом сверху (до тарифов) и снизу (до «Вопросов»).
   ========================================================================== */

.devices-strip.pl { display: grid; justify-items: center; text-align: center; gap: var(--s-4); margin-inline: auto; }
.tile.tariffs { padding-bottom: 0; }
.tariffs .devices-strip.pl { margin-top: clamp(3.5rem, 2rem + 4.5vw, 6rem); padding-top: 0; } /* столько же, сколько отступ «Вопросов» сверху */

.pl-list { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s-3); margin: 0; padding: 0; list-style: none; }

.pl1 .pl-list li {
  display: grid; justify-items: center; align-content: center; gap: 8px;
  width: 112px; height: 104px; border-radius: var(--r-lg);
  color: var(--ink);
  background: var(--glass-fill); box-shadow: var(--glass-edge), var(--glass-drop);
  -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur);
  font-size: var(--t-sm); font-weight: 600;
  transition: transform var(--dur-2) var(--ease);
}
.pl1 .pl-list li:hover { transform: translateY(-3px); }
.pl1 .pl-list li:has(> [data-i18n='apps.router']) { width: 150px; }
.pl1 .pl-list li span { color: var(--ink-2); font-size: var(--t-xs); }

/* Телефон: равные плитки рядами 4 + 3, неполный ряд по центру */
@media (max-width: 520px) {
  .pl-list { gap: var(--s-2); }
  .pl1 .pl-list li,
  .pl1 .pl-list li:has(> [data-i18n='apps.router']) { width: calc(25% - var(--s-2) * 3 / 4); min-width: 0; height: 92px; padding-inline: 2px; }
  .pl1 .pl-list li span { font-size: 0.6875rem; line-height: 1.2; text-align: center; text-wrap: balance; }
}
@media (prefers-reduced-motion: reduce) { .pl1 .pl-list li:hover { transform: none; } }