/* Страница /garantiya/: карточки фактов, права потребителя, способы связи, расчёт срока и сборщик сообщения. */
.gr-facts{margin:22px 0 8px}
.gr-big{display:flex;align-items:center;min-height:34px;font-size:26px;color:var(--volt-d);margin-bottom:6px;line-height:1}
.gr-big svg{color:var(--volt-d)}

.gr-rights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:6px 0 18px}
.gr-rights .card{padding:18px 18px 16px}
.gr-rights b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:4px}
.gr-rights p{font-size:14px;margin:0}

.gr-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:8px 0 16px}
.gr-ways .contact{padding:16px 16px}
.gr-ways .contact b{font-size:15px}
.gr-addr{display:flex;align-items:flex-start;gap:8px;font-size:15px}
.gr-addr svg{flex-shrink:0;margin-top:3px;color:var(--volt-d)}

/* Инструменты: без JavaScript не показываем (класс js ставит head.php). */
html:not(.js) .gr-tool{display:none}
.gr-tool{padding:24px;margin:26px 0}
.gr-tool h3{font-size:18px;margin-bottom:6px}
.gr-hint{font-size:14.5px;color:var(--muted)}
.gr-note{font-size:14px;color:var(--muted);margin:10px 0 0!important}
.gr-row{margin-top:12px;max-width:100%}
.gr-tool select,.gr-tool input[type=date]{width:100%;padding:12px 13px;border-radius:0;background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.gr-tool input[type=date]{max-width:260px}
.gr-tool select:focus,.gr-tool input[type=date]:focus{outline:0;border-color:var(--acc-ink)}
.gr-tool textarea[readonly]{background:var(--alt);font-size:14.5px;line-height:1.5}
.gr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.gr-grid .field:first-child{grid-column:1/-1}
.gr-check{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:14.5px;cursor:pointer}
.gr-check input{width:18px;height:18px;accent-color:var(--volt-d)}
.gr-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.gr-status{min-height:1.4em;font-size:14px;color:var(--volt-d);font-weight:700;margin:10px 0 0!important}

.gr-out{margin-top:16px;border-radius:0;padding:16px 18px;color:#fff}
.gr-bar{border-radius:0;overflow:hidden;margin-bottom:12px}
.gr-bar i{display:block;height:100%;width:0;border-radius:0;transition:width .6s var(--ease)}
.gr-out.is-late .gr-bar i{background:var(--smoke)}
.gr-res{font-size:17px;font-weight:800;margin:0 0 4px!important;color:#fff}
.gr-sub{font-size:14px;margin:0!important;color:var(--smoke)}

@media (max-width:560px){
  .gr-tool{padding:18px}
  .gr-btns .btn{width:100%}
  .gr-tool input[type=date]{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .gr-bar i{transition:none}
}
/* фирменный вид */
.gr-out,.gr-tool select,.gr-tool input[type=date]{--c:var(--c-xs);clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.gr-out{--c:var(--c-m);background:var(--grip),var(--black);box-shadow:inset 0 4px 0 var(--acc-hi)}
.gr-out :focus-visible{outline-color:var(--acc-hi)}
.gr-res{transform:none}
.gr-bar{height:12px;padding:2px;background:var(--rubber);box-shadow:inset 0 0 0 1px var(--edge)}
.gr-bar i{background:var(--acc-hi)}
.gr-rights .card{border-top:0;box-shadow:inset 0 0 0 1px var(--line),inset 0 3px 0 var(--acc)}
.gr-tool select,.gr-tool input[type=date]{border:0;box-shadow:inset 0 0 0 1px var(--field)}
.gr-tool select:focus,.gr-tool input[type=date]:focus{box-shadow:inset 0 0 0 2px var(--acc-ink);background-color:rgba(255,241,234,.4)}
.gr-big{font-weight:900;font-variant-numeric:tabular-nums lining-nums}