.zp_info_page { --info-orange: #ffa300; color: #181818; background: #ffffff; }
.zp_info_intro { padding: 34px 0; border-bottom: 1px solid #e2e2e2; background: #f7f7f7; }
.zp_info_intro .zp_container_wide { display: grid; grid-template-columns: 210px minmax(0, 820px) auto; gap: 28px; align-items: center; }
.zp_info_label { color: var(--info-orange); font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.zp_info_intro p { margin: 0; color: #4e4e4e; font-size: 16px; line-height: 1.65; font-weight: 600; }
.zp_info_intro small { color: #777; font-size: 10px; text-align: right; }
.zp_info_warning { border-bottom: 1px solid #e0c884; background: #fff7dc; }
.zp_info_warning .zp_container_wide { display: flex; gap: 14px; align-items: flex-start; padding-top: 17px; padding-bottom: 17px; }
.zp_info_warning i { margin-top: 2px; color: #d88b00; }
.zp_info_warning p { margin: 0; color: #624c1b; font-size: 12px; line-height: 1.55; font-weight: 700; }
.zp_info_body { padding: 48px 0 62px; }

.zp_faq_layout { display: grid; gap: 22px; }
.zp_faq_group { display: grid; grid-template-columns: 280px minmax(0, 1fr); border: 1px solid #dadada; }
.zp_faq_group > header { display: flex; gap: 17px; padding: 25px; background: #181818; color: #fff; }
.zp_faq_group > header > i { width: 42px; height: 42px; display: grid; place-items: center; background: var(--info-orange); color: #181818; }
.zp_faq_group header small { color: var(--info-orange); font-size: 9px; font-weight: 900; }
.zp_faq_group header h2 { margin: 5px 0 0; font-size: 18px; line-height: 1.2; font-weight: 900; }
.zp_faq_questions details { border-bottom: 1px solid #e2e2e2; background: #fff; }
.zp_faq_questions details:last-child { border-bottom: 0; }
.zp_faq_questions summary { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 22px; list-style: none; cursor: pointer; font-size: 13px; font-weight: 900; }
.zp_faq_questions summary::-webkit-details-marker { display: none; }
.zp_faq_questions summary i { color: var(--info-orange); transition: transform .2s ease; }
.zp_faq_questions details[open] summary i { transform: rotate(45deg); }
.zp_faq_questions details[open] summary { background: #fafafa; }
.zp_faq_questions details p { margin: 0; padding: 0 54px 22px 22px; color: #555; font-size: 13px; line-height: 1.7; }

.zp_document_layout { display: grid; grid-template-columns: 270px minmax(0, 850px); gap: 52px; align-items: start; }
.zp_document_index { position: sticky; top: 20px; display: grid; border-top: 4px solid var(--info-orange); background: #181818; padding: 18px; }
.zp_document_index > span { margin-bottom: 12px; color: var(--info-orange); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.zp_document_index a { padding: 10px 0; border-top: 1px solid rgba(255,255,255,.1); color: #c5c5c5; font-size: 10px; line-height: 1.35; font-weight: 800; }
.zp_document_index a:hover { color: #fff; }
.zp_document_sections { display: grid; gap: 16px; }
.zp_document_sections article { position: relative; scroll-margin-top: 30px; border: 1px solid #dedede; padding: 25px 28px; }
.zp_document_sections article > i { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 17px; background: var(--info-orange); }
.zp_document_sections h2 { margin: 0 0 14px; font-size: 21px; line-height: 1.2; font-weight: 900; }
.zp_document_sections p { margin: 10px 0 0; color: #555; font-size: 13px; line-height: 1.75; }

.zp_info_stats { background: #181818; border-bottom: 4px solid var(--info-orange); color: #fff; }
.zp_info_stats .zp_container_wide { display: grid; grid-template-columns: repeat(3, 1fr); }
.zp_info_stats div { min-height: 105px; display: flex; flex-direction: column; justify-content: center; padding: 20px 30px; border-left: 1px solid rgba(255,255,255,.14); }
.zp_info_stats div:first-child { border-left: 0; }
.zp_info_stats strong { color: var(--info-orange); font-size: 28px; line-height: 1; font-weight: 900; }
.zp_info_stats span { margin-top: 8px; color: #bbb; font-size: 9px; font-weight: 900; text-transform: uppercase; }

.zp_service_steps { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #d9d9d9; }
.zp_service_steps article { min-height: 230px; padding: 24px; border-left: 1px solid #d9d9d9; }
.zp_service_steps article:first-child { border-left: 0; }
.zp_service_steps article > span { color: var(--info-orange); font-size: 25px; font-weight: 900; }
.zp_service_steps h2 { margin: 30px 0 10px; font-size: 17px; line-height: 1.2; font-weight: 900; }
.zp_service_steps p { margin: 0; color: #595959; font-size: 12px; line-height: 1.65; }
.zp_service_support { display: grid; grid-template-columns: minmax(0,1fr) 400px; gap: 22px; margin-top: 24px; }
.zp_service_checklist { padding: 28px; background: #f5f5f5; border-left: 4px solid var(--info-orange); }
.zp_service_checklist h2 { margin: 8px 0 20px; font-size: 24px; font-weight: 900; }
.zp_service_checklist ul { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px 24px; margin: 0; padding: 0; list-style: none; }
.zp_service_checklist li { display: flex; gap: 9px; color: #444; font-size: 12px; font-weight: 700; }
.zp_service_checklist li i { color: var(--info-orange); }
.zp_service_contacts { display: grid; gap: 10px; }
.zp_service_contacts a { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: center; border: 1px solid #ddd; padding: 14px; color: #181818; }
.zp_service_contacts a:hover { border-color: var(--info-orange); }
.zp_service_contacts a > i { width: 48px; height: 48px; display: grid; place-items: center; background: #181818; color: var(--info-orange); }
.zp_service_contacts span { display: flex; flex-direction: column; gap: 4px; }
.zp_service_contacts small { color: #777; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.zp_service_contacts strong { font-size: 13px; }

.zp_info_cta { background: #181818; border-bottom: 4px solid var(--info-orange); color: #fff; }
.zp_info_cta .zp_container_wide { min-height: 185px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.zp_info_cta h2 { margin: 7px 0 8px; font-size: 27px; font-weight: 900; }
.zp_info_cta p { max-width: 760px; margin: 0; color: #aaa; font-size: 12px; line-height: 1.6; }
.zp_info_cta a { min-height: 46px; display: inline-flex; align-items: center; gap: 10px; padding: 0 19px; background: var(--info-orange); color: #181818; font-size: 10px; font-weight: 900; text-transform: uppercase; }

@media (max-width: 900px) {
    .zp_info_intro .zp_container_wide { grid-template-columns: 1fr; gap: 10px; }
    .zp_info_intro small { text-align: left; }
    .zp_faq_group, .zp_document_layout, .zp_service_support { grid-template-columns: 1fr; }
    .zp_document_index { position: static; }
    .zp_service_steps { grid-template-columns: repeat(2,1fr); }
    .zp_service_steps article:nth-child(3) { border-left: 0; border-top: 1px solid #d9d9d9; }
    .zp_service_steps article:nth-child(4) { border-top: 1px solid #d9d9d9; }
}

@media (max-width: 620px) {
    .zp_info_body { padding: 34px 0 42px; }
    .zp_faq_group > header { padding: 20px; }
    .zp_info_stats .zp_container_wide, .zp_service_steps, .zp_service_checklist ul { grid-template-columns: 1fr; }
    .zp_info_stats div { min-height: 82px; border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }
    .zp_service_steps article { min-height: 0; border-left: 0; border-top: 1px solid #d9d9d9; }
    .zp_service_steps article:first-child { border-top: 0; }
    .zp_info_cta .zp_container_wide { align-items: flex-start; flex-direction: column; padding-top: 30px; padding-bottom: 30px; }
}