/* КОМПОНЕНТ: cp6 — «Организация похорон проводится в несколько этапов» (графитовая стата + список из 8 пунктов), общий на всех uslugi-страницах */
.cp6{ padding:0; font-family:Inter,sans-serif; }
.cp6__top{ margin-bottom:24px; max-width:720px; }
.cp6__sub{ font-size:15px; color:var(--muted); line-height:1.6; }
.cp6__body{ display:grid; grid-template-columns:340px 1fr; gap:0; align-items:stretch; border-radius:20px; overflow:hidden; box-shadow:0 0 30px rgba(20,30,50,.12); }
.cp6__stat{ background:linear-gradient(160deg,var(--navy) 0%,#1a1a1a 100%); color:#fff; padding:40px 32px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }
.cp6__stat::after{ content:'А'; position:absolute; top:-34px; right:-14px; font-size:200px; font-weight:800; line-height:1; color:rgba(255,255,255,.055); pointer-events:none; user-select:none; z-index:0; }
.cp6__stat > *{ position:relative; z-index:1; }
.cp6__stat-logo{ position:absolute; top:24px; left:32px; font-size:12.5px; font-weight:400; letter-spacing:2px; text-transform:uppercase; color:#fff; }
.cp6__stat-num{ font-size:clamp(56px,7vw,76px); font-weight:800; line-height:.9; letter-spacing:-1px; display:flex; align-items:baseline; gap:8px; }
.cp6__stat-unit{ font-size:18px; font-weight:700; color:var(--red); text-transform:uppercase; }
.cp6__stat-label{ font-size:17px; font-weight:700; margin-top:10px; margin-bottom:14px; }
.cp6__stat-text{ font-size:14px; line-height:1.6; color:rgba(255,255,255,.88); margin-bottom:24px; }
.cp6__stat-foot{ display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:rgba(255,255,255,.95); padding-top:18px; border-top:1px solid rgba(255,255,255,.25); }
.cp6__stat-foot svg{ flex:none; }
.cp6__cta{ display:inline-flex; align-items:center; gap:10px; margin-top:22px; align-self:flex-start; background:rgba(255,255,255,.1); color:#fff; border:1.5px solid rgba(255,255,255,.3); border-radius:999px; padding:12px 24px; font:700 13.5px inherit; cursor:pointer; transition:background .18s,border-color .18s,transform .16s cubic-bezier(.22,.61,.36,1); }
.cp6__cta:hover{ background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.5); transform:translateY(-2px); }
.cp6__listcard{ background:#fff; padding:18px; border-radius:0 20px 20px 0; }
.cp6__list{ list-style:none; margin:0; background:#fff; border-radius:14px; overflow:hidden; display:grid; grid-template-columns:repeat(2,1fr); grid-auto-flow:dense; gap:0; }
.cp6__item{ border-bottom:1px solid var(--line); display:flex; align-items:flex-start; gap:14px; padding:16px 24px; background:#fff; position:relative; z-index:0; transition:background .16s,transform .16s,box-shadow .16s; }
.cp6__item:nth-child(odd){ border-right:1px solid var(--line); }
.cp6__item:nth-last-child(-n+2){ border-bottom:none; }
.cp6__item:hover{ background:#fff; transform:translateY(-2px); box-shadow:0 10px 24px rgba(20,20,20,.08); z-index:1; }
.cp6__item-title{ font-size:14.5px; font-weight:700; color:var(--navy); line-height:1.3; margin-bottom:3px; }
.cp6__item-text{ font-size:13px; color:var(--muted); line-height:1.55; }
@media(max-width:900px){
  .cp6__body{ grid-template-columns:1fr; border-radius:16px; }
  .cp6__listcard{ border-radius:0 0 16px 16px; }
  .cp6__stat{ padding:56px 24px 24px; }
  .cp6__stat-num{ font-size:56px; }
}
@media(max-width:560px){
  .cp6__item{ padding:14px 16px; }
  .cp6__list{ grid-template-columns:1fr; }
  .cp6__item:nth-child(odd){ border-right:none; }
  .cp6__item:nth-last-child(-n+2){ border-bottom:1px solid var(--line); }
  .cp6__item:last-child{ border-bottom:none; }
}
