/* Страницы, перенесённые со старого сайта («О нас», «Контакты», «Аукционы», «Вопросы-ответы», «Кейсы», «Новости»). Дополняет blog.css. */
header{flex-wrap:wrap;row-gap:12px}
.page-nav{display:flex;flex-wrap:wrap;gap:6px 22px;flex:1}
.page-nav a{color:#a8b8c2;transition:color .15s}
.page-nav a:hover,.page-nav a.current{color:#fff}
.page-nav a.current{box-shadow:0 2px 0 #ed2027}
.to-catalog{white-space:nowrap}
main>article,main article{max-width:850px}
.lead{font-size:20px;color:#ff646b;font-weight:700;letter-spacing:.5px;margin:-6px 0 10px}
.block{margin-top:56px}
.block>h2,.case>h2{font-size:28px;margin:0 0 22px}
.btn{display:inline-block;padding:11px 22px;border-radius:999px;background:#ed2027;color:#fff!important;text-decoration:none;font-weight:700;font-size:15px;line-height:1.3;border:1px solid #ed2027;transition:background .15s,border-color .15s}
.btn:hover{background:#c8161c;border-color:#c8161c}
.btn.ghost{background:transparent;border-color:#56646d}
.btn.ghost:hover{border-color:#ed2027;background:transparent}
.cta{display:flex;flex-wrap:wrap;gap:22px 40px;align-items:center;justify-content:space-between;margin-top:64px;padding:30px 34px;border-radius:22px;background:linear-gradient(135deg,#1f282e,#151b1f);border:1px solid #354149}
.cta h2{margin:0 0 6px;font-size:24px}
.cta p{margin:0;color:#a8b8c2}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
/* Вопросы и ответы */
.faq-list{max-width:900px;margin-top:30px}
.faq{border:1px solid #354149;border-radius:16px;background:#1c2429;margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 22px;font-weight:700;line-height:1.4;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:#ed2027;line-height:1}
.faq[open] summary::after{content:"–"}
.faq[open]{border-color:#56646d}
.faq-body{padding:0 22px 18px;color:#d5dde2}
.faq-body p:first-child{margin-top:0}
.faq-body a{color:#ff646b}
/* Плитки */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tiles.three{grid-template-columns:repeat(3,1fr)}
.tile{background:#1c2429;border:1px solid #354149;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.tile img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.tile img.icon{width:56px;height:56px;aspect-ratio:auto;object-fit:contain;border-radius:0}
.tile h3{margin:0;font-size:20px;line-height:1.3}
.tile p{margin:0;color:#c3ced5;font-size:16px;line-height:1.6;flex:1}
.merits{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.merits li{background:#1c2429;border:1px solid #354149;border-radius:14px;padding:16px 20px}
.merits strong{color:#fff}
.merits a{color:#ff646b;white-space:nowrap}
.steps{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;gap:12px;max-width:850px}
.steps li{counter-increment:step;display:grid;grid-template-columns:44px 1fr;column-gap:16px;background:#1c2429;border:1px solid #354149;border-radius:14px;padding:16px 20px}
.steps li::before{content:counter(step);grid-row:1/3;width:44px;height:44px;border-radius:50%;background:#ed2027;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center}
.steps strong{display:block}
.steps span{color:#c3ced5;font-size:16px}
/* Отзывы */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.review{margin:0;background:#1c2429;border:1px solid #354149;border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.review p{margin:0;font-size:16px;line-height:1.6}
.review footer{padding:0;border:0;color:#a8b8c2;font-size:14px}
/* Кейсы */
.case{margin-top:56px;padding-top:40px;border-top:1px solid #354047}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:24px;max-width:850px}
.gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid #354149;transition:border-color .15s}
.gallery a:hover img{border-color:#ed2027}
/* Новости */
.card.news{padding:0;overflow:hidden;justify-content:flex-start}
.card.news img{display:block;width:100%;aspect-ratio:555/385;object-fit:cover}
.card.news h2{margin:20px 22px 10px}
.card.news p{margin:0 22px 12px;color:#a8b8c2;font-size:15px;line-height:1.55}
.card.news span{margin:auto 22px 22px}
.toc{max-width:850px;background:#1c2429;border:1px solid #354149;border-radius:16px;padding:18px 24px;margin-bottom:30px}
.toc ul{margin:8px 0 0;padding-left:20px}
.toc a{color:#ff646b}
/* Контакты */
.contacts{font-size:19px}
.contacts>a{display:block;margin:14px 0}
.contacts a{color:#ff646b}
article table{border-collapse:collapse}
article figure{margin:28px 0}
article figcaption{color:#a8b8c2;font-size:14px;margin-top:8px}
.page-foot{display:flex;flex-wrap:wrap;gap:8px 30px;justify-content:space-between}
.page-foot a{color:inherit}
@media(max-width:900px){.reviews,.tiles.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.tiles,.tiles.three,.reviews,.merits{grid-template-columns:1fr}.cta{padding:24px 20px}.block>h2,.case>h2{font-size:23px}.page-nav{order:3;flex-basis:100%;gap:6px 16px}}

/* Форма заявки на таможенное оформление (/zayavka-na-tamozhennoe-oformlenie-avtomobiley/, customs-form.js) */
#customsApp{max-width:900px;margin-top:30px}
#customsForm fieldset{border:1px solid #354149;border-radius:18px;background:#1c2429;padding:22px 24px 24px;margin:0 0 18px;min-width:0}
#customsForm legend{font-size:20px;font-weight:700;padding:0 10px}
#customsForm h3{font-size:17px;margin:26px 0 4px}
.cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.cf-field{display:flex;flex-direction:column;gap:7px;font-size:15px;color:#c3ced5}
.cf-wide{grid-column:1/-1}
#customsForm fieldset>.cf-wide{margin-top:16px}
.cf-field input,.cf-field select,.cf-field textarea{font:inherit;font-size:16px;color:#edf1f3;background:#111719;border:1px solid #46535b;border-radius:10px;padding:11px 13px;width:100%;transition:border-color .15s,box-shadow .15s}
.cf-field textarea{resize:vertical;line-height:1.5}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{outline:0;border-color:#ed2027;box-shadow:0 0 0 3px rgba(237,32,39,.2)}
.cf-field input[type=date]{color-scheme:dark}
.cf-field small,.cf-file small,.cf-toggle small{color:#8d9ca6;font-size:13px;line-height:1.4}
.cf-note{color:#8d9ca6;font-size:14px;margin:0 0 14px}
.cf-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.cf-file{display:flex;flex-direction:column;gap:6px;border:1px dashed #56646d;border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .15s,background .15s;min-width:0}
.cf-file:hover{border-color:#ed2027}
.cf-file.has-file{border-style:solid;border-color:#3f8f5f;background:rgba(63,143,95,.08)}
.cf-file-label{font-size:15px;font-weight:700}
.cf-file-label i{color:#ff646b;font-style:normal}
.cf-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cf-file:focus-within{border-color:#ed2027;box-shadow:0 0 0 3px rgba(237,32,39,.2)}
.cf-file-name{font-size:14px;color:#a8b8c2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-file.has-file .cf-file-name{color:#9fe0b6}
.cf-toggle{display:flex;gap:12px;align-items:flex-start;margin-top:16px;cursor:pointer;font-size:16px;line-height:1.4}
.cf-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.cf-toggle small{display:block;margin-top:3px}
.cf-switch{flex:none;width:44px;height:24px;border-radius:999px;background:#46535b;position:relative;transition:background .15s;margin-top:1px}
.cf-switch::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
.cf-toggle input:checked+.cf-switch{background:#ed2027}
.cf-toggle input:checked+.cf-switch::after{transform:translateX(20px)}
.cf-toggle input:focus-visible+.cf-switch{box-shadow:0 0 0 3px rgba(237,32,39,.3)}
.cf-toggle input:disabled+.cf-switch{opacity:.6}
.cf-person[hidden],.cf-file[hidden]{display:none}
.cf-person{margin-top:20px}
.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cf-consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:#c3ced5;margin:22px 0 6px}
.cf-consent input{margin-top:4px;width:18px;height:18px;accent-color:#ed2027;flex:none}
.cf-consent a{color:#ff646b}
.cf-error{color:#ff8080;font-size:15px;margin:12px 0 0;min-height:1px}
.cf-error:empty{display:none}
.cf-submit{margin-top:18px;font-size:16px;padding:14px 34px;cursor:pointer}
.cf-submit:disabled{opacity:.6;cursor:default}
.cf-login,.cf-success{border:1px solid #354149;border-radius:20px;background:#1c2429;padding:30px 32px}
.cf-login h2,.cf-success h2{margin:0 0 10px;font-size:24px}
.cf-login p,.cf-success p{color:#c3ced5;margin:0 0 20px;max-width:640px}
.cf-success svg{width:56px;height:56px;fill:none;stroke:#5fd08a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
@media(max-width:640px){.cf-grid,.cf-files{grid-template-columns:1fr}#customsForm fieldset{padding:18px 16px 20px}.cf-login,.cf-success{padding:24px 20px}}