/* alexv.ru — окно «Купить» (общее для страниц работ магазина). Без скруглений и плашек — как весь сайт. */
.st-dlg {
  box-sizing: border-box;
  width: min(100% - 2 * var(--mb, 16px), 34em);
  max-height: calc(100% - 2 * var(--mb, 16px));
  margin: auto;
  padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 48px) clamp(28px, 5vw, 60px);
  border: 0;
  background: #fff;
  color: #1b1b1b;
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-size: var(--t-text, 18px);
  font-weight: 300;
  line-height: var(--s, 1.35);
}
.st-dlg::backdrop { background: rgba(0, 0, 0, .55); }
.st-dlg p { margin: 0; }
.st-head { margin: 0; font-size: var(--t-big, 34px); font-weight: 700; line-height: 1.05; letter-spacing: -.01em; text-wrap: balance; }
.st-price { margin-top: .5em !important; font-weight: 500; }
.st-spec { margin-top: .5em !important; font-size: var(--t-small, 14px); line-height: var(--l-small, 1.3); opacity: .6; }
.st-lead { margin-top: 1.2em !important; text-wrap: pretty; }
/* действие слева, отказ справа от него — по привычке платформы; оба — текстом, главное — с рамкой */
.st-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: 1.6em !important; }
.st-go { display: inline-block; padding: .55em 1.1em; border: 1px solid currentColor; color: inherit; font-weight: 500; text-decoration: none; }
.st-close { padding: .55em 0; border: 0; background: none; color: inherit; font: inherit; opacity: .6; cursor: pointer; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
@media (hover: hover) { .st-go:hover { background: #1b1b1b; color: #fff; } .st-close:hover { opacity: 1; } }
.st-go:focus-visible, .st-close:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }