/* ============================================================
   liquid-glass.css — оптична доводка поверх дизайн-системи.
   ТІЛЬКИ колір/тінь/backdrop/перехід: жодного розміру, відступу
   чи позиції, щоб верстка не зрушила ні на піксель.
   Підключається ОСТАННІМ, після всіх mod-*.css.
   ⚠️ .btn-line свідомо НЕ чіпаємо: це текстове посилання з
   padding:0, будь-яка заливка робить із нього тісну плашку.
   ⚠️ Віджет чату і маскот («Шейх») — чужа зона, не стилізуємо.
   ============================================================ */
.ev2 .header.scrolled {
  background: rgba(245, 240, 231, .94);
  border-bottom-color: rgba(255, 255, 255, .5);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(255,255,255,.28), 0 1px 0 rgba(61,58,44,.10), 0 12px 36px -20px rgba(61,58,44,.25);
}
.ev2 .header.scrolled .nav a { color: var(--ink); }
.ev2 .chip,
.ev2 .btn-ghost {
  background: linear-gradient(180deg, rgba(251,248,242,.94), rgba(245,240,231,.90));
  color: var(--ink);
  border-color: rgba(255,255,255,.65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(255,255,255,.42), inset 0 -1px 0 rgba(61,58,44,.10), 0 8px 24px -16px rgba(61,58,44,.38);
}
.ev2 .chip {
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  backdrop-filter: blur(14px) saturate(170%);
}
.ev2 .btn-ghost {
  transition: background 260ms cubic-bezier(.22,.7,.25,1), border-color 260ms cubic-bezier(.22,.7,.25,1), box-shadow 260ms cubic-bezier(.22,.7,.25,1), color 260ms cubic-bezier(.22,.7,.25,1);
}
.ev2 .btn-ghost:hover {
  background: rgba(251,248,242,.97);
  color: var(--ink);
  border-color: rgba(255,255,255,.95);
  box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,.75), inset 0 -1px 0 rgba(61,58,44,.12), 0 12px 30px -14px rgba(61,58,44,.38);
}
/* Білий текст поверх фотографії: навіть чисто білий кадр під цією заливкою
   лишає текст читабельним. Дрібні чіпи тримаємо щільнішими — вони маленькі. */
.ev2 .hero.layout-full .hero-content .chip {
  background: rgba(20,18,14,.72);
}
.ev2 .hero.layout-full .hero-content .chip,
.ev2 .hero.layout-full .hero-actions .btn-ghost,
body[data-hero="full"] .ev2 .header:not(.scrolled) .btn-ghost {
  /* Велика кнопка при .76 читалась суцільною плашкою і перебивала головний CTA;
     заміряно на живому герої: при .5 контраст білого тексту 13.5:1. */
  background: rgba(20,18,14,.5);
  color: #fff !important; /* Includes the footer's existing inline accent. */
  border-color: rgba(255,255,255,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), inset 0 0 0 1px rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.10), 0 10px 28px -16px rgba(0,0,0,.55);
}
.ev2 .hero.layout-full .hero-actions .btn-ghost {
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  backdrop-filter: blur(14px) saturate(170%);
}
.ev2 .hero.layout-full .hero-actions .btn-ghost:hover,
body[data-hero="full"] .ev2 .header:not(.scrolled) .btn-ghost:hover {
  background: rgba(20,18,14,.84);
  border-color: rgba(255,255,255,.85);
  box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,.5), 0 14px 34px -14px rgba(0,0,0,.6);
}
.ev2 .mobile-menu {
  background: rgba(245,240,231,.96);
  color: var(--ink);
  box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,.55), 0 24px 70px rgba(61,58,44,.18);
}
/* A closed panel does not need an active filter. */
.ev2 .mobile-menu.open {
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
}
.ev2 .em-ootd__price {
  background: linear-gradient(180deg, rgba(251,248,242,.94), rgba(245,240,231,.88));
  color: #2e2b20;
  border-color: rgba(255,255,255,.5);
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  backdrop-filter: blur(14px) saturate(170%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.25), 0 10px 26px -12px rgba(61,58,44,.5);
}
.ev2 .em-ootd__price .em-ootd__price-per-m2,
.ev2 .em-ootd__price .em-ootd__price-old { color: #514c3e; }
/* Кругла печатка лишається ТЕМНИМ склом: обкладинка лота майже завжди світла,
   і світле скло з'їдало напис. Тут скло темне, а світло — на грані. */
.ev2 .em-ootd__stamp {
  background: linear-gradient(180deg, rgba(46,43,32,.74), rgba(31,29,22,.68));
  color: var(--bg, #F5F0E7);
  border: 1px solid rgba(255,255,255,.26);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 0 0 1px rgba(255,255,255,.12), 0 10px 26px -12px rgba(0,0,0,.55);
}
.em-lb .em-lb__close,
.em-lb .em-lb__arrow {
  background: rgba(20,18,14,.42);
  color: #fff;
  border-color: rgba(255,255,255,.22);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), inset 0 0 0 1px rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.08), 0 12px 32px -14px rgba(0,0,0,.65);
}
/* Лічильник і підпис — це голий текст без полів: заливка робила з них
   тісну рамку-артефакт. Їм потрібна лише читабельність поверх фото. */
.em-lb .em-lb__counter,
.em-lb .em-lb__caption {
  text-shadow: 0 1px 3px rgba(0,0,0,.75), 0 0 14px rgba(0,0,0,.45);
}
.em-lb .em-lb__close:hover,
.em-lb .em-lb__arrow:hover {
  background: rgba(20,18,14,.76);
  border-color: rgba(255,255,255,.65);
  box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,.4), 0 16px 36px -12px rgba(0,0,0,.7);
}
/* Covers only: no blur on the row or photographs. */
.ev2 .em-stories .em-stories__ring {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(255,255,255,.6), 0 0 0 1px rgba(61,58,44,.10);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .ev2 .header.scrolled,
  .ev2 .mobile-menu,
  .ev2 .chip,
  .ev2 .btn-ghost,
  .ev2 .em-ootd__price { background: #fbf8f2; }
  .ev2 .hero.layout-full .hero-content .chip,
  .ev2 .hero.layout-full .hero-actions .btn-ghost,
  body[data-hero="full"] .ev2 .header:not(.scrolled) .btn-ghost,
  .ev2 .em-ootd__stamp,
  .em-lb .em-lb__close,
  .em-lb .em-lb__arrow { background: #14120e; }
}
@media (prefers-reduced-motion: reduce) {
  .ev2 .btn-ghost { transition: none; }
}