/* GP-SERIES (19.10.2026): карточки Колиона (переносные) и ЭССА — кнопка «Почта» в нижней панели.
   Разметка — product/gp-extra.html (.mbar--mail), тема письма — js/gp-series.js.
   Селекторы с префиксом html body: в gp-card.css у панели правила .gpc .mbar .btn и медиа с !important. */

html body .gpc .mbar .mbar__mail{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;box-sizing:border-box;
  padding:0 14px;border:1.5px solid #c5d1ec;border-radius:12px;background:#fff;color:#3a63c9;font-family:inherit;font-weight:600;
  font-size:14px;line-height:1;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}
html body .gpc .mbar .mbar__mail svg{width:18px;height:18px;flex:none}
html body .gpc .mbar .mbar__mail:hover,html body .gpc .mbar .mbar__mail:focus-visible{background:#eef3ff;color:#3a63c9}
html body .gpc .mbar .mbar__mail:active{background:#e3ebff}

/* телефон: цена отдельной строкой (в панели она и так переносится на 2–3 строки), под ней звонок, «Почта», «Получить КП» */
@media (max-width:560px){
  html body .gpc .mbar.mbar--mail{flex-wrap:wrap;row-gap:8px}
  html body .gpc .mbar.mbar--mail .mp{flex:1 0 100%;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;min-width:0}
  html body .gpc .mbar.mbar--mail .mp b{display:inline;white-space:nowrap}
  html body .gpc .mbar.mbar--mail .mbar__mail{flex:1 1 0;min-width:0;padding:0 10px}
  html body .gpc .mbar.mbar--mail .btn{flex:1.2 1 0;min-width:0;padding:12px 10px}
}

/* ЭССА: обозначение длиннее артикула («ЭССА-O2/1-CH4/1-CO/1-H2S/1-NH3/1 исп. БС»). Строка «наличие + обозначение»
   переносится, а не обрезает шифр многоточием (на 1024 px длинный шифр не влезал в одну строку с наличием) */
html body .gpc .buy__meta{flex-wrap:wrap;row-gap:6px}
html body .gpc .buy__meta .model{flex-shrink:0;max-width:100%}