/* Этап «Отчёт» формы egrn.city — дизайн «Монохром» (13.09.2026): тёмно-синие линии и заголовки,
   синие цены и номера, зелёная кнопка оплаты. Подключается в index.php и indexDiscount.php. */
body{font-family:"Golos Text",-apple-system,"Segoe UI",Arial,sans-serif;color:#0f2a4a}
.egrn-stage{--ink:#0f2a4a;--navy:#123f7a;--blue:#1168D3;--mut:#6b7a8c;--green:#1f9d55;--green-d:#188a49;--line:#e3e8ef;font-family:"Golos Text",-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.5}
.egrn-stage *,.egrn-stage *:before,.egrn-stage *:after{box-sizing:border-box}
.es-top{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--mut);margin-bottom:12px;flex-wrap:wrap}
.es-top b{color:var(--navy)}
.egrn-stage .es-h{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 6px;color:var(--navy);font-family:inherit}
.es-obj{font-size:15px;margin-bottom:22px;color:var(--ink);line-height:1.4}
.es-type{color:var(--mut)}.es-type:before{content:" · "}.es-type:empty:before{content:""}
.es-edit{margin-left:10px;font-size:13px;color:var(--blue);cursor:pointer;text-decoration:none;border-bottom:1px dotted;white-space:nowrap}
.es-edit:hover{color:var(--navy);text-decoration:none}
/* тарифы */
.es-row{display:grid;grid-template-columns:28px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--ink);cursor:pointer;outline:none}
.es-row:last-child{border-bottom:1px solid var(--ink)}
.es-row:focus-visible .es-r{box-shadow:0 0 0 3px rgba(17,104,211,.25)}
.es-r{width:22px;height:22px;border:2px solid var(--navy);border-radius:50%;position:relative;transition:border-color .15s}
.es-row.on .es-r:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--blue)}
.es-n{font-size:20px;font-weight:600;color:var(--navy);line-height:1.25}
.es-row.on .es-n{color:var(--blue)}
.es-n em{font-style:normal;font-size:12px;color:var(--blue);margin-left:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.es-s{font-size:14px;color:var(--mut);margin-top:2px}
.es-p{font-size:22px;font-weight:700;white-space:nowrap;color:var(--navy)}
.es-row.on .es-p{color:var(--blue)}
.es-p s{font-size:13px;color:var(--mut);font-weight:400;margin-right:8px}
/* состав */
.es-inc{margin-top:22px}
.es-inc h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 8px;font-weight:600;font-family:inherit}
.es-ol{columns:2;column-gap:32px;margin:0;padding:0;list-style:none}
.es-ol li{break-inside:avoid;display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.4}
.es-ol li[hidden]{display:none}
.es-i{font-variant-numeric:tabular-nums;color:var(--blue);font-size:13px;flex:0 0 26px;padding-top:2px;font-weight:600}
.es-t{font-weight:500;color:var(--ink)}
.es-d{font-size:12.5px;color:var(--mut)}
.es-f{color:var(--blue);font-size:12px;font-weight:600}
.es-q{display:inline-flex;width:12px;height:12px;border-radius:50%;border:1px solid #9aa8ba;color:#6b7a8c;font-size:8.5px;font-weight:700;line-height:1;align-items:center;justify-content:center;margin-left:3px;vertical-align:1px;cursor:help;text-decoration:none;user-select:none}
.es-q:hover,.es-q:focus{border-color:var(--blue);color:var(--blue);text-decoration:none;outline:none}
/* доп */
.es-addon{display:flex;align-items:center;gap:14px;margin:22px 0 16px;font-size:15px}
.es-hidden-check{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.es-box{width:22px;height:22px;border:2px solid var(--navy);flex:0 0 22px;cursor:pointer;position:relative;outline:none}
.es-box:focus-visible{box-shadow:0 0 0 3px rgba(17,104,211,.25)}
.es-box.is-on{background:var(--blue);border-color:var(--blue)}
.es-box.is-on:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.es-addon-t{flex:1;line-height:1.35}
.es-addon-t b{font-weight:600;color:var(--navy)}
.es-addon-t small{display:block;color:var(--mut);font-size:13px}
.es-addon-p{margin-left:auto;font-weight:700;white-space:nowrap;color:var(--navy)}
/* оплата */
.egrn-stage .es-pay{width:100%;border:0;border-radius:0;background:var(--green);color:#fff;font-size:17px;font-weight:600;padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit;transition:background .15s}
.egrn-stage .es-pay:hover,.egrn-stage .es-pay:focus{background:var(--green-d);color:#fff}
.es-note{font-size:12.5px;color:var(--mut);text-align:center;margin-top:10px}
.es-note a{color:var(--mut)}
#PriceError{margin:10px 0}
.es-hidden{display:none!important}
/* всплывашки Bootstrap — компактнее */
.popover{font-family:inherit;font-size:13px;max-width:280px;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.popover-body{padding:8px 12px;color:#0f2a4a}
@media (max-width:640px){
  .egrn-stage .es-h{font-size:24px}
  .es-row{grid-template-columns:24px 1fr;padding:12px 0;row-gap:4px}
  .es-p{grid-column:2;font-size:18px}
  .es-n{font-size:17px}
  .es-n em{display:block;margin:2px 0 0}
  .es-ol{columns:1}
  .es-addon{align-items:flex-start}
  .es-box{margin-top:3px}
}