/* Плашка выбора отелей для сравнения. Подключается глобально рядом с js/compare.js:
   скрипт рисует её на любой странице, поэтому стили не могут жить в CSS страницы сравнения. */
.cmp-bar{position:fixed;left:50%;bottom:1rem;transform:translate(-50%,150%);z-index:60;display:flex;align-items:center;gap:.75rem;
  padding:.6rem .75rem .6rem 1rem;border-radius:2rem;background:#1a1d2e;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.28);
  transition:transform .25s ease;max-width:calc(100vw - 1.5rem);justify-content:center;box-sizing:border-box}
.cmp-bar.is-on{transform:translate(-50%,0)}
.cmp-bar__cnt{font-size:.875rem;white-space:nowrap}
.cmp-bar__clear{background:none;border:none;color:hsla(0,0%,100%,.7);font-size:.8125rem;cursor:pointer;text-decoration:underline}
.cmp-bar__clear:hover{color:#fff}
@media(max-width:900px){.cmp-bar{bottom:4.75rem}}
/* На узких экранах панель растягивается по краям вместо центрирования:
   иначе содержимое шире вьюпорта и «Выбрано N из 5» срезается слева. */
@media(max-width:520px){
  .cmp-bar{left:.75rem;right:.75rem;max-width:none;transform:translateY(150%);border-radius:1.5rem;
    justify-content:space-between;gap:.5rem;padding:.6rem .75rem}
  .cmp-bar.is-on{transform:translateY(0)}
  .cmp-bar__cnt{font-size:.8125rem}
}
.cmp-flash{position:fixed;left:50%;bottom:5.5rem;transform:translateX(-50%);z-index:70;background:#e8a830;color:#1a1d2e;
  padding:.6rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.2)}
[data-compare-toggle].is-on{border-color:#2a96a5;color:#2a96a5}