/* Il Matto — попап с подробностями (assets/js/pop.js). Общий компонент: только переменные темы,
   работает в тёмной/светлой палитре и в варианте B (.im-ed — в конце файла).
   Мобильная — шторка снизу, ≥768 — карточка по центру. Слой ниже формы брони (z-index 80). */

.pop{--pop-scrim:13,10,7;position:fixed;inset:0;z-index:78;display:flex;align-items:flex-end;justify-content:center}
.pop[hidden]{display:none}
.pop__backdrop{
  position:absolute;inset:0;background:rgba(var(--pop-scrim),.68); /* затемнение — всегда тёмное, в любой палитре */
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .3s ease;
}
.pop__dialog{
  position:relative;width:100%;max-width:var(--wrap);max-height:85vh;max-height:85svh;
  display:flex;flex-direction:column;overflow:hidden;outline:none;
  background:var(--panel);color:var(--ink);
  border:1px solid var(--line-glass);border-bottom:0;border-radius:22px 22px 0 0;
  box-shadow:0 -24px 60px -20px rgba(var(--shadow-rgb),.6);
  transform:translateY(102%);transition:transform .42s var(--ease);
  will-change:transform;
}
.pop.is-open .pop__backdrop{opacity:1}
.pop.is-open .pop__dialog{transform:none}

.pop__grip{position:absolute;top:0;left:0;right:0;height:26px;z-index:3;touch-action:none}
.pop__grip::before{
  content:'';position:absolute;left:50%;top:9px;width:42px;height:4px;margin-left:-21px;border-radius:4px;
  background:rgba(var(--ink-rgb),.55);box-shadow:0 1px 6px rgba(var(--shadow-rgb),.4);
}
.pop__close{
  position:absolute;top:14px;right:14px;z-index:4;width:36px;height:36px;padding:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  color:var(--ink);background:rgba(var(--bg-rgb),.62);border:1px solid rgba(var(--ink-rgb),.22);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease;
}
.pop__close:hover{border-color:var(--gold)}
.pop__scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}

.pop__media{position:relative;aspect-ratio:16/10;max-height:38svh;width:100%;overflow:hidden;background:var(--bg)}
.pop__media img{width:100%;height:100%;object-fit:cover;display:block}
.pop__media .ph{position:absolute;inset:0;border-radius:0;border:0}
.pop__media::after{content:'';position:absolute;inset:auto 0 0;height:40%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(var(--panel-rgb),.9))}

.pop__body{padding:18px var(--pad,24px) calc(26px + env(safe-area-inset-bottom,0px))}
.pop__eyebrow{font-size:var(--fs-eyebrow,10.5px);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.pop__title{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.12;margin:0 0 12px;color:var(--ink)}
.pop__text{font-size:14px;line-height:1.65;color:var(--ink-2)}
.pop__text p{margin:0 0 .8em}
.pop__text p:last-child{margin-bottom:0}
.pop__label{margin-top:20px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.pop__rows{margin-top:6px;border-top:1px solid var(--line-soft)}
.pop__rows .row span{display:flex;flex-direction:column;gap:1px;min-width:0}
.pop__row-it{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--dim)}
.pop__acts{display:flex;flex-direction:column;gap:9px;margin-top:22px}
.pop__acts .btn-ghost{justify-content:center}

@media (min-width:768px){
  .pop{align-items:center;padding:32px}
  .pop__dialog{
    max-width:640px;max-height:min(86vh,820px);border-bottom:1px solid var(--line-glass);border-radius:22px;
    transform:translateY(24px) scale(.98);opacity:0;transition:transform .36s var(--ease),opacity .28s ease;
    box-shadow:0 40px 90px -30px rgba(var(--shadow-rgb),.7);
  }
  .pop.is-open .pop__dialog{opacity:1}
  .pop__grip{display:none}
  .pop__media{max-height:340px}
  .pop__body{padding:26px 36px 34px}
  .pop__title{font-size:32px}
  .pop__text{font-size:15px}
  .pop__acts{flex-direction:row;flex-wrap:wrap}
  .pop__acts .btn{flex:1 1 220px;padding:0 26px}
  .pop__acts .btn-ghost{flex:0 1 auto}
}

/* --- вариант B (редакционный): воздух, прямые углы, без стекла --- */
.im-ed .pop__backdrop{background:rgba(40,30,20,.55)}
.im-ed .pop__dialog{border-radius:0;border-color:var(--ed-line,var(--line));background:var(--ed-paper,var(--panel));box-shadow:0 40px 90px -40px rgba(74,52,30,.55)}
.im-ed .pop__close{border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ed-paper,var(--panel))}
.im-ed .pop__media::after{display:none}
.im-ed .pop__eyebrow{letter-spacing:.3em;color:var(--ed-gold-t,var(--gold))}
.im-ed .pop__title{font-weight:400;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(19px,2.2vw,26px);line-height:1.3}
.im-ed .pop__text{color:var(--ed-mut,var(--ink-2));line-height:1.8}
.im-ed .pop__rows{border-top-color:var(--ed-line,var(--line))}