/* ============================================================================
   Cookie-баннер — плавающая плашка снизу-слева (зеркало .hero__phone справа).
   Два состояния: closed (только круглая иконка) / open (текст + кнопки).
   Figma: 720:1670 (default/opened), 720:1594 (opened, spacing), 720:1671 (mobile)
   ========================================================================== */

.cookiebar {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 55;
  display: flex;
  align-items: center;
  max-width: calc(100vw - 48px);
  border-radius: 100px 48px 0 100px;
  --glass-border: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.cookiebar:not(.is-open)::before { display: none; }
.cookiebar:not(.is-open) { border-radius: var(--r-pill); }
.cookiebar > .corner--br { display: none; }
.cookiebar.is-open {
  gap: 12px;
  padding-right: 12px;
  background-image: var(--glass-sheen);
}
.cookiebar[hidden] { display: none; }

.cookiebar__icon {
  flex: none;
  width: 72px;
  height: 72px;
  border-radius: var(--r-pill);
  background: var(--light-light);
  color: var(--dark-black);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .3s cubic-bezier(0.22, 1, 0.36, 1);
}
.cookiebar__icon:hover { transform: scale(1.08); }
.cookiebar__icon img { width: 28px; height: 28px; display: block; }

.cookiebar__panel {
  display: none;
  align-items: center;
  gap: 24px;
  padding: 8px 0;
}
.cookiebar.is-open .cookiebar__panel { display: flex; }

.cookiebar__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 497px;
  max-width: 40vw;
}
.cookiebar__title {
  font: 500 14px/20px "Geist Mono", monospace;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--light-white);
}
.cookiebar__desc {
  font: 400 13px/16px "Geist Mono", monospace;
  letter-spacing: -0.03em;
  color: var(--light-64);
}

.cookiebar__actions { display: flex; align-items: center; gap: 8px; flex: none; }

.cookiebar__btn {
  height: 48px;
  padding: 10px 24px;
  border-top-right-radius: var(--r-btn);
  border-bottom-left-radius: var(--r-btn);
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  font: 700 14px/20px "adineue PRO Cyr", sans-serif;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .3s ease, opacity .2s ease, transform .3s cubic-bezier(0.22, 1, 0.36, 1);
}
.cookiebar__btn:hover { transform: scale(1.05); }
.cookiebar__btn--ghost {
  background: var(--light-8);
  color: var(--light-white);
  --glass-border: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.cookiebar__btn--ghost:hover { background: var(--light-16); }
.cookiebar__btn--solid {
  background: var(--light-white);
  color: var(--dark-black);
}
.cookiebar__btn--solid:hover { opacity: .85; }

@media (prefers-reduced-motion: reduce) {
  .cookiebar, .cookiebar__icon { transition: none; }
}

/* ---- мобайл (≤767, Figma 720:1671) ----
   Карточка сверху (rounded 32, во всю ширину с отступом 16), иконка-«хвостик»
   пилюлей снизу-слева, слегка внахлёст. Свёрнутое состояние = только иконка. */
@media (max-width: 767px) {
  .cookiebar {
    left: 16px;
    bottom: 16px;
    max-width: none;
    border-radius: 32px;
    flex-direction: column;
    align-items: flex-start;
  }
  .cookiebar.is-open {
    right: 16px;                   /* полная ширина только когда открыт — свёрнутая иконка узкая */
    gap: 0;
    padding-right: 0;
  }
  .cookiebar__panel {
    order: 1;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    padding: 16px;
  }
  .cookiebar__text { width: 100%; max-width: none; text-align: center; }
  .cookiebar__actions { flex-direction: column; align-items: stretch; gap: 8px; width: 100%; }
  .cookiebar__btn { width: 100%; height: 40px; justify-content: center; display: flex; align-items: center; }

  .cookiebar__icon {
    order: 2;
    width: 64px;
    height: 64px;
    margin-top: -1px;              /* лёгкий нахлёст на низ карточки, как в Figma */
    border-radius: var(--r-pill);
  }
}