/* архивная карточка: один кадр прошлой коллекции в окне каталога */
.arch__lead{margin:18px 0 0;max-width:62ch;font-size:15px;line-height:1.7;
              color:var(--text-muted);text-wrap:pretty}

/* T105/T106: окно карточки остаётся тем же, что у новых товаров (2:3), и кадр в нём —
   той же ширины и высоты, какую раньше занимала одна из двух ячеек склеенной пары: ровно
   половина окна, по центру. Пустоты слева и справа заливаются фоном страницы — решение
   заказчика от 2026-09-28 («вместо двух склеенных фото оставить одно по центру, а пустоты
   слева и справа заполнить фоном сайта»). Пропорции карточки при этом не меняются, ряд
   выглядит так же, как в каталоге новых моделей.
   position:relative — чтобы заглушка «фото не загрузилось» (.photo-fallback, base.css)
   легла ровно на место кадра. */
.card__shot{position:relative;display:block;min-width:0;background:var(--bg);
              aspect-ratio:2/3}

.card__shot img{width:50%;height:100%;object-fit:cover;transition:transform .6s ease;
                  display:block;margin:0 auto}

/* T109: головные уборы и аксессуары. Их снимали не в полный рост, кадры почти квадратные
   (0,72–1,07 против 0,37 у изделий на модели), и в узкой рамке выше у шапки пропадала бы
   половина высоты. Такой кадр показываем целиком во всю ширину окна; поле остаётся снизу
   (object-position:top), а не делится поровну — иначе плашка «Архив» повисла бы над
   фотографией, как это было в первой версии правки. */
.card__shot--whole img{width:100%;object-fit:contain;object-position:top}

/* Плашка у таких карточек держится за край окна: кадр занимает всю ширину, и смещение
   на четверть (см. `.card__badge--arch` ниже) увело бы её на середину фотографии. */
.card__shot--whole ~ .card__badge--arch,
.card__shot--whole + .card__badge--arch{left:14px}

@media (hover:hover){
.card__link:hover .card__shot img{transform:scale(1.02)}
}

/* T106: плашка держится за левый край самой фотографии, а не за край окна. Кадр занимает
   половину окна по центру (см. `.card__shot img` выше), его левая граница — на 25 % ширины
   карточки; без этой поправки плашка висела бы на пустом поле слева, а в прежней склейке из
   двух кадров она лежала на фотографии. Отступ 14px внутрь — тот же, что у `.card__badge`
   в base.css. */
.card__badge--arch{background:#635E57;color:#F2EFE8;left:calc(25% + 14px)}

.card__price--ask{font-weight:400;color:var(--card-sub)}

/* «Все 689», «Женское 390» и т.д. — счётчик после названия раздела. */
.sections span{margin-left:6px;color:var(--text-muted)}

/* пять пунктов (в каталоге — только два) не помещаются в одну строку на узких
   экранах и переполняют страницу по горизонтали (замерено: 683px при вьюпорте
   360px) — переключатель архива переносится на несколько строк, catalog.css
   (2 пункта) это не затрагивает, так как оба файла подключаются только на своих
   страницах. */
.sections{flex-wrap:wrap;row-gap:10px}

/* пустой раздел архива встаёт в грид на всю ширину строки — тот же приём, что в
   catalog.css, но archive.html не подключает этот файл, поэтому правило продублировано. */
.cat__empty{grid-column:1 / -1}