/* Persik: вкладки «Все / Подборки / Редкие / Новые». Плитки остаются квадратными, как в сборке (владелец
   вернул их 29.09, «таблетки» не понравились). Меняется только иконка «Подборок»: вместо фигур сборки —
   четыре квадрата, как на образце владельца. Иконка рисуется маской и берёт цвет плитки (активной или нет). */
[role="group"][aria-label="Что показывать"] svg.lucide-shapes > * {
  display: none;
}

[role="group"][aria-label="Что показывать"] svg.lucide-shapes {
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E")
    center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/svg%3E")
    center / 100% 100% no-repeat;
}

/* Плитка «Подборок»: четыре картинки моделей сеткой 2×2. В сборке у картинок высота 100% клетки, и на телефоне
   их вытягивало (владелец, 29.09): в подборках из двух-трёх моделей пустой нижний ряд отдавал высоту верхнему,
   а Safari на iPhone считал проценты от всей плитки, и картинка наезжала на соседние. Заметнее всего на
   картинках с цветным фоном — они стоят на месте моделей без своей фигурки. Теперь ряды равные, высоту
   картинки задаёт ширина клетки, а лишнее обрезается по краю плитки. */
main span[class*="aspect-square"][class*="grid-cols-2"] {
  grid-template-rows: repeat(2, minmax(0, 1fr));
  overflow: hidden;
}

main span[class*="aspect-square"][class*="grid-cols-2"] > img {
  height: auto;
  aspect-ratio: 1 / 1;
  min-width: 0;
  min-height: 0;
  align-self: center;
}