/* ============================================================
   invite4u — конструктор
   Разделы слева, настройки в середине, живое превью справа.
   Это инструмент для невесты, а не для дизайнера: крупные
   поля, воздух, одна вещь за раз. На телефоне настройки и
   превью не помещаются рядом — внизу переключатель «Правка / Вид».
   ============================================================ */

.is-editor { --ed-top: 61px; --ed-bar: 85px; }

/* ---------------------------------------------------------------- верхняя полоса */

.ed-top { position: sticky; top: 0; z-index: 50; background: var(--cream); border-bottom: 1px solid var(--line-soft); }
.ed-top__row { display: flex; align-items: center; gap: 22px; min-height: 60px; padding: 8px 30px; }
.ed-top__back { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; font-size: 13px; color: var(--mute); text-decoration: none; white-space: nowrap; }
.ed-top__back svg { width: 12px; height: 12px; }
.ed-top__back:hover { color: var(--ink); }
.ed-top__kit { display: inline-flex; align-items: center; gap: 10px; min-width: 0; font-size: 13px; color: var(--ink-2); white-space: nowrap; }
.ed-top__kit > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.ed-top__check { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--ink); color: var(--cream); }
.ed-top__check svg { width: 10px; height: 10px; }
.ed-top__rule { width: 1px; height: 22px; background: var(--line-soft); }
.ed-top__plan { font-size: 13px; color: var(--mute); white-space: nowrap; }
.ed-top__plan .mono { color: var(--ink); }
.ed-top__status { margin-left: auto; white-space: nowrap; }
.ed-top__save {
  display: none;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  background: var(--cream);
  font-size: 13px;
  color: var(--ink);
}
.ed-top__save.is-loading { color: var(--mute-2); }

/* ---------------------------------------------------------------- сетка */

.ed {
  display: grid;
  grid-template-columns: 228px minmax(0, 1fr) 452px;
  align-items: start;
}

.ed-rail {
  position: sticky;
  top: var(--ed-top);
  min-height: calc(100vh - var(--ed-top) - var(--ed-bar));
  padding: 22px 0 30px;
  border-right: 1px solid var(--line-soft);
}
.ed-rail__head { padding: 0 22px 16px; color: var(--mute-3); }
.ed-rail__list { display: flex; flex-direction: column; }
.ed-tab {
  display: grid;
  grid-template-columns: 3px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 13px 22px 13px 0;
  border: 0;
  background: none;
  color: var(--ink-2);
  text-align: left;
  transition: background-color var(--t-instant);
}
.ed-tab:hover { background: #FAF6EF; }
.ed-tab__bar { height: 30px; background: transparent; transition: background-color var(--t-base); }
.ed-tab__body { min-width: 0; }
.ed-tab__name { display: block; font-size: 14px; line-height: 1.35; }
.ed-tab__hint { display: block; margin-top: 3px; font-size: 11.5px; color: var(--mute-2); }
.ed-tab__num { font: 11px/1 var(--font-mono); color: var(--ink-cream); }
.ed-tab.is-on { background: var(--paper); }
.ed-tab.is-on .ed-tab__bar { background: var(--accent); }
.ed-tab.is-on .ed-tab__name { color: var(--ink); }
.ed-tab.is-on .ed-tab__num { color: var(--mute-3); }
.ed-rail__note { margin: 22px 22px 0; padding-top: 18px; border-top: 1px solid var(--line-soft); font-size: 12px; line-height: 1.6; color: var(--mute); }

.ed-panels {
  min-width: 0;
  min-height: calc(100vh - var(--ed-top) - var(--ed-bar));
  padding: 26px 30px 56px;
  border-right: 1px solid var(--line-soft);
}

/* ---------------------------------------------------------------- разделы настроек */

.ed-panel__head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 22px; }
.ed-panel__title { font-family: var(--font-display); font-size: 28px; line-height: 1.15; letter-spacing: -.02em; }
.ed-panel__hint { font-size: 12.5px; color: var(--mute); }
.ed-panel .rule { margin: 30px 0 16px; }
.ed-panel__head + .rule { margin-top: 0; }
.ed-sub { margin: 16px 0 10px; font-size: 12.5px; color: var(--mute); }
.ed-lead { margin-bottom: 14px; }
.ed-field-gap { margin-top: 20px; }

.ed-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ed-span { grid-column: 1 / -1; }

.ed-textbtn {
  padding: 8px 0;
  border: 0;
  background: none;
  font-size: 12.5px;
  color: var(--mute);
  text-decoration: underline;
  text-decoration-color: var(--line);
  text-underline-offset: 4px;
  white-space: nowrap;
}
.ed-textbtn:hover { color: var(--accent); text-decoration-color: var(--accent); }

/* Макеты — плашки с кусочком бумаги */
.ed-kits { display: grid; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 8px; }
.ed-kit {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 7px 10px 7px 7px;
  border: 1px solid var(--line-soft);
  border-radius: 11px;
  background: var(--cream);
  text-align: left;
  transition: border-color var(--t-instant), background-color var(--t-instant);
}
.ed-kit:hover { border-color: var(--ink-cream); }
.ed-kit.is-on { border-color: var(--ink); background: var(--paper); }
.ed-kit__sw { width: 26px; height: 26px; border: 1px solid rgba(34, 30, 27, .12); border-radius: 7px; }
.ed-kit__name { overflow: hidden; font-size: 12.5px; color: var(--mute); white-space: nowrap; text-overflow: ellipsis; }
.ed-kit.is-on .ed-kit__name { color: var(--ink); }
.ed-kits__foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.ed-kits__foot .field__hint { margin-top: 10px; }

/* Палитры */
.ed-themes { display: grid; grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)); gap: 12px; }
.ed-theme {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-btn);
  background: var(--cream);
  text-align: left;
  transition: border-color var(--t-instant), background-color var(--t-instant);
}
.ed-theme:hover { border-color: var(--ink-cream); }
.ed-theme.is-on { border-color: var(--ink); background: var(--paper); }
.ed-theme__dots { display: flex; gap: 5px; }
.ed-theme__dots i { width: 18px; height: 18px; border-radius: 50%; background: var(--line); }
.ed-theme__dots i:first-child { box-shadow: inset 0 0 0 1px var(--line); }
.ed-theme__name { font-size: 12.5px; color: var(--mute); }
.ed-theme.is-on .ed-theme__name { color: var(--ink); }

.ed-custom {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 14px 22px;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid var(--line-soft);
  border-radius: var(--r-btn);
  background: var(--paper);
}
.ed-custom .field__hint { flex-basis: 100%; margin-top: 0; }
.ed-color { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 11.5px; color: var(--mute); cursor: pointer; }
.ed-color input { width: 40px; height: 40px; }

/* Акценты */
.ed-accents { display: flex; flex-wrap: wrap; gap: 14px 18px; }
.ed-accent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  width: 64px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 11px;
  line-height: 1.25;
  color: var(--mute);
  text-align: center;
}
.ed-accent__dot { width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(34, 30, 27, .12); transition: box-shadow var(--t-instant); }
.ed-accent:hover .ed-accent__dot { box-shadow: 0 0 0 2px var(--cream), 0 0 0 3px var(--ink-cream); }
.ed-accent.is-on { color: var(--ink); }
.ed-accent.is-on .ed-accent__dot { box-shadow: 0 0 0 2px var(--cream), 0 0 0 3px var(--ink); }

/* Шрифты */
.ed-fonts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ed-font {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-btn);
  background: var(--cream);
  text-align: left;
  transition: border-color var(--t-instant), background-color var(--t-instant);
}
.ed-font:hover { border-color: var(--ink-cream); }
.ed-font.is-on { border-color: var(--ink); background: var(--paper); }
.ed-font__sample { display: block; overflow: hidden; margin-bottom: 10px; font-size: 22px; line-height: 1.2; color: var(--ink); white-space: nowrap; text-overflow: ellipsis; }
.ed-font__name { font-size: 12px; color: var(--mute); }
.ed-font.is-on .ed-font__name { color: var(--ink); }
.ed-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ed-chips .opt { font-size: 14px; }

/* Строки настроек: подпись слева, варианты справа */
.ed-rows { border-top: 1px solid var(--hair); }
.ed-rows--gap { margin-top: 10px; }
.ed-row {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid var(--hair);
}
.ed-row--range { grid-template-columns: 168px minmax(0, 1fr) 58px; padding: 12px 0; }
.ed-row__label { display: block; }
.ed-row__name { display: block; font-size: 13.5px; color: var(--ink); }
.ed-row__hint { display: block; margin-top: 3px; font-size: 11.5px; color: var(--mute-2); }
.ed-row__hint:empty { display: none; }
.ed-row__opts { display: flex; flex-wrap: wrap; gap: 8px; }
.ed-row__value { font: 12.5px/1 var(--font-mono); color: var(--ink-2); text-align: right; white-space: nowrap; }
.ed-glyph--dash { display: block; width: 12px; height: 1px; background: currentColor; }
.ed-glyph--ring { display: block; width: 8px; height: 8px; border: 1px solid currentColor; border-radius: 50%; }

.ed-cover { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: start; padding: 16px 0; border-bottom: 1px solid var(--hair); }
.ed-cover__slot { aspect-ratio: 3 / 4; background-position: center; background-size: cover; }
.ed-cover__slot.has-image { color: transparent; }
.ed-cover__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin-top: 14px; }

/* Программа: время | пункт | убрать */
.ed-table { overflow: hidden; border: 1px solid var(--line-soft); border-radius: var(--r-btn); background: var(--cream); }
.ed-trow {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) 46px;
  align-items: stretch;
  min-height: 52px;
  border-bottom: 1px solid var(--hair);
  transition: background-color var(--t-instant);
}
.ed-trow:focus-within { background: var(--paper); }
.ed-trow input { min-width: 0; padding: 12px 0 12px 16px; border: 0; outline: 0; background: none; font-size: 14px; color: var(--ink); }
.ed-trow input[type="time"] { padding-right: 8px; border-right: 1px solid var(--hair); font-family: var(--font-mono); font-size: 13.5px; color: var(--ink-2); }
.ed-remove { display: grid; place-items: center; min-width: 40px; min-height: 40px; padding: 0; border: 0; background: none; color: var(--mute-3); transition: color var(--t-instant); }
.ed-remove svg { width: 12px; height: 12px; }
.ed-remove:hover { color: var(--error); }

.ed-addrow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  align-items: center;
  width: 100%;
  min-height: 52px;
  padding: 0;
  border: 0;
  background: var(--cream);
  color: var(--mute);
  text-align: left;
  transition: background-color var(--t-instant), color var(--t-instant);
}
.ed-addrow:hover { background: var(--paper); color: var(--ink); }
.ed-addrow__label { padding: 12px 16px; font-size: 13.5px; }
.ed-addrow__mark { display: grid; place-items: center; align-self: stretch; border-left: 1px solid var(--hair); }
.ed-addrow__mark .step__seal { width: 22px; height: 22px; border-color: var(--ink-cream); color: var(--ink-2); }
.ed-addrow--solo { margin-top: 10px; border: 1px solid var(--line-soft); border-radius: var(--r-btn); }

/* Дресс-код: образцы цвета */
.ed-colors { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.ed-swatch { position: relative; }
.ed-swatch input { width: 44px; height: 44px; }
.ed-swatch button {
  position: absolute;
  top: -6px;
  right: -8px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: var(--cream);
  color: var(--mute);
}
.ed-swatch button svg { width: 8px; height: 8px; }
.ed-swatch button:hover { color: var(--error); border-color: var(--error); }
.ed-swatch__add { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--ink-cream); border-radius: 50%; background: none; color: var(--ink-2); }
.ed-swatch__add svg { width: 12px; height: 12px; }
.ed-swatch__add:hover { border-color: var(--ink); }

/* Свои фотографии */
.ed-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; }
.ed-photo { position: relative; aspect-ratio: 4 / 5; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--sand); }
.ed-photo img { width: 100%; height: 100%; object-fit: cover; }
.ed-photo__rm {
  position: absolute;
  top: 6px;
  right: 6px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(251, 248, 243, .92);
  color: var(--ink-2);
}
.ed-photo__rm svg { width: 10px; height: 10px; }
.ed-photo__rm:hover { color: var(--error); }
.ed-photo--add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  background: repeating-linear-gradient(135deg, var(--sand) 0 10px, #EFE6DA 10px 20px);
  font-size: 12px;
  line-height: 1.35;
  color: var(--ink-2);
  text-align: center;
  cursor: pointer;
}
.ed-photo--add:hover { border-color: var(--ink); }
.ed-photo--add .step__seal { width: 28px; height: 28px; border-color: var(--ink-cream); background: var(--cream); color: var(--ink-2); }
.ed-photo--add.is-loading { cursor: progress; opacity: .7; }

/* Гостям */
.ed-plan {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px 22px;
  padding: 18px 20px;
  border: 1px solid var(--ink);
  border-radius: var(--r-card);
  background: var(--paper);
}
.ed-plan .kicker { color: var(--ink); }
.ed-plan__text { margin-top: 6px; font-size: 13px; line-height: 1.55; color: var(--ink-2); }
.ed-plan__price { font-family: var(--font-display); font-size: 30px; line-height: 1; white-space: nowrap; }

.ed-switches { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 4px 28px; }

.ed-question { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--line-soft); border-radius: var(--r-btn); background: var(--cream); }
.ed-question + .ed-question { margin-top: 10px; }
.ed-question__top { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; gap: 6px; }
.ed-question .control { min-height: 46px; }
.ed-question .control > input { padding-block: 10px; font-size: 14px; }

.ed-addons { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px 18px; }
.ed-addons .tag { width: 100%; }

/* ---------------------------------------------------------------- превью */

.ed-preview {
  position: sticky;
  top: var(--ed-top);
  height: calc(100vh - var(--ed-top) - var(--ed-bar));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 22px 30px 26px;
  background: radial-gradient(120% 80% at 50% 0%, #FBF7F0 0%, #F5EFE5 55%, #EFE6D9 100%);
}
.ed-preview__head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.ed-preview__guest { padding-bottom: 4px; border-bottom: 1px solid var(--line); font-size: 12.5px; color: var(--mute); text-decoration: none; transition: color var(--t-instant), border-color var(--t-instant); }
.ed-preview__guest:hover { color: var(--accent); border-bottom-color: var(--accent); }

.ed-device { display: flex; gap: 6px; width: 100%; max-width: 340px; margin: 0 auto 18px; padding: 4px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--cream); }
.ed-device__btn { flex: 1; min-height: 36px; border: 0; border-radius: 9px; background: none; font-size: 12.5px; color: var(--mute); transition: background-color var(--t-instant), color var(--t-instant); }
.ed-device__btn:hover { background: var(--paper); }
.ed-device__btn.is-on { background: var(--ink); color: var(--cream); }

.ed-frame.is-phone {
  width: 340px;
  max-width: 100%;
  margin: 0 auto;
  padding: 14px;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-phone);
  background: var(--cream);
  box-shadow: var(--sh-float);
}
.ed-frame__bar { display: none; }
.ed-frame.is-phone .ed-frame__inner { height: 640px; overflow-y: auto; overscroll-behavior: contain; border-radius: 22px; scrollbar-width: thin; }
.ed-frame.is-phone .iv-ground { padding: 0; background: none; }
.ed-frame.is-phone .iv-card { box-shadow: none; }

.ed-frame.is-desktop {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--cream);
  box-shadow: var(--sh-float);
}
.ed-frame.is-desktop .ed-frame__bar { display: block; padding: 7px 10px; border-bottom: 1px solid var(--line-soft); background: var(--paper); font-size: 10px; color: var(--mute-2); text-align: center; }
.ed-frame.is-desktop .ed-frame__inner { width: 1320px; }

.ed-preview__meta { display: flex; justify-content: space-between; gap: 14px; max-width: 340px; margin: 16px auto 0; font-size: 11px; color: var(--mute-3); }
.ed-preview__note { max-width: 340px; margin: 12px auto 0; font-size: 12px; line-height: 1.6; color: var(--mute); }

/* ---------------------------------------------------------------- действия */

.ed-bar {
  position: sticky;
  bottom: 0;
  z-index: 40;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 22px;
  min-height: var(--ed-bar);
  padding: 14px 30px;
  border-top: 1px solid var(--line-soft);
  background: var(--cream);
}
.ed-bar__plan { display: flex; flex-direction: column; gap: 2px; font-size: 14px; color: var(--ink-2); }
.ed-bar__plan .mono { color: var(--ink); }
.ed-bar__note { font-size: 12.5px; color: var(--mute); }
.ed-bar__mode { display: none; }
.ed-bar__actions { display: flex; align-items: center; gap: 14px; margin-left: auto; }

/* Окно публикации */
.pay-fields { display: grid; gap: 16px; margin: 22px 0 22px; }
.pay-fine { margin-top: 14px; }
.pay-panel { margin-top: 20px; }
.pay-status { margin-top: 14px; }
.pay-result { margin-top: 18px; }
#payModal .order-card { margin-top: 22px; }

/* ---------------------------------------------------------------- ноутбук */

@media (max-width: 1279px) {
  .ed { grid-template-columns: 200px minmax(0, 1fr) 392px; }
  .ed-fonts { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .ed-row { grid-template-columns: 140px minmax(0, 1fr); }
  .ed-row--range { grid-template-columns: 140px minmax(0, 1fr) 52px; }
  .ed-top__plan, .ed-top__rule { display: none; }
}

/* ---------------------------------------------------------------- планшет и телефон */
/* Настройки и превью не помещаются рядом: разделы — полосой сверху,
   внизу переключатель «Правка / Вид» и кнопка публикации */

@media (max-width: 1023px) {
  .is-editor { --ed-top: 57px; }
  .ed-top__row { gap: 12px; min-height: 56px; padding: 8px var(--pad); }
  .ed-top .logo, .ed-top__back { display: none; }
  .ed-top__kit { font-size: 12.5px; }
  .ed-top__save { display: block; margin-left: auto; }
  .ed-top__status { margin-left: 0; }

  .ed { display: block; }
  .ed-rail {
    top: var(--ed-top);
    z-index: 30;
    min-height: 0;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line-soft);
    background: var(--cream);
  }
  .ed-rail__head, .ed-rail__note, .ed-tab__hint, .ed-tab__num, .ed-tab__bar { display: none; }
  .ed-rail__list { flex-direction: row; gap: 8px; overflow-x: auto; padding: 8px var(--pad); scrollbar-width: none; }
  .ed-rail__list::-webkit-scrollbar { display: none; }
  .ed-tab { display: inline-flex; width: auto; min-height: 40px; padding: 8px 14px; border: 1px solid var(--line-strong); border-radius: 12px; white-space: nowrap; }
  .ed-tab.is-on { background: var(--ink); border-color: var(--ink); }
  .ed-tab.is-on .ed-tab__name { color: var(--cream); }
  .ed-tab__name { font-size: 13px; }

  .ed-panels { min-height: 0; padding: 22px var(--pad) 40px; border-right: 0; }
  .ed-preview { position: static; display: none; height: auto; overflow: visible; padding: 18px var(--pad) 32px; }
  .ed[data-mode="view"] .ed-panels, .ed[data-mode="view"] .ed-rail { display: none; }
  .ed[data-mode="view"] .ed-preview { display: block; }

  .ed-bar { gap: 10px; min-height: 0; padding: 10px var(--pad) calc(10px + env(safe-area-inset-bottom)); flex-wrap: nowrap; }
  .ed-bar__plan, .ed-bar__save { display: none; }
  .ed-bar__mode { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--cream); }
  .ed-mode { min-height: 38px; padding: 0 14px; border: 0; border-radius: 9px; background: none; font-size: 13px; color: var(--mute); }
  .ed-mode.is-on { background: var(--ink); color: var(--cream); }
  .ed-bar__publish { --h: 48px; --seal: 24px; font-size: 14px; border-radius: var(--r-btn); }
  .ed-bar__publish .btn__label { padding: 0 16px; }
}

@media (max-width: 599px) {
  .ed-top__status { display: none; }
  .ed-grid { grid-template-columns: minmax(0, 1fr); }
  .ed-row { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .ed-row--range { grid-template-columns: minmax(0, 1fr) 52px; gap: 8px 12px; }
  .ed-row--range .ed-row__label { grid-column: 1 / -1; }
  .ed-fonts { grid-template-columns: minmax(0, 1fr); }
  .ed-kits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ed-cover { grid-template-columns: 110px minmax(0, 1fr); }
  .ed-bar__price { display: none; }
  .ed-bar__actions { flex: 1; }
  .ed-bar__publish { width: 100%; }
  .ed-frame.is-phone { width: 100%; padding: 10px; }
  .ed-frame.is-phone .ed-frame__inner { height: calc(100vh - 230px); height: calc(100dvh - 230px); }
}