/* DEVIL-DS · карточки Заказов — наше стекло: чёрный 45%, saturate/brightness 120%, чёрное гало 0 0 2px 3px (::before),
   кромка — svg-линия 1px по контуру (rectRim в js/ds-liquid.js), нажатие — пружина на пару пикселей.
   Плоский вид из pages/zakazy-demo.css гасим только через .dv-card */
html .dv-card, html .dv-card:hover, html .dv-card:active {
  position: relative; isolation: isolate;
  background: rgb(0 0 0 / 45%);
  -webkit-backdrop-filter: blur(1.5px) saturate(120%) brightness(120%); backdrop-filter: blur(1.5px) saturate(120%) brightness(120%);
  box-shadow: none;   /* убираем inset-обводку и старую тень — их заменяют кромка и ::before */
  transform: translate(calc(var(--st, 0) * 1px), calc(var(--su, 0) * 1px)) scale(var(--sx, 1), var(--sy, 1));
  transition: box-shadow 150ms ease;
}
html .dv-card::before {
  content: ""; position: absolute; inset: 1px; z-index: -1; border-radius: inherit; pointer-events: none;
  box-shadow: 0 0 2px 3px rgb(0 0 0); opacity: 1; transition: opacity 150ms ease;
}
.dv-card > .dv-card__rim { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; color: #fff; z-index: 2; }
html .dv-card[data-pressed] { box-shadow: inset 0 0 3px rgb(0 0 0 / 45%); }
html .dv-card[data-pressed]::before { opacity: 0; }
html .dv-card[data-pressed] > .dv-card__rim { color: #fff; }
.dv-card:is(.zd-card, .zd-ship) { will-change: transform; touch-action: manipulation; -webkit-user-select: none; user-select: none; }
.dv-card:focus-visible { outline: 1.5px solid rgb(255 255 255 / 85%); outline-offset: 3px; }