/* Узкие экраны. Раппорт не ломается — он просто становится крупнее:
   число ячеек в ряду уменьшается, шов остаётся. */

@media (max-width: 1200px) {
  .cloth, .cloth--cat { grid-template-columns: repeat(3, 1fr); }
  .cell--w3, .cell--w4 { grid-column: span 3; }
  .fabric-row { grid-template-columns: repeat(4, 1fr); }
  .top-nav__list { gap: 0 0.8rem; }
  .top-nav__link { font-size: 0.85rem; }
}

@media (max-width: 1040px) {
  .top-nav { display: none; }
  .burger { display: inline-flex; }

  .tool-block__grid,
  .merki__grid,
  .product,
  .contacts,
  .howto,
  .wardrobe { grid-template-columns: minmax(0, 1fr); }
  .tool-block__text { border-right: 0; border-bottom: var(--shov); }

  .raskroy { grid-template-columns: minmax(0, 1fr); grid-template-areas: "meter" "panel" "result"; }
  .raskroy__meter { position: sticky; top: 58px; z-index: 20; }
  .picker { max-height: none; }
  .fabric-grid { grid-template-columns: minmax(0, 1fr); }
  .steps__list { grid-template-columns: repeat(2, 1fr); }
  .bottom__inner { grid-template-columns: 1fr 1fr; }
  .bottom__col:nth-child(2n) { border-right: 0; }
  .howto__visual { min-height: 220px; }
}

/* На мобильном ничего мельче 14 px и ни одной цели касания меньше 44 px. */
@media (max-width: 1000px) {
  .demo-strip { font-size: 0.875rem; padding-block: 0.4rem; }
  .demo-strip__long { display: none; }
  .card__badge, .chip__slot, .chip__name { font-size: 0.875rem; }
  .card__fabric, .card__name { font-size: 0.9375rem; }
  .cookie__text { font-size: 0.9375rem; }
  .cookie .btn { min-width: 0; flex: 1 1 0; }

  .bottom__list li { margin-bottom: 0; }
  .bottom__list a, .bottom__list .linklike { display: block; padding-block: 0.8rem; }
  .crumbs a, .section-head__link, .sizes__help { display: inline-block; padding-block: 0.6rem; }
  .tag, .filters__reset { min-height: 44px; }
  .wline__drop { padding-block: 0.6rem; }
}

@media (max-width: 860px) {
  .cloth, .cloth--cat { grid-template-columns: repeat(2, 1fr); }
  .cell--w2, .cell--w3, .cell--w4 { grid-column: span 2; }
  .cell--tall { grid-row: span 1; }
  .grid--reviews, .grid--reviews-page { grid-template-columns: repeat(2, 1fr); }
  .counter, .counter--big { grid-template-columns: 1fr 1fr; }
  .counter__cell:nth-child(2n) { border-right: 0; }
  .counter__cell:nth-child(-n+2) { border-bottom: 1px solid rgba(237, 233, 222, 0.25); }
  .chips { grid-template-columns: 1fr 1fr; }
  .specs__row, .contacts__list li { grid-template-columns: 9rem 1fr; }
  .fabric-card { grid-template-columns: 1fr; }
  .fabric-card__cloth { min-height: 120px; }
}

@media (max-width: 620px) {
  .mark__tag { display: none; }
  .wardrobe-link__label { display: none; }
  .burger__text { display: none; }

  .cell--pad { padding: 1.1rem; }
  .steps__list, .steps__list--tight { grid-template-columns: minmax(0, 1fr); }
  .fabric-row { grid-template-columns: repeat(2, 1fr); }
  .grid--reviews, .grid--reviews-page { grid-template-columns: minmax(0, 1fr); }
  .form__row { grid-template-columns: minmax(0, 1fr); }
  .specs__row, .contacts__list li { grid-template-columns: minmax(0, 1fr); gap: 0.15rem; }
  .bottom__inner { grid-template-columns: minmax(0, 1fr); }
  .bottom__col { border-right: 0; border-bottom: 1px solid rgba(237, 233, 222, 0.18); }
  .bottom__line { flex-direction: column; }
  .cookie { flex-direction: column; align-items: stretch; padding-block: 0.7rem; }
  .cookie__actions { margin-left: 0; }
  .picker .chips { grid-template-columns: minmax(0, 1fr); }
  .wline { grid-template-columns: 56px 1fr; }
  .wline__side { grid-column: 1 / -1; justify-items: start; }
  .finder__row { grid-template-columns: 1fr auto; }
  .finder__delta { grid-column: 1 / -1; }
}

@media (max-width: 430px) {
  .cloth, .cloth--cat { grid-template-columns: minmax(0, 1fr); }
  .cell--w2, .cell--w3, .cell--w4 { grid-column: span 1; }
  .chips { grid-template-columns: minmax(0, 1fr); }
  .counter, .counter--big { grid-template-columns: minmax(0, 1fr); }
  .counter__cell { border-right: 0; border-bottom: 1px solid rgba(237, 233, 222, 0.25); }
  .counter__cell:last-child { border-bottom: 0; }
}
