/* «Записаться / Спросить»: нижняя полоса (< 64rem) и панель «Спросить». Кнопки шапки — shutter-header.css. Значения — токены src/theme.css.
 * --ee-ask-bottom и --ee-ask-top (положение полосы и панели) выставляет ask-bar.js по фактической высоте страницы. */
.ee-ask { --ee-ask-bottom: 0; }

/* нижняя полоса */
.ee-ask__bar { position: fixed; left: 0; right: 0; bottom: var(--ee-ask-bottom); z-index: 400; display: none; grid-auto-flow: column; grid-auto-columns: 1fr; gap: var(--ee-s2); padding: var(--ee-s2) var(--ee-gutter) calc(var(--ee-s2) + env(safe-area-inset-bottom, 0px)); border-top: var(--ee-line) solid var(--border); background: var(--ee-ask-bar-bg); box-shadow: 0 calc(-1 * var(--ee-s1)) var(--ee-s4) calc(-1 * var(--ee-s2)) hsl(0 0% 0% / 0.18); transform: translateY(110%); visibility: hidden; transition: transform var(--ee-motion), visibility 0s linear var(--ee-motion); }
html.ee-ask-ready .ee-ask__bar { display: grid; }
.ee-ask__bar.is-visible { transform: none; visibility: visible; transition: transform var(--ee-motion), visibility 0s; }
@media (min-width: 64rem) { html.ee-ask-ready .ee-ask__bar { display: none; } }
.ee-ask__btn { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: var(--ee-control); padding: var(--ee-s1) var(--ee-s3); border: var(--ee-line-strong) solid var(--ee-btn-accent); border-radius: var(--ee-radius-pill); background: var(--background); color: var(--ee-btn-accent); font: inherit; font-weight: var(--ee-fw-strong); line-height: var(--ee-lh-meta); text-align: center; text-decoration: none; cursor: pointer; }
.ee-ask__btn[data-ee-ask-rank="1"] { order: 1; background: var(--ee-btn-accent); color: var(--ee-btn-accent-fg); }
.ee-ask__btn[data-ee-ask-rank="2"] { order: 2; }
.ee-ask__btn:hover { background: var(--ee-btn-soft); color: var(--ee-btn-hover); }
.ee-ask__btn[data-ee-ask-rank="1"]:hover { background: var(--ee-btn-hover); color: var(--ee-btn-accent-fg); }
.ee-ask__btn-sub { font-size: var(--ee-fs-meta); font-weight: var(--ee-fw-medium); opacity: 0.92; }

/* затемнение и панель */
.ee-ask__backdrop { position: fixed; inset: 0; z-index: 1100; background: var(--ee-overlay); opacity: 0; transition: opacity var(--ee-motion); }
.ee-ask__backdrop.is-open { opacity: 1; }
.ee-ask__panel { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1200; max-height: 85vh; overflow-y: auto; padding: var(--ee-s2) var(--ee-gutter) calc(var(--ee-s4) + env(safe-area-inset-bottom, 0px)); border-radius: var(--ee-radius-card) var(--ee-radius-card) 0 0; background: var(--background); color: var(--foreground); box-shadow: var(--shadow-xl); transform: translateY(105%); transition: transform var(--ee-motion); }
.ee-ask__panel.is-open { transform: none; }
.ee-ask__head { display: flex; align-items: center; justify-content: space-between; min-height: var(--ee-control); }
.ee-ask__title { font-size: var(--ee-fs-h4); font-weight: var(--ee-fw-heading); }
.ee-ask__close { display: inline-flex; align-items: center; justify-content: center; width: var(--ee-control); height: var(--ee-control); border: 0; border-radius: var(--ee-radius-pill); background: transparent; color: inherit; cursor: pointer; }
.ee-ask__close:hover { background: var(--secondary); }
.ee-ask__list { display: grid; gap: var(--ee-s2); margin: 0; padding: 0; list-style: none; }
.ee-ask__row { display: flex; align-items: center; gap: var(--ee-s3); min-height: var(--ee-control); padding: var(--ee-s2) var(--ee-s4); border: var(--ee-line) solid var(--border); border-radius: var(--ee-radius-card); background: var(--background); color: var(--foreground); font-weight: var(--ee-fw-strong); text-decoration: none; }
.ee-ask__row:hover { background: var(--secondary); }
.ee-ask__row svg { flex: none; color: var(--ee-btn-accent); }
.ee-ask__row--signup { flex-direction: column; align-items: flex-start; gap: var(--ee-s1); border-color: var(--ee-btn-accent); background: var(--ee-btn-accent); color: var(--ee-btn-accent-fg); }
.ee-ask__row--signup:hover { background: var(--ee-btn-hover); }
.ee-ask__row-sub { font-size: var(--ee-fs-meta); line-height: var(--ee-lh-meta); font-weight: var(--ee-fw-medium); opacity: 0.92; }
@media (min-width: 64rem) {
  .ee-ask__backdrop { background: transparent; }
  .ee-ask__panel { left: auto; right: var(--ee-gutter); bottom: auto; top: var(--ee-ask-top, var(--ee-header-row)); width: var(--ee-shutter-width); max-height: calc(100vh - var(--ee-ask-top, var(--ee-header-row)) - var(--ee-s4)); border: var(--ee-line) solid var(--border); border-radius: var(--ee-radius-card); opacity: 0; transform: translateY(calc(-1 * var(--ee-s2))); transition: transform var(--ee-motion), opacity var(--ee-motion); }
  .ee-ask__panel.is-open { opacity: 1; transform: none; }
}