/* ============================================================
   gi-feedback — единая контекстная форма обратной связи
   Кнопки .gi-btn + модалка .gi-modal (КП / аналог / счёт / звонок)
   152-ФЗ: чекбокс согласия обязателен. Стиль — под текущий сайт.
   ============================================================ */

/* ── кнопки-триггеры ── */
.gi-btn{
  -webkit-appearance:none;appearance:none;cursor:pointer;
  font-family:'Inter',Arial,sans-serif;font-size:13px;font-weight:600;line-height:1;
  padding:11px 20px;border-radius:4px;display:inline-flex;align-items:center;gap:7px;
  border:1.5px solid transparent;transition:.15s;text-decoration:none;color:#fff;
}
.gi-btn--primary{border:0;background:linear-gradient(to right,#006aa1 0,#00527d 100%)}
.gi-btn--primary:hover{filter:brightness(1.08);color:#fff}
.gi-btn--ghost{background:#fff;color:#006aa1;border-color:#cfe0ea}
.gi-btn--ghost:hover{border-color:#006aa1;background:#f4fafd;color:#006aa1}

.gi-pdp-cta{display:flex;flex-direction:column;gap:10px;margin:14px 0;width:100%}
.gi-pdp-cta .gi-btn{width:100%;justify-content:center}
.gi-cat-cta{margin:6px 0 18px}

/* Кнопку плагина «Купить в один клик» (надпись «Подобрать аналог») на странице
   товара убираем — её заменяют контекстные .gi-pdp-cta под телефоном. */
.single-product .clickBuyButton.button21{display:none !important}

/* ── модалка ── */
.gi-modal{position:fixed;inset:0;top:0;left:0;width:100%;height:100%;z-index:99999;display:none;background:rgba(60,60,60,.82)}
.gi-modal.is-open{display:block}
.gi-modal__dialog{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
  width:380px;max-width:calc(100% - 30px);background:#fff;border-radius:4px;padding:30px;
  box-shadow:-2px 10px 15px -5px rgba(39,39,39,.55);box-sizing:border-box}
.gi-modal *{box-sizing:border-box}

.gi-modal__close{position:absolute;top:-12px;right:-12px;width:30px;height:30px;background:#000;color:#fff;
  border:3px solid #fff;border-radius:50%;box-shadow:-1px 2px 5px 0 rgba(0,0,0,.5);
  cursor:pointer;font-size:15px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}

.gi-modal__eyebrow{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#00a9ff;margin:0 0 5px}
.gi-modal__title{font-family:'Manrope','Inter',Arial,sans-serif;font-size:20px;font-weight:700;color:#1b2b38;margin:0 0 6px;line-height:1.25}
.gi-modal__sub{font-size:13px;color:#7e7e7e;margin:0 0 4px}
.gi-modal__ctx{display:inline-block;margin:10px 0 0;padding:4px 9px;background:#eaf6ff;color:#0074a7;border-radius:3px;font-size:12px;font-weight:600}
.gi-modal__ctx[hidden]{display:none}

.gi-modal__form{margin-top:18px}
.gi-field{margin:0 0 10px}
.gi-modal .gi-input,
.gi-modal .gi-textarea{width:100%;height:40px;color:#504c4c;font-family:'Inter',Arial,sans-serif;font-size:14px;
  border:1px solid #ccc;border-radius:4px;padding:0 12px;background:#fff;margin:0;transition:.15s}
.gi-modal .gi-textarea{height:auto;min-height:64px;padding:10px 12px;resize:vertical}
.gi-modal .gi-input:focus,
.gi-modal .gi-textarea:focus{outline:0;border-color:#00a9ff;box-shadow:0 0 0 2px rgba(0,169,255,.15)}

.gi-consent{display:flex;gap:9px;align-items:flex-start;margin:12px 0 14px}
.gi-consent input{margin:2px 0 0;width:16px;height:16px;flex:none;accent-color:#00a9ff;cursor:pointer}
.gi-consent label{font-size:11.5px;color:#7e7e7e;line-height:1.45;cursor:pointer}
.gi-consent a{color:#0074a7;text-decoration:underline}

.gi-submit{width:100%;border:0;border-radius:4px;padding:12px;font-family:'Inter',Arial,sans-serif;font-size:15px;font-weight:600;
  color:#fff;background:#00a9ff;cursor:pointer;transition:.15s;text-transform:none}
.gi-submit:hover:not(:disabled){background:#0090db}
.gi-submit:disabled{background:#bcc6cd;cursor:not-allowed}
.gi-err{color:#d64545;font-size:12px;margin:8px 0 0;display:none}
.gi-err.is-on{display:block}
.gi-priv{font-size:11px;color:#9aa7b0;text-align:center;margin:10px 0 0;line-height:1.4}

.gi-modal__success{text-align:center;padding:8px 0}
.gi-modal__success[hidden]{display:none}
.gi-success-ico{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:#e8f8ef;
  display:flex;align-items:center;justify-content:center;color:#1faa59}
.gi-success-ico svg{width:26px;height:26px}
.gi-modal__success h3{font-family:'Manrope','Inter',Arial,sans-serif;font-size:18px;color:#1b2b38;margin:0 0 7px}
.gi-modal__success p{color:#7e7e7e;font-size:13px;margin:0 0 18px}