/* ============================================================
   T&W - гарантии партнёру с 11.11.2026: карточки, шаги методологии, полоса.
   Страница /garantii, блок на главной франшизы, строки на cafes и compare.
   Тексты - business/facts-canonical.md, раздел 12 (зонтичный репо). Цифры здесь
   не живут: файл отвечает только за вид.
   Отдельный файл, а не styles.css: правка общего файла тянет подъём ?v= в 16 страницах.
   ============================================================ */

.gr-date{ display:inline-flex; align-items:center; gap:9px; padding:7px 14px 7px 10px; border-radius:999px;
  background:var(--green-soft); border:1px solid var(--green-line); color:var(--green-bright);
  font-weight:700; font-size:14px; line-height:1.2; }
.gr-date::before{ content:""; width:9px; height:9px; border-radius:50%; background:var(--green); flex:none;
  box-shadow:0 0 0 4px rgba(121,201,78,.18); }

/* ---------- три карточки ---------- */
.gr-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
.gr-card{ position:relative; display:flex; flex-direction:column; gap:12px; min-width:0;
  padding:28px 26px 24px; border-radius:24px; background:var(--panel); border:1px solid var(--line);
  box-shadow:0 24px 60px -40px rgba(24,22,16,.35); }
.gr-card.is-main{ background:linear-gradient(160deg,#10241a 0%,#1b4225 100%); color:#FBF8EA;
  border-color:rgba(198,242,90,.35); box-shadow:0 30px 70px -36px rgba(16,36,26,.9); }
.gr-k{ font-size:12.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--green-bright); }
.gr-card.is-main .gr-k{ color:#C6F25A; }
.gr-big{ font-weight:800; font-size:clamp(46px,5.2vw,64px); line-height:.95; letter-spacing:-.035em; color:var(--green-bright); }
.gr-big small{ font-size:.42em; letter-spacing:-.01em; font-weight:700; margin-left:6px; }
.gr-card.is-main .gr-big{ color:#C6F25A; }
.gr-ic{ width:58px; height:58px; border-radius:18px; display:flex; align-items:center; justify-content:center;
  background:var(--green-soft); color:var(--green-bright); }
.gr-ic svg{ width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.gr-card h3{ margin:4px 0 0; font-size:clamp(20px,1.9vw,23px); line-height:1.2; letter-spacing:-.015em; }
.gr-card.is-main h3{ color:#FBF8EA; }
.gr-card p{ margin:0; font-size:16px; line-height:1.55; color:var(--light); }
.gr-card.is-main p{ color:rgba(251,248,234,.86); }
.gr-cond{ margin-top:auto !important; padding-top:14px; border-top:1px dashed var(--line-strong);
  font-size:14px !important; line-height:1.5 !important; color:var(--gray) !important; }
.gr-card.is-main .gr-cond{ border-color:rgba(251,248,234,.22); color:rgba(251,248,234,.72) !important; }
.gr-cond b{ color:inherit; }
.gr-card a.more{ font-weight:700; font-size:15px; color:var(--green-bright); }
.gr-card.is-main a.more{ color:#C6F25A; }
@media (max-width:960px){ .gr-grid{ grid-template-columns:1fr; } .gr-card{ padding:24px 20px 20px; } }

/* ---------- шаги методологии ---------- */
.gr-steps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; counter-reset:gr; }
.gr-steps li{ counter-increment:gr; position:relative; min-width:0; padding:22px 20px 20px; border-radius:20px;
  background:var(--panel); border:1px solid var(--line); }
.gr-steps li::before{ content:counter(gr); display:flex; align-items:center; justify-content:center; width:34px; height:34px;
  border-radius:50%; background:var(--grad-green); color:#0c1707; font-weight:800; font-size:15px; margin-bottom:12px; }
.gr-steps b{ display:block; font-size:17px; line-height:1.3; margin-bottom:6px; }
.gr-steps span{ display:block; font-size:15px; line-height:1.5; color:var(--gray); }
.gr-result{ margin-top:16px; display:flex; gap:16px; align-items:center; padding:22px 24px; border-radius:20px;
  background:linear-gradient(160deg,rgba(121,201,78,.16),rgba(93,165,57,.05)); border:1px solid var(--green-line); }
.gr-result .gr-big{ font-size:clamp(36px,4vw,48px); flex:none; }
.gr-result p{ margin:0; font-size:17px; line-height:1.5; color:var(--light); }
@media (max-width:960px){ .gr-steps{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .gr-steps{ grid-template-columns:1fr; } .gr-result{ flex-direction:column; align-items:flex-start; } }

/* ---------- «чего гарантии не значат» ---------- */
.gr-nope{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.gr-nope li{ display:flex; gap:12px; padding:16px 18px; border-radius:16px; background:var(--panel); border:1px solid var(--line);
  font-size:15.5px; line-height:1.5; color:var(--light); }
.gr-nope li::before{ content:"!"; flex:none; width:24px; height:24px; border-radius:50%; background:var(--panel-3);
  color:var(--gray); font-weight:800; font-size:14px; display:flex; align-items:center; justify-content:center; margin-top:1px; }
.gr-nope b{ color:var(--white); }

/* ---------- полоса из трёх гарантий (первый экран главной франшизы, cafes) ---------- */
.gr-strip{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:12px 26px; align-items:center;
  padding:20px 24px; border-radius:22px; background:linear-gradient(120deg,#10241a 0%,#1b4225 100%); color:#FBF8EA;
  border:1px solid rgba(198,242,90,.3); box-shadow:0 26px 60px -40px rgba(16,36,26,.9); }
.gr-strip .gs-h{ grid-column:1 / -1; font-weight:800; font-size:13px; letter-spacing:.08em; text-transform:uppercase; line-height:1.25; color:#C6F25A; }
.gr-strip .gs-i{ display:flex; gap:12px; align-items:baseline; min-width:0; font-size:15px; line-height:1.45; color:rgba(251,248,234,.9); }
.gr-strip .gs-i b{ flex:none; font-size:26px; font-weight:800; letter-spacing:-.02em; color:#C6F25A; }
.gr-strip a.gs-more{ grid-column:4; grid-row:2; justify-self:end; white-space:nowrap; display:inline-flex; align-items:center; gap:8px; padding:12px 18px;
  border-radius:14px; background:#C6F25A; color:#0c1814; font-weight:800; font-size:14.5px; }
.gr-strip a.gs-more:hover{ background:#d4f87a; }
.gr-strip .gs-note{ grid-column:1 / -1; margin:0; font-size:12.5px; color:rgba(251,248,234,.6); }
@media (max-width:1060px){ .gr-strip{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .gr-strip a.gs-more{ grid-column:1 / -1; grid-row:auto; justify-self:start; } }
@media (max-width:700px){ .gr-strip{ grid-template-columns:1fr; padding:18px; } }
.gr-strip .gs-i b.gs-ico{ display:flex; align-self:center; }
.gr-strip .gs-i b.gs-ico svg{ width:26px; height:26px; fill:none; stroke:#C6F25A; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.gr-band{ padding-top:0 !important; }