/* ==========================================================================
   Cookie 同意横幅
   ========================================================================== */

#cookie-banner {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 200;
  background: #fff;
  border-top: 1px solid var(--line);
  box-shadow: 0 -8px 32px rgba(11, 37, 69, .14);
  transform: translateY(100%);
  transition: transform .32s cubic-bezier(.4, 0, .2, 1);
  padding: 0;
}

#cookie-banner.is-on { transform: translateY(0); }

/* 收起后不可聚焦、不可被辅助技术读取 */
#cookie-banner[aria-hidden="true"] {
  visibility: hidden;
  pointer-events: none;
}

.cookie-banner__inner {
  width: min(100% - 40px, var(--wrap));
  margin-inline: auto;
  padding: 18px 0;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.cookie-banner__txt { flex: 1 1 420px; min-width: 0; }
.cookie-banner__txt b { display: block; color: var(--navy-800); font-size: .95rem; margin-bottom: 3px; }
.cookie-banner__txt span { font-size: .875rem; color: var(--ink-2); line-height: 1.6; }
.cookie-banner__txt a { text-decoration: underline; text-underline-offset: 2px; }

.cookie-banner__btns { display: flex; gap: 10px; flex: 0 0 auto; }

/* 与 WhatsApp 浮窗 / 回顶按钮错开 */
@media (max-width: 620px) {
  .cookie-banner__inner { gap: 14px; padding: 16px 0; }
  .cookie-banner__btns { width: 100%; }
  .cookie-banner__btns .btn { flex: 1; }
  #cookie-banner { bottom: 0; }
}