/* Демо: выдуманная страница «спасибо» с настоящим виджетом. */
.demo{padding:36px 0 80px}
.demo-note{display:flex;gap:12px;align-items:flex-start;max-width:960px;margin:0 auto 22px;padding:14px 18px;border-radius:var(--r2);
  background:var(--amber-lt);color:#6B4A00;font-size:14.5px}
.demo-note .ic{color:var(--warn);margin-top:2px}
.shop{max-width:960px;margin:0 auto;background:#fff;border-radius:var(--r);box-shadow:var(--sh2);padding:28px 30px 24px;border:1px solid var(--line)}
.shop-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.shop-logo{font-weight:800;font-size:18px;color:#0F766E}
.shop-steps{display:flex;gap:6px;flex-wrap:wrap}
.shop-steps i{font-style:normal;font-size:12.5px;font-weight:700;color:var(--mut);padding:5px 11px;border-radius:999px;background:var(--bg2)}
.shop-steps i.on{background:#0F766E;color:#fff}
.shop-ok{display:flex;gap:16px;align-items:center;padding:24px 0 18px}
.shop-ok .tick{width:52px;height:52px;border-radius:50%;background:#DDF3EF;color:#0F766E;display:grid;place-items:center;flex:0 0 auto}
.shop-ok .tick .ic{width:26px;height:26px}
.shop-ok h1{font-size:24px;margin:0 0 4px}
.shop-ok p{margin:0;color:var(--mut)}
.shop-sum{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:22px;margin-bottom:6px;border-bottom:1px dashed var(--line2)}
.shop-sum div{flex:1;min-width:140px;background:var(--bg);border-radius:var(--r3);padding:11px 14px}
.shop-sum span{display:block;font-size:12.5px;color:var(--mut)}
.shop-sum b{font-size:16px}
.demo-after{text-align:center;margin-top:44px}
.demo-after h2{font-size:28px}
@media (max-width:600px){.shop{padding:20px 16px}.shop-ok h1{font-size:20px}}