@charset "UTF-8";
/* Информационные страницы тестового макета: плашка, О компании, Оплата и доставка, Контакты, формы-заглушки. */
html{scroll-padding-top:64px}
.demo-banner{position:sticky;top:0;z-index:30}
.demo-banner>span:last-child{min-width:0}
.demo-banner strong{font-weight:700;color:#fff;letter-spacing:.03em}
.demo-banner .status-dot{background:#ffb454}

.header-phone{display:none;flex-direction:column;gap:1px;line-height:1.25;white-space:nowrap}
.header-phone strong{font-size:14px;font-weight:650;letter-spacing:-.01em}
.header-phone small{font-size:11px;color:var(--muted)}
@media(min-width:1151px){.header-phone{display:flex}}

.info-page{max-width:960px}
.info-notice{margin-bottom:24px}
.info-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:32px;margin-bottom:20px;min-width:0}
.info-card>h2{font-size:23px;margin-bottom:16px}
.info-card>h3{font-size:16px;margin:24px 0 8px}
.info-card p{color:#40576b;font-size:14px;line-height:1.7}
.info-card p+p{margin-top:12px}
.info-card ul,.info-card ol{margin:12px 0 0;padding-left:22px;color:#40576b;font-size:14px;line-height:1.7}
.info-card li+li{margin-top:8px}
.info-card a:not(.button){color:var(--blue)}
.info-card a:not(.button):hover{text-decoration:underline}
.info-lead p{font-size:16px;color:var(--ink);line-height:1.65}
.info-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

.info-docs{margin-top:20px}
.info-docs ul{margin:16px 0 0;padding-left:22px;font-size:14px;line-height:1.7;color:#40576b}
.info-docs li+li{margin-top:8px}
.info-docs a{color:var(--blue)}
.info-docs a:hover{text-decoration:underline}

.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px}
.why-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}
.why-card h3{font-size:17px;margin-bottom:10px}
.why-card p{font-size:13px;line-height:1.65;color:var(--muted)}

.chip-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.info-card .chip-list{padding:0}
.chip-list li{margin:0;border:1px solid #d8e7fb;background:#edf4fd;color:#275a8e;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}
.info-card .chip-list li+li{margin-top:0}

.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.person{border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0}
.person strong{display:block;font-size:14px;font-weight:650;line-height:1.35}
.person span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.person a{display:block;font-size:12px;margin-top:10px;overflow-wrap:anywhere}
.info-card .person-group{font-size:10px;letter-spacing:.12em;font-weight:700;color:#688093;margin:22px 0 0;line-height:1.4}
.info-card .person-group:first-of-type{margin-top:0}
.info-card ul+p,.info-card ol+p,.info-card .people+p{margin-top:18px}

.facts{display:grid;gap:0;margin:0}
.facts>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.facts>div:first-child{border-top:0;padding-top:0}
.facts dt{color:var(--muted)}
.facts dd{margin:0;overflow-wrap:anywhere}

.faq{display:grid;gap:10px;margin-top:6px}
.faq details{border:1px solid var(--line);border-radius:10px;background:white}
.faq summary{cursor:pointer;list-style:none;padding:16px 48px 16px 18px;font-size:14px;font-weight:600;position:relative;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:var(--blue)}
.faq details[open] summary:after{content:"−"}
.faq summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:10px}
.faq-body{padding:0 18px 18px}
.faq-body p{font-size:14px;line-height:1.7;color:#40576b}
.faq-body ul{margin:10px 0 0;padding-left:22px;font-size:14px;line-height:1.7;color:#40576b}
.faq-body p+p,.faq-body p+ul{margin-top:10px}

.contacts-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.contacts-layout .info-card{margin-bottom:0}

.demo-form{display:grid;gap:14px;margin-top:6px}
.form-field{display:grid;gap:7px;min-width:0}
.form-field>span,.form-group>legend{font-size:12px;font-weight:600}
.demo-form input[type=text],.demo-form input[type=email],.demo-form input[type=tel],.demo-form textarea{width:100%;min-height:44px;border:1px solid #cad9e7;border-radius:8px;padding:0 12px;font:inherit;font-size:13px;background:#fff}
.demo-form textarea{min-height:110px;padding:11px 12px;resize:vertical}
.demo-form input:focus-visible,.demo-form textarea:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.demo-form input[type=file]{font-size:12px;color:var(--muted)}
.form-group{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.form-group>legend{padding:0;margin-bottom:2px}
.form-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.55;color:#40576b}
.form-check input{accent-color:var(--blue);width:16px;height:16px;margin:2px 0 0;flex-shrink:0}
.form-check a{color:var(--blue);text-decoration:underline}
.demo-form-note{margin:0}
.demo-form .button{justify-self:start}

.sample-dialog{width:min(560px,calc(100vw - 40px))}
.sample-dialog h2{font-size:27px;margin-bottom:8px}
.sample-dialog>p{font-size:13px;color:var(--muted);margin-bottom:18px}

.footer-info{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line);font-size:12px;line-height:1.75;color:#5d7283}
.footer-info h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#405a70;margin-bottom:10px;font-weight:700}
.footer-info p{margin:0}
.footer-info p+p{margin-top:0}
.footer-info ul{list-style:none;margin:0;padding:0}
.footer-info a{color:var(--blue)}
.footer-info a:hover{text-decoration:underline}
.footer-legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:#738596}

@media(max-width:1000px){.why-grid,.people{grid-template-columns:1fr 1fr}.contacts-layout{grid-template-columns:1fr}}
@media(max-width:800px){.footer-info{grid-template-columns:1fr 1fr}.footer-info>div:first-child{grid-column:1/-1}}
@media(max-width:570px){
  .demo-banner{font-size:10px;padding-block:6px}
  .demo-banner .status-dot{display:none}
  .info-card{padding:22px}
  .info-card>h2{font-size:21px}
  .info-card p,.info-card ul,.info-card ol,.faq-body p,.faq-body ul{font-size:13px}
  .info-lead p{font-size:14px}
  .why-grid,.people{grid-template-columns:1fr}
  .facts>div{grid-template-columns:1fr;gap:3px;font-size:13px}
  .footer-info{grid-template-columns:1fr}
  .sample-dialog h2{font-size:24px}
}