/* T57b fix 1: base.css sizes .shots the same as .furs (both full content-column width at the
   same grid breakpoints); the .shots--pair cap below made the workshop-pair photos narrower
   than the fur cards above them, leaving an empty strip on the right (client feedback). No cap
   here any more, so the two sections line up. */

/* T50: base.css defines .fur__ph as a dashed placeholder box (no photo yet anywhere on the
   site). Бобёр-люкс now has a real photo, so override to a plain photo frame. T57b fix 2:
   a card with an empty `photo` field renders no .fur__ph element at all instead of a
   placeholder, so the placeholder look (.fur__ph--empty) is gone too. T65: no default card
   is photo-less any more — the earlier photo-less example was replaced by a card with a
   photo — every .fur__ph left in the markup has a real photo, but the mechanism above still
   applies to any card an editor leaves without a photo in the admin panel. */
.fur__ph{border:none;padding:0;display:block;overflow:hidden}

.fur__ph picture,.fur__ph img{display:block;width:100%;height:100%}

.fur__ph img{object-fit:cover}

/* T57b fix 3: a row of fur-texture tiles, right after the fur cards. Square tiles from the
   591px source photos; auto-fill keeps each tile near its 150px minimum (well under the
   300px ceiling for this source resolution) no matter how wide the .wrap column gets. */
.gallery__grid{list-style:none;margin:20px 0 0;padding:0;
                 display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;
                 justify-content:center}

/* T65 (2026-09-17): текстур стало десять — при семи колонках хвост из трёх плиток оставлял
   справа пустую половину ряда. На широких экранах фиксируем пять колонок: десять плиток
   ложатся двумя ровными рядами и становятся крупнее. Если заказчица добавит или уберёт
   плитку, неполный ряд центрируется правилом `justify-content` выше. */
@media (min-width:1000px){
  .gallery__grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}

.gallery__ph{aspect-ratio:1/1;overflow:hidden;background:var(--photo-bg)}

.gallery__ph picture,.gallery__ph img{display:block;width:100%;height:100%}

.gallery__ph img{object-fit:cover}

.gallery__title{margin:8px 0 0;font-size:14px;line-height:1.4;text-align:center;color:var(--text)}