ul.qn-cards,ol.qn-cards{--rg:1.8rem;justify-content:center}
.qn-cards>li{max-width:var(--cmax,none)}
/* плитки отдела одной ширины в любом ряду: неполный ряд центрируется, но не растягивается */
.qn-card{display:flex;flex-direction:column;height:100%;border-radius:0.6rem;overflow:hidden;background:#fff;color:var(--qn-ink);border:1px solid var(--qn-line)}
.qn-card__media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--qn-bone)}
/* сетка отдела: ряды полные (2 или 3 в ряд), а кадр одного размера — квадрат не шире 320 px по центру карточки */
.qn-cards[data-filterable] .qn-card__media{width:min(100%,32rem);margin-inline:auto}
.qn-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.qn-card__badge{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.8rem 0.4rem 0.6rem;border-radius:0.4rem;background:var(--qn-ink);color:#fff;font-family:var(--font-heading-family);font-size:1.8rem;line-height:1}
.qn-card__badge .qn-ico-ch{color:var(--qn-orange)}
.qn-card__body{display:flex;flex-direction:column;gap:0.8rem;padding:1.6rem 1.8rem 1.8rem;flex:1 1 auto}
.qn-card__dept{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--qn-orange-ink)}
.qn-card__name{font-size:1.7rem;line-height:1.3}
.qn-card__name a:hover{text-decoration:underline}
.qn-card__spec{margin:0;font-size:1.4rem;color:var(--qn-ink2)}
.qn-card .qn-rating{min-height:1.9rem;color:var(--qn-ink2)}
.qn-card .qn-rating b{color:var(--qn-ink)}
.qn-card__foot{margin-top:auto;display:grid;gap:0.8rem;padding-top:0.4rem}
.qn-card__price{margin:0;font-size:1.6rem}
.qn-card .price{color:var(--qn-ink)}
.qn-card__service{margin:0;font-size:1.3rem;color:var(--qn-ink2)}
.qn-card__btn{width:100%;min-width:0;min-height:4.6rem;padding:0 1rem;font-size:1.4rem}
/* Сетка на телефоне — строками: кадр 136 px слева, текст справа (вес первого экрана, §4.0 п.7). */
@media screen and (max-width:37.498em){.qn-cards:not(.qn-cards--pop) .qn-card{display:grid;grid-template-columns:13.6rem minmax(0,1fr);align-items:start}.qn-cards:not(.qn-cards--pop) .qn-card__body{padding:1.2rem 1.4rem 1.4rem}}
@media screen and (max-width:26.248em){.qn-cards:not(.qn-cards--pop) .qn-card{grid-template-columns:8.8rem minmax(0,1fr)}.qn-cards .qn-card__dept{display:none}.qn-cards:not(.qn-cards--pop) .qn-card__body{padding:1rem 1.2rem 1.2rem}.qn-card__badge{font-size:1.5rem;top:0.6rem;left:0.6rem}}
@media screen and (max-width:37.498em){.qn-cards--pop .qn-card__body{padding:1.2rem}.qn-cards--pop .qn-card__name{font-size:1.5rem}.qn-cards--pop .qn-card__dept,.qn-cards--pop .qn-card__service{display:none}}