/* ============================================================
   СПБ Переезд — страница прайса (page-price.php)
   ============================================================ */

/* шапка страницы */
.sp-price-page__hero{background:linear-gradient(135deg,var(--ink),var(--brand-dk));
  color:#fff;padding:110px 0 100px;position:relative;background-size:cover;background-position:center}
/* оверлей поверх фото для читаемости */
.sp-price-page__hero-overlay{position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(12,22,38,.82),rgba(31,95,240,.65));pointer-events:none}
.sp-price-page__hero-content{position:relative;z-index:1}
.sp-price-page__title{font-size:clamp(28px,4vw,44px);font-weight:800;margin:0 0 14px;line-height:1.15}
.sp-price-page__sub{font-size:17px;color:rgba(255,255,255,.8);margin:0 0 28px;max-width:600px;line-height:1.5}
.sp-price-page__hero .sp-btn svg{width:19px;height:19px;transition:transform var(--dur) var(--ease)}
.sp-price-page__hero .sp-btn:hover svg{transform:translateX(3px)}

/* секции по типу переезда */
.sp-price-section{padding:48px 0;border-bottom:1px solid var(--line)}
.sp-price-section:nth-child(odd){background:var(--bg-2)}
.sp-price-section:last-of-type{border-bottom:none}

/* шапка секции: фото + заголовок + описание */
.sp-price-section__head{display:flex;align-items:center;gap:24px;margin-bottom:28px}
.sp-price-section__img{flex:none;width:120px;height:80px;border-radius:var(--r);
  background-size:cover;background-position:center}
.sp-price-section__title{font-size:26px;font-weight:800;color:var(--ink);margin:0 0 6px}
.sp-price-section__desc{font-size:15px;color:var(--ink-3);margin:0;line-height:1.5}

/* таблица — полная ширина */
.sp-price-section .sp-table-wrap{overflow:visible}
.sp-price-section .sp-table{width:100%}
.sp-price-section .sp-table__price{font-family:var(--f-display);font-size:18px;
  font-weight:700;color:var(--brand-dk);white-space:nowrap}
.sp-price-section .sp-table__arrow button{background:none;border:none;cursor:pointer;
  color:var(--brand);padding:6px;border-radius:8px;display:inline-flex;
  transition:var(--dur) var(--ease)}
.sp-price-section .sp-table__arrow button:hover{background:var(--brand-soft);transform:translateX(2px)}
.sp-price-section .sp-table__arrow svg{width:20px;height:20px}
.sp-price-section .sp-table td.sp-table__muted{color:var(--ink-3);font-size:13.5px}
.sp-price-section .is-hot td:first-child{border-left:3px solid var(--brand)}

/* примечание под таблицей */
.sp-price-section__note{margin-top:16px;font-size:13.5px;color:var(--ink-3);
  background:var(--brand-soft);border-radius:var(--r);padding:12px 16px}

/* нижняя плашка со сноской */
.sp-price-page__footer{padding:40px 0;background:var(--ink)}
.sp-price-footer-note{display:flex;align-items:center;gap:20px;max-width:860px;
  background:rgba(255,255,255,.07);border-radius:var(--r-lg);padding:28px 32px}
.sp-price-footer-note__ic{flex:none;width:52px;height:52px;border-radius:12px;
  background:var(--brand);display:flex;align-items:center;justify-content:center}
.sp-price-footer-note__ic svg{width:26px;height:26px;stroke:#fff}
.sp-price-footer-note__text{font-size:14.5px;color:rgba(255,255,255,.8);line-height:1.6;margin:0 0 16px}

/* мобильная адаптация */
@media(max-width:720px){
  .sp-price-page__hero{padding:54px 0 48px}
  .sp-price-section__head{flex-direction:column;align-items:flex-start;gap:14px}
  .sp-price-section__img{width:100%;height:160px}
  .sp-price-footer-note{flex-direction:column;padding:22px}
  /* таблица → карточки строк (как в блоке prices) */
  .sp-price-section .sp-table thead{display:none}
  .sp-price-section .sp-table,.sp-price-section .sp-table tbody,
  .sp-price-section .sp-table tr,.sp-price-section .sp-table td{display:block;width:auto}
  .sp-price-section .sp-table tr{background:var(--card);border:1px solid var(--line);
    border-radius:var(--r);padding:16px;margin-bottom:12px}
  /* популярная строка на мобильном: рамка вместо border-left, чтобы не съедался паддинг */
  .sp-price-section .sp-table tr.is-hot{border-color:var(--brand);
    box-shadow:0 0 0 1px var(--brand)}
  /* гасим десктопные фон/полосу у ячеек — ломали отступы */
  .sp-price-section .sp-table tr.is-hot td,
  .sp-price-section .sp-table tr.is-hot td:first-child{background:none!important;
    box-shadow:none!important;border-left:none!important}
  .sp-price-section .sp-table td{padding:4px 0;font-size:14px}
  .sp-price-section .sp-table td.sp-table__muted::before{content:attr(data-label)": ";
    color:var(--ink-3);font-size:12px}
  .sp-price-section .sp-table__price{font-size:20px;margin-top:8px;display:block}
  .sp-price-section .sp-table__arrow{display:none}
}

/* SEO-текст — в контейнере sp-wrap, светлый фон */
.sp-price-page__seo{padding:48px 0;background:var(--bg-2);border-top:1px solid var(--line);
  font-size:15px;color:var(--ink-2);line-height:1.7}
.sp-price-page__seo h2{font-size:22px;margin:0 0 12px;color:var(--ink)}
.sp-price-page__seo h3{font-size:18px;margin:24px 0 10px;color:var(--ink)}
.sp-price-page__seo p{margin:0 0 14px}
.sp-price-page__seo ul,.sp-price-page__seo ol{padding-left:20px;margin:0 0 14px}
.sp-price-page__seo a{color:var(--brand)}

/* ============================================================
   Общие условия переезда (под hero)
   ============================================================ */
.sp-price-cond{padding:36px 0 8px}
.sp-price-cond__box{background:var(--card);border:1px solid var(--line);
  border-left:4px solid var(--brand);border-radius:var(--r);padding:26px 30px;
  box-shadow:var(--sh)}
.sp-price-cond__title{font-size:19px;font-weight:700;color:var(--ink);margin:0 0 16px;
  line-height:1.35}
.sp-price-cond__list{list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
.sp-price-cond__list li{position:relative;padding-left:26px;font-size:14.5px;
  color:var(--ink-2);line-height:1.55}
.sp-price-cond__list li::before{content:"";position:absolute;left:0;top:5px;
  width:15px;height:15px;
  background:no-repeat center/contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231f5ff0" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>')}

@media(max-width:820px){
  .sp-price-cond__list{grid-template-columns:1fr;gap:11px}
}
@media(max-width:600px){
  .sp-price-cond{padding:24px 0 4px}
  .sp-price-cond__box{padding:20px 18px}
  .sp-price-cond__title{font-size:17px}
  .sp-price-cond__list li{font-size:14px}
}