/* Общая навигация главной и информационных страниц. */
.info-nav{display:flex;align-items:center;gap:18px}
.info-nav a{font-size:14px;line-height:1.3;color:var(--ink-2);padding-block:10px}
.info-nav a:hover,.info-nav a[aria-current="page"],.info-menu-link[aria-current="page"]{color:var(--accent-ink)}
.info-nav a[aria-current="page"]{box-shadow:0 2px 0 var(--accent)}
.info-menu-link[aria-current="page"]{background:var(--accent-soft);font-weight:500}
.navmenu{max-height:calc(100dvh - 82px);overflow-y:auto}
a:focus-visible,summary:focus-visible{outline:3px solid var(--137C);outline-offset:4px;border-radius:6px}
@media(max-width:1100px){
  .info-nav{display:none}
  .burger{display:inline-flex}
}
/* Новые страницы используют шрифты, цвета, кнопки, шапку и подвал главной. */
.info-page{padding-bottom:64px}
.info-hero{padding-block:70px 48px}
.info-hero__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent-ink);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px}
.info-page h1{font-size:clamp(36px,4.1vw,58px);font-weight:500;line-height:1.1;letter-spacing:-.04em;max-width:18ch}
.info-lead{font-size:clamp(18px,1.7vw,21px);color:var(--ink-2);max-width:60ch;margin-top:24px}
.info-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.info-actions .btn{height:auto;min-height:52px;padding-block:14px;line-height:1.3;text-align:center}
.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px;font-size:15px;margin-top:22px}
.info-section{padding-block:38px;scroll-margin-top:90px}
.section-head{max-width:740px;margin-bottom:26px}
.info-page h2{font-size:clamp(27px,2.6vw,36px);line-height:1.2;font-weight:500;letter-spacing:-.025em}
.section-head p{color:var(--ink-2);margin-top:14px}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.info-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.info-card{background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:28px;min-width:0}
.info-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent-ink);margin-bottom:18px}
.info-icon svg{width:23px;height:23px}
.info-page h3{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.015em}
.info-card p{color:var(--ink-2);font-size:16px;margin-top:12px}
.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.steps li{counter-increment:step;position:relative;padding-left:86px}
.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:26px;top:28px;color:var(--accent-ink);font-size:26px;font-weight:500}
.info-note{border-left:3px solid var(--accent);padding:8px 0 8px 20px;color:var(--ink-2);margin-top:24px;font-size:16px}
.screen-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:18px}
.screen-phone{width:min(248px,100%);padding:10px;border:1px solid var(--line-2);border-radius:36px;background:var(--bg);box-shadow:var(--sh-soft);position:relative}
.screen-phone::before{content:"";position:absolute;width:72px;height:6px;background:var(--line-2);border-radius:9px;left:50%;top:20px;transform:translateX(-50%)}
.screen-phone img{display:block;width:100%;height:auto;border-radius:27px}
.screen-figure figcaption{max-width:320px;text-align:center;color:var(--ink-2);font-size:14px}
.screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-block:12px}
.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--line-2);padding:19px 0}
.faq summary{font-size:18px;font-weight:500;cursor:pointer;line-height:1.4}
.faq details p{color:var(--ink-2);margin-top:14px;max-width:70ch}
.info-cta{margin-top:38px;padding:38px;background:var(--bg);border:1px solid var(--line);border-radius:28px}
.info-cta p{color:var(--ink-2);margin-top:14px;max-width:68ch}
.price-card__value{display:block;font-size:34px;font-weight:500;letter-spacing:-.03em;margin-top:14px}
.price-card__rub{display:block;color:var(--accent-ink);font-size:17px;margin-top:2px}
.price-card--full{border-color:var(--accent)}
.price-label{color:var(--accent-ink);font-size:13px;font-weight:500}
.price-table-wrap{margin-top:28px;border:1px solid var(--line);border-radius:20px;background:var(--bg);overflow:hidden}
.price-table{border-collapse:collapse;width:100%;font-size:16px;text-align:left}
.price-table caption{text-align:left;padding:22px;font-size:18px;font-weight:500}
.price-table th,.price-table td{padding:16px 22px;border-top:1px solid var(--line)}
.price-table th{font-weight:500;color:var(--ink-2)}
.price-table small{display:block;color:var(--ink-2);font-size:14px}
@media(max-width:760px){
  .info-hero{padding-block:40px 24px}
  .info-hero__grid{grid-template-columns:1fr;gap:34px}
  .info-grid,.info-grid--two,.steps{grid-template-columns:1fr}
  .screen-gallery{grid-template-columns:1fr;gap:32px}
  .info-section{padding-block:28px}
  .info-card{padding:24px}
  .steps li{padding-left:78px}
  .steps li::before{left:24px;top:24px}
  .info-cta{padding:26px}
  .price-table{font-size:14px}
  .price-table th,.price-table td{padding:14px 12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 11.10.2026: настоящие скриншоты — без полоски динамика поверх шапки */
.screen-phone::before{display:none}
/* Увеличение скриншотов */
.screen-phone img{cursor:zoom-in}
.screen-phone img:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.shot-zoom{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:rgba(10,14,24,.86);cursor:zoom-out}
.shot-zoom[hidden]{display:none}
.shot-zoom__fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%}
.shot-zoom__fig img{max-width:min(100%,720px);max-height:calc(100vh - 110px);width:auto;height:auto;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.45);cursor:default;background:#fff}
.shot-zoom__fig figcaption{color:#fff;font-size:15px;line-height:1.4;text-align:center;max-width:640px}
.shot-zoom__close{position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:44px;cursor:pointer}
.shot-zoom__close:hover,.shot-zoom__close:focus-visible{background:rgba(255,255,255,.28);outline:none}
html.shot-zoom-open{overflow:hidden}