/* VisArtis — лёгкая глубина поверх страничных стилей.
   Палитра, размеры и сетки прежние; движение короткое и событийное. */

.auth-card, .cab-card, .cab-help__card, .co-card, .co-summary,
.bid-panel, .lot-panel, .me-wallet, .me-sum, .me-review, .me-addr,
.me-verify__row, .auth-cta, .adm-card, .tile {
  box-shadow: var(--shadow-soft);
}

.mcard__photo, .item-card__photo, .pastel-card, .collage__grid {
  box-shadow: var(--shadow-photo);
  transition: box-shadow .2s var(--ease);
}
.mcard__title, .item-card__title {
  transition: color .18s var(--ease);
}

/* Поле не двигается при фокусе; кольцо работает и с клавиатурой,
   и при вводе на телефоне. Checkbox/radio/file сохраняют свой вид. */
:is(input, textarea, select):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus-visible {
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.hdr-ico, .hdr-you__link, .hdr-menu__item, .cat-row a {
  transition: background-color .18s var(--ease), color .18s var(--ease);
}
.hdr-ico { border-radius: var(--r-control); }
.hdr-ico:hover, .hdr-ico:focus-visible { background-color: var(--accent-bg); }

/* Новый выбор пола должен иметь ту же ширину и высоту, что остальные поля. */
.auth-card .field select {
  display: block;
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-control);
  background-color: var(--page-white);
  color: var(--ink-black);
  font: inherit;
}

@media (hover: hover) and (pointer: fine) {
  .mcard:hover .mcard__photo, .item-card:hover .item-card__photo,
  .pastel-card:hover, .collage:hover .collage__grid {
    box-shadow: var(--shadow-photo-hover);
  }
  .mcard:hover .mcard__title, .item-card:hover .item-card__title {
    color: var(--accent-dark);
  }
}

/* Подсветка остаётся доступной при выключенных движениях. */
@media (prefers-reduced-motion: reduce) {
  .btn:active:not(:disabled):not([aria-disabled="true"]):not(.is-disabled),
  .like:hover, .pastel-card:hover .pastel-card__photo, .cat-strip a:hover img {
    transform: none;
  }
}