/* Страница «Доставка и оплата». Вёрстка клиента из new-dostavka-i-oplata/styles.css,
   все селекторы ограничены контейнером .dp — глобальные правила исходника (body, *, h2,
   ul, button, a) иначе поехали бы по всему сайту. Правки вносить здесь. */
.dp {--ink:#171614; --muted:#6e6b66; --line:#e6e3de; --warm:#f7f6f3; --accent:#b65e2d; --container:1040px;}
.dp button {font:inherit;}
.dp a {color:inherit; text-decoration:none;}
.dp .container {width:min(var(--container),calc(100% - 48px)); margin:auto;}
.dp .page {padding:32px 0 100px;}
.dp .breadcrumbs {display:flex; gap:10px; margin-bottom:76px; color:var(--muted); font-size:11px;}
.dp .breadcrumbs span:last-child {color:var(--ink);}
.dp .page-header {max-width:700px; margin-bottom:68px;}
.dp .page-header h1 {margin:0 0 22px; font-size:52px; font-weight:500; letter-spacing:-.04em; line-height:1.05;}
.dp .page-header p, .dp .plain-section > p, .dp .text-block p, .dp .text-block li, .dp .note p, .dp .accordion p {color:var(--muted); font-size:14px; line-height:1.7;}
.dp .page-header p {max-width:600px; margin:0;}
.dp .regions {display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.dp .info-card {min-width:0; padding:35px; border:1px solid var(--line); border-radius:8px;}
.dp .info-card:nth-child(2) {background:var(--warm);}
.dp .section-label {margin-bottom:15px; color:var(--accent); font-size:11px; font-weight:600; letter-spacing:.08em;}
.dp h2 {margin:0 0 38px; font-size:30px; font-weight:500; letter-spacing:-.03em; line-height:1.15;}
.dp h3 {margin:0 0 12px; font-size:16px; font-weight:600; line-height:1.35;}
.dp h4 {margin:23px 0 8px; font-size:12px; font-weight:600;}
.dp .text-block {padding:25px 0; border-top:1px solid var(--line);}
.dp .text-block:first-of-type {padding-top:0; border-top:0;}
.dp .text-block p {margin:0 0 13px;}
.dp .text-block p:last-child {margin-bottom:0;}
.dp ul {margin:0 0 14px; padding-left:20px;}
.dp li::marker {color:var(--accent);}
.dp .text-block li {margin:4px 0;}
.dp .note {margin-top:25px; padding:22px; border-radius:6px; background:#fff0e5;}
.dp .note h3 {color:var(--accent);}
.dp .note p {margin:0 0 11px; color:#725b4c; font-size:12px;}
.dp .note p:last-child {margin-bottom:0;}
.dp .note--positive {background:#edf5ef;}
.dp .note--positive h3 {color:#3f7255;}
.dp .note--positive p {color:#557362;}
.dp .note--timing {background:#f0f4f5;}
.dp .note--timing h3 {color:#4d6870;}
.dp .note--timing p {color:#5c6d72;}
.dp .plain-section, .dp .faq {max-width:700px; margin:100px 0 0; padding-top:30px; border-top:1px solid var(--line);}
.dp .plain-section h2, .dp .faq h2 {margin-bottom:25px;}
.dp .plain-section > p {margin:0 0 15px;}
.dp .plain-section > p:last-child {margin-bottom:0;}
.dp .payment-legal {margin-top:30px; padding-top:24px; border-top:1px solid var(--line);}
.dp .payment-legal h3 {margin-bottom:10px; font-size:16px; font-weight:600;}
.dp .payment-legal p {margin:0; color:var(--muted); font-size:14px; line-height:1.7;}
.dp .faq {max-width:none; display:grid; grid-template-columns:250px 1fr; column-gap:75px;}
.dp .faq .section-label, .dp .faq h2 {grid-column:1;}
.dp .faq h2 {grid-row:2;}
.dp .accordion {grid-column:2; grid-row:1 / span 2; border-top:1px solid var(--line);}
.dp .accordion-item {border-bottom:1px solid var(--line);}
.dp .accordion-item button {width:100%; min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0; border:0; background:transparent; color:var(--ink); text-align:left; cursor:pointer;}
.dp .accordion-item button span {font-size:14px; line-height:1.45;}
.dp .accordion-item button b {color:var(--accent); font-size:21px; font-weight:400; transition:transform .2s;}
.dp .accordion-item button[aria-expanded=true] b {transform:rotate(45deg);}
.dp .accordion-item div {padding:0 35px 24px 0;}
.dp .accordion-item p {max-width:620px; margin:0 0 10px; font-size:13px;}
.dp .accordion-item p:last-child {margin-bottom:0;}
.dp .bottom-contact {max-width:700px; margin:70px auto 0; padding-top:25px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; line-height:1.7; text-align:center;}
.dp .region-tabs {display:none;}
@media (max-width:760px) {
  .dp .container {width:min(100% - 32px,var(--container));}
  .dp .page {padding-top:22px;}
  .dp .breadcrumbs {margin-bottom:48px;}
  .dp .page-header {margin-bottom:40px;}
  .dp .page-header h1 {font-size:38px;}
  .dp .page-header p, .dp .plain-section > p, .dp .text-block p, .dp .text-block li, .dp .note p, .dp .accordion p {font-size:13px;}
  .dp .region-tabs {display:grid; grid-template-columns:1fr 1fr; gap:3px; margin-bottom:16px; padding:3px; border-radius:6px; background:var(--warm);}
  .dp .region-tabs button {min-height:42px; padding:6px 8px; border:0; border-radius:4px; background:transparent; color:var(--muted); font-size:11px; line-height:1.25; cursor:pointer;}
  .dp .region-tabs button.is-active {background:#fff; color:var(--ink); box-shadow:0 1px 5px #00000012;}
  .dp .regions {display:block;}
  .dp .info-card {display:none; padding:24px 20px;}
  .dp .info-card.is-active {display:block;}
  .dp h2 {margin-bottom:30px; font-size:27px;}
  .dp .plain-section, .dp .faq {margin-top:64px;}
  .dp .bottom-contact {margin-top:55px; font-size:13px; text-align:left;}
  .dp .faq {display:block;}
  .dp .faq .section-label {margin-bottom:15px;}
  .dp .accordion-item button {min-height:67px;}
  .dp .accordion-item button span {font-size:13px;}
  .dp .note {padding:18px;}
}