/* RESIN LAB — десктопне вікно «Ви прибрали продукт» (сценарії при видаленні позиції в «Підібрати мерч під бюджет»).
   Вигляд — як у десктопного вікна «Бриф на розробку продукту» (brief.css): біла панель, рамка #CACACA, картки-пункти, підкладка rgba(43,43,42,.5), fade 150 мс.
   Як у мобільній версії: без хрестика — закрити можна лише вибором одного з пунктів. Лише ≥1024px. */
.drm{ display: none; }
@media (min-width: 1024px){
  .drm{
    --W: min(94vw, 1100px);
    --u: calc(var(--W) / 45202.22);
    --fs-title: max(20px, calc(1058.58 * var(--u)));
    --fs-label: max(14px, calc(719.67 * var(--u)));
    --fs-input: max(13px, calc(628.13 * var(--u)));
    position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none;
    margin: 0; padding: 0; border: 0; background: transparent; overflow-y: auto; color: #000;
  }
  .drm:not([open]){ display: none; }
  .drm[open]{ display: block; }
  .drm::backdrop{ background: rgba(43,43,42,.5); }
  .drm:focus, .drm:focus-visible{ outline: 0; }
  html:has(.drm[open]){ overflow: hidden; scrollbar-gutter: stable; }

  .drm__panel{
    position: relative; box-sizing: border-box;
    width: min(calc(var(--W) - 2px), calc(27500 * var(--u))); margin: max(32px, 12vh) auto 32px;
    background: #fff; border: 1px solid #CACACA; border-radius: calc(150 * var(--u));
    padding: calc(1623 * var(--u)) calc(1800 * var(--u) - 1px) calc(1800 * var(--u));
  }
  .drm__title{
    margin: 0; text-align: center;
    font: 600 var(--fs-title)/1 'Unbounded', sans-serif; color: #000;
  }
  .drm__sub{
    margin: calc(700 * var(--u)) 0 calc(1500 * var(--u)); text-align: center;
    font: 400 var(--fs-input)/1.3 'IBM Plex Mono', monospace; color: #000;
  }
  .drm__opt{
    display: flex; flex-direction: column; justify-content: center; width: 100%; box-sizing: border-box;
    min-height: calc(3472.5 * var(--u)); margin: 0; text-align: left; appearance: none; cursor: pointer;
    background: #fff; border: 1px solid #CACACA; border-radius: calc(150 * var(--u)); color: #000;
    padding: calc(500 * var(--u)) calc(1400 * var(--u)) calc(500 * var(--u)) calc(1500 * var(--u));
    font: inherit;
  }
  .drm__opt + .drm__opt{ margin-top: calc(1000 * var(--u)); }
  .drm__opt:hover, .drm__opt:focus-visible{ border-color: #000; }
  .drm__opt:focus-visible{ outline: 0; }
  .drm__h{ display: block; font: 500 var(--fs-label)/1.25 'IBM Plex Mono', monospace; color: #000; }
  .drm__d{ display: block; margin-top: calc(300 * var(--u)); padding-left: calc(1.8 * var(--fs-label)); font: 400 var(--fs-input)/1.3 'IBM Plex Mono', monospace; color: #727272; }
  .drm[data-drm-mode="first"] .drm__opt[data-drm-choice="pricier"]{ display: none; }
  /* без «дорожчого» пункту відступ перед «Залишити як є» лишається рівним */
  .drm[data-drm-mode="first"] .drm__opt[data-drm-choice="keep"]{ margin-top: calc(1000 * var(--u)); }
}
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference){
  .drm[open]{ animation: drm-fade .15s ease-out; }
  .drm[open]::backdrop{ animation: drm-fade .15s ease-out; }
}
@keyframes drm-fade{ from{ opacity: 0; } to{ opacity: 1; } }

/* позицію прибрано — картка (і «+» поруч) зникає; перекриває display у стилях карток */
.item[hidden], .plus[hidden], .mh-rc[hidden]{ display: none !important; }