/* Модалка: адаптивные размеры + скроллинг контента */
#walls-lc-modal{position:fixed;inset:0;z-index:99999;display:none;}
#walls-lc-modal.is-open{display:block;}
#walls-lc-modal .lcm-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);}

/* Десктоп: ширина ≈ ширине макета темы (+10% экрана), но не больше ширины окна.
   Высота – почти весь вьюпорт. */
#walls-lc-modal .lcm-dialog{
  position:relative;z-index:1;
  width: min(calc(1100px + 10vw), 96vw);
  max-width: none;           /* управляем шириной сами */
  height: 92vh;              /* практически весь экран по высоте */
  margin: 4vh auto;          /* центрируем по горизонтали, сверху/снизу — небольшие отступы */
  background:#fff;border-radius:12px;overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,.25);
}

#walls-lc-modal .lcm-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 18px;border-bottom:1px solid #eee;
}
#walls-lc-modal .lcm-title{margin:0;font-size:1.125rem;font-weight:800;line-height:1.3;}
#walls-lc-modal .lcm-close{appearance:none;border:0;background:transparent;font-size:22px;cursor:pointer;line-height:1;padding:4px 6px;}
#walls-lc-modal .lcm-body{
  padding:18px;
  height: calc(92vh - 54px - 1px); /* общая высота минус шапка и граница */
  overflow:auto;
}

/* Контентные мелочи внутри модалки */
#walls-lc-modal .lc-card__price{margin-top:.2rem;}
#walls-lc-modal .lc-card__timer{margin-top:.2rem;}
#walls-lc-modal .lc-card__actions{margin-top:12px;}

/* Мобильные экраны: модалка на весь экран */
@media (max-width: 640px){
  #walls-lc-modal .lcm-dialog{
    width:100vw;height:100vh;
    margin:0;border-radius:0;max-width:none;
  }
  #walls-lc-modal .lcm-body{
    height: calc(100vh - 54px - 1px);
    padding:14px;
  }
}