/* Инструкции по подключению (iPhone, Android): поверх /theme.css и /legal.css */
.crumbs{font-size:14px;color:var(--mut);margin:0 0 14px}
.crumbs a{color:var(--mut)}
.steps{list-style:none;counter-reset:s;margin:18px 0;padding:0;display:grid;gap:12px}
.steps li{counter-increment:s;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px 16px 62px;margin:0}
.steps li::before{content:counter(s);position:absolute;left:18px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--pbg);color:var(--ptext);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
.steps li b{display:block;font-size:17px;margin-bottom:4px}
.steps li span{color:var(--ink2);font-size:15.5px}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.shots figure{margin:0;text-align:center}
.shots img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);background:var(--paper)}
.shots figcaption{font-size:13.5px;color:var(--mut);margin-top:8px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 6px}
.faq{display:grid;gap:10px;margin:14px 0}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:0 18px}
.faq summary{cursor:pointer;font-weight:600;padding:15px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--mut);font-weight:400;font-size:20px;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq .a{padding:0 0 16px;color:var(--ink2);font-size:15.5px}
.more{margin-top:34px;color:var(--ink2)}
@media(max-width:620px){.shots{grid-template-columns:1fr 1fr 1fr;gap:8px}.shots figcaption{font-size:12px}.steps li{padding-left:56px}}