/* splitu-more.css — подбор, сравнение, бренды, поиск, карточки статей */

/* ---------- подбор ---------- */
.sp-podbor{ max-width:760px; }
.sp-podbor__card{ margin:0; padding:32px; border:1px solid var(--sp-line); border-radius:var(--sp-r24); background:linear-gradient(180deg,var(--sp-blue-bg3),#fff 60%); display:flex; flex-direction:column; gap:22px; }
.sp-podbor__progress{ display:flex; align-items:center; gap:16px; font-size:15px; color:var(--sp-text-3); }
.sp-podbor__progress i{ flex-grow:1; height:6px; border-radius:3px; background:var(--sp-line); overflow:hidden; }
.sp-podbor__progress em{ display:block; height:100%; background:var(--sp-blue); transition:width .25s; }
.sp-podbor__step{ border:0; margin:0; padding:0; min-width:0; display:flex; flex-direction:column; gap:16px; }
.sp-podbor__step legend{ font-size:24px; font-weight:800; margin-bottom:16px; padding:0; border:0; color:var(--sp-text); width:auto; }
.sp-chips--big .sp-chip{ height:48px; padding:0 18px; font-size:16px; }
.sp-podbor__row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sp-podbor__nav{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.sp-podbor__nav [data-pb-next], .sp-podbor__nav [data-pb-go]{ margin-left:auto; }
.sp-podbor__hint{ margin-top:16px; }
@media (max-width:767px){ .sp-podbor__card{ padding:18px; } .sp-podbor__step legend{ font-size:20px; } .sp-podbor__row{ grid-template-columns:minmax(0,1fr); } .sp-podbor__nav .sp-btn{ flex:1; } .sp-chips--big .sp-chip{ height:44px; font-size:15px; } }
.sp-podres__bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 12px; }
.sp-podres .sp-small{ margin:0 0 18px; }
.sp-podres__help{ margin-top:32px; padding:24px; border-radius:var(--sp-r20); background:var(--sp-bg-sec); display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.sp-podres__help > div{ flex:1 1 320px; display:flex; flex-direction:column; gap:4px; }
.sp-podres__help b{ font-size:19px; }
.sp-podres__help span{ color:var(--sp-text-3); }

/* ---------- сравнение ---------- */
.sp-compare__tools{ margin-left:auto; display:flex; align-items:center; gap:20px; }
.sp-check--switch{ align-items:center; font-weight:600; font-size:16px; }
.sp-check--switch input{ -webkit-appearance:none; appearance:none; width:44px; height:24px; border-radius:12px; background:var(--sp-line-field); position:relative; cursor:pointer; margin:0; transition:background .15s; }
.sp-check--switch input::after{ content:''; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:left .15s; }
.sp-check--switch input:checked{ background:var(--sp-blue-d); }
.sp-check--switch input:checked::after{ left:23px; }
.sp-compare__wrap{ overflow-x:auto; border:1px solid var(--sp-line); border-radius:var(--sp-r20); }
.sp-compare__table{ width:100%; min-width:760px; border-collapse:separate; border-spacing:0; font-size:15px; table-layout:fixed; }
.sp-compare__table th, .sp-compare__table td{ padding:12px 16px; border-bottom:1px solid var(--sp-line-2); text-align:left; vertical-align:top; background:#fff; }
.sp-compare__table thead th{ border-bottom:2px solid var(--sp-line); vertical-align:bottom; }
.sp-compare__table .cmp-label-col{ position:sticky; left:0; z-index:2; width:220px; font-weight:400; color:var(--sp-text-3); box-shadow:6px 0 10px rgba(0,0,0,.04); }
.sp-compare__table td{ font-weight:600; }
.sp-compare__group th{ background:var(--sp-bg-sec)!important; font-weight:800!important; color:var(--sp-text)!important; position:static!important; }
.sp-cmpcard{ position:relative; display:flex; flex-direction:column; gap:8px; }
.sp-cmpcard__x{ position:absolute; top:-4px; right:-4px; width:40px; height:40px; border:0; border-radius:var(--sp-r12); background:var(--sp-bg-photo); color:var(--sp-text-3); cursor:pointer; }
.sp-cmpcard__x:hover{ background:var(--sp-err-bg); color:var(--sp-err); }
.sp-cmpcard__img{ height:140px; display:flex; align-items:center; justify-content:center; }
body.sp .sp-cmpcard__img img{ max-height:100%; max-width:100%; object-fit:contain; }
body.sp .sp-cmpcard__name{ font-size:15px; font-weight:600; color:var(--sp-text); line-height:1.35; }
.sp-cmpcard__price{ display:flex; gap:8px; align-items:baseline; }
.sp-cmpcard__price b{ font-size:20px; font-weight:800; }
.sp-cmpcard__price s{ font-size:13px; color:var(--sp-gray); font-weight:400; }
.sp-compare__addcol{ width:200px; }
body.sp .sp-compare__add{ height:240px; border:2px dashed var(--sp-line-field); border-radius:var(--sp-r16); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; font-weight:700; }
.sp-compare__add span{ width:52px; height:52px; border-radius:50%; background:var(--sp-blue-bg); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:400; }
.sp-compare__note{ margin-top:10px; }
@media (max-width:767px){ .sp-compare__tools{ margin-left:0; width:100%; justify-content:space-between; } .sp-compare__table{ min-width:0; width:auto; } .sp-compare__table th, .sp-compare__table td{ width:150px; min-width:150px; padding:10px; font-size:13px; } .sp-compare__table .cmp-label-col{ width:116px; min-width:116px; } }

/* ---------- бренды ---------- */
.sp-brandgrid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
@media (max-width:1279px){ .sp-brandgrid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:767px){ .sp-brandgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } }
body.sp .sp-brandgrid__item{ padding:18px; border:1px solid var(--sp-line); border-radius:var(--sp-r16); display:flex; flex-direction:column; gap:14px; color:var(--sp-text); background:#fff; }
body.sp .sp-brandgrid__item:hover{ border-color:var(--sp-blue); box-shadow:var(--sp-sh-l); }
.sp-brandgrid__logo{ height:72px; border-radius:10px; background:var(--sp-bg-sec); display:flex; align-items:center; justify-content:center; padding:10px; box-sizing:border-box; }
body.sp .sp-brandgrid__logo img{ max-height:100%; max-width:100%; object-fit:contain; }
.sp-brandgrid__txt{ display:flex; flex-direction:column; }
.sp-brandgrid__txt span{ font-size:14px; color:var(--sp-text-3); }
.sp-brandhead{ display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:32px; margin-bottom:28px; }
@media (max-width:1023px){ .sp-brandhead{ grid-template-columns:minmax(0,1fr); gap:16px; } }
.sp-brandhead__main{ display:flex; gap:28px; align-items:center; padding:32px; border-radius:var(--sp-r20); background:var(--sp-bg-sec); }
.sp-brandhead__logo{ width:200px; height:120px; flex-shrink:0; border-radius:14px; background:#fff; border:1px solid var(--sp-line); display:flex; align-items:center; justify-content:center; padding:16px; box-sizing:border-box; }
body.sp .sp-brandhead__logo img{ max-width:100%; max-height:100%; object-fit:contain; }
@media (max-width:767px){ .sp-brandhead__main{ padding:16px; gap:14px; } .sp-brandhead__logo{ width:110px; height:66px; padding:8px; } }
body.sp .sp-brandhead__cert{ padding:20px; border:1px solid var(--sp-line); border-radius:var(--sp-r20); display:flex; gap:18px; align-items:center; color:var(--sp-text); }
body.sp .sp-brandhead__cert:hover{ border-color:var(--sp-blue); }
body.sp .sp-brandhead__cert > img{ width:100px; height:140px; object-fit:cover; border-radius:10px; border:1px solid var(--sp-line); }
.sp-brandhead__cert > span{ display:flex; flex-direction:column; gap:6px; }
.sp-brandhead__cert b{ display:flex; align-items:center; gap:8px; font-size:18px; }
.sp-brandhead__cert .sp-ico{ color:var(--sp-blue); }

/* ---------- поиск ---------- */
.sp-search--page{ max-width:720px; height:56px; }
.sp-search--page input{ font-size:17px; }

/* ---------- карточки статей (поиск, блог, «Читайте также») ---------- */
.sp-artlist{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
@media (max-width:1023px){ .sp-artlist{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media (max-width:767px){ .sp-artlist{ grid-template-columns:minmax(0,1fr); } }
body.sp .sp-artcard{ display:flex; flex-direction:column; gap:12px; color:var(--sp-text); border:1px solid var(--sp-line); border-radius:var(--sp-r16); overflow:hidden; background:#fff; }
body.sp .sp-artcard:hover{ border-color:var(--sp-blue); box-shadow:var(--sp-sh-l); color:var(--sp-text); }
.sp-artcard__img{ display:block; aspect-ratio:16/9; background:var(--sp-bg-photo); overflow:hidden; }
body.sp .sp-artcard__img img{ width:100%; height:100%; object-fit:cover; }
.sp-artcard__body{ display:flex; flex-direction:column; gap:8px; padding:0 18px 18px; }
.sp-artcard__img + .sp-artcard__body{ padding-top:0; }
.sp-artcard > .sp-artcard__body:first-child{ padding-top:18px; }
.sp-artcard__rubric{ align-self:flex-start; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--sp-blue-d); }
.sp-artcard__title{ font-size:19px; font-weight:700; line-height:1.3; }
body.sp .sp-artcard:hover .sp-artcard__title{ color:var(--sp-blue-d); }
.sp-artcard__text{ font-size:15px; line-height:1.5; color:var(--sp-text-3); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sp-artcard__meta{ font-size:13px; color:var(--sp-gray); margin-top:auto; }
.sp-compare__table thead th{ vertical-align:top; }

/* ---------- статья / услуга (P10, P11) ---------- */
.sp-article{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:48px; align-items:start; }
.sp-article--plain{ grid-template-columns:minmax(0,1fr); }
.sp-article--plain .sp-prose{ max-width:860px; }
body.sp .sp-article__title{ font-size:40px; line-height:1.15; margin:0 0 20px; }
.sp-article__cover{ margin:0 0 28px; border-radius:var(--sp-r20); overflow:hidden; background:var(--sp-bg-photo); }
body.sp .sp-article__cover img{ width:100%; max-height:460px; object-fit:cover; display:block; }
.sp-article__aside{ position:sticky; top:96px; display:flex; flex-direction:column; gap:16px; }
.sp-article .sp-prose{ max-width:none; }
.sp-article .sp-prose h2{ scroll-margin-top:96px; }
.sp-author{ display:flex; align-items:center; gap:12px; margin:0 0 24px; }
.sp-author > span:last-child{ display:flex; flex-direction:column; gap:2px; }
.sp-author .sp-small{ color:var(--sp-gray); font-size:14px; }
.sp-author__ava{ width:44px; height:44px; flex-shrink:0; border-radius:50%; background:var(--sp-blue-bg); color:var(--sp-blue-d); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:18px; }
.sp-author__ava--lg{ width:64px; height:64px; font-size:26px; }
.sp-authorbox{ margin-top:32px; padding:24px; border-radius:var(--sp-r20); background:var(--sp-bg-sec); display:flex; gap:18px; align-items:center; }
.sp-authorbox > div{ display:flex; flex-direction:column; gap:4px; }
.sp-authorbox b{ font-size:18px; }
.sp-toc{ padding:20px; border:1px solid var(--sp-line); border-radius:var(--sp-r16); }
.sp-toc ol{ margin:10px 0 0; padding:0; list-style:none; counter-reset:toc; display:flex; flex-direction:column; gap:2px; }
.sp-toc li{ counter-increment:toc; }
body.sp .sp-toc a{ display:flex; gap:8px; padding:6px 8px; border-radius:8px; color:var(--sp-text-3); font-size:15px; line-height:1.35; }
.sp-toc a::before{ content:counter(toc) '.'; color:var(--sp-gray); }
body.sp .sp-toc a:hover, body.sp .sp-toc a.is-active{ background:var(--sp-blue-bg); color:var(--sp-blue-d); }
.sp-ctacard{ padding:24px; border-radius:var(--sp-r20); background:var(--sp-blue-d); color:#fff; display:flex; flex-direction:column; gap:6px; }
.sp-ctacard span{ opacity:.85; font-size:15px; }
.sp-ctacard b{ font-size:28px; font-weight:800; margin-bottom:12px; }
body.sp .sp-ctacard .sp-btn{ background:var(--sp-orange); border-color:var(--sp-orange); color:#fff; }
body.sp .sp-ctacard .sp-btn:hover{ background:var(--sp-orange-h); }
.sp-tags{ margin-top:24px; display:flex; flex-wrap:wrap; gap:8px; }
.sp-field-view{ margin-top:18px; }
.sp-ctaband{ margin-top:var(--sp-sec); padding:32px 40px; border-radius:var(--sp-r24); background:linear-gradient(120deg,var(--sp-blue-bg),var(--sp-blue-bg3)); display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.sp-ctaband > div{ flex:1 1 420px; }
.sp-ctaband h2{ margin:0 0 6px; }
.sp-ctaband p{ margin:0; color:var(--sp-text-3); }
@media (max-width:1023px){
  .sp-article{ grid-template-columns:minmax(0,1fr); gap:28px; }
  .sp-article__aside{ position:static; order:-1; }
  .sp-article__aside .sp-ctacard, .sp-article__aside > .sp-btn{ display:none; }
  .sp-article__aside:has(.sp-toc[hidden]){ display:none; }
}
@media (max-width:767px){ body.sp .sp-article__title{ font-size:26px; } .sp-ctaband{ padding:22px; } .sp-ctaband .sp-btn{ width:100%; } }

/* ---------- контакты (P13) ---------- */
.sp-contacts{ display:grid; grid-template-columns:420px minmax(0,1fr); gap:24px; }
.sp-contacts__info{ padding:28px; border:1px solid var(--sp-line); border-radius:var(--sp-r20); display:flex; flex-direction:column; gap:24px; }
.sp-contacts__list{ margin:0; display:flex; flex-direction:column; gap:18px; }
.sp-contacts__list dt{ font-size:13px; font-weight:400; color:var(--sp-gray); margin-bottom:4px; }
.sp-contacts__list dd{ margin:0; font-size:17px; font-weight:600; line-height:1.4; }
body.sp .sp-contacts__phone{ font-size:24px; font-weight:800; color:var(--sp-text); }
.sp-contacts__acts{ display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.sp-contacts__acts .sp-btn{ flex:1 1 160px; }
.sp-contacts__map{ min-height:420px; border-radius:var(--sp-r20); overflow:hidden; background:var(--sp-bg-photo); }
body.sp .sp-contacts__map iframe{ width:100%!important; max-width:none!important; height:100%!important; min-height:420px; border:0; display:block; }
.sp-contacts__row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; }
.sp-contacts__card{ padding:28px; border-radius:var(--sp-r20); background:var(--sp-bg-sec); display:flex; flex-direction:column; gap:12px; }
.sp-contacts__card h2{ margin:0; font-size:22px; }
.sp-contacts__card .sp-btn{ margin-top:auto; align-self:flex-start; }
@media (max-width:1023px){ .sp-contacts, .sp-contacts__row{ grid-template-columns:minmax(0,1fr); } }
@media (max-width:767px){ .sp-contacts__info, .sp-contacts__card{ padding:20px; } .sp-contacts__map, .sp-contacts__map iframe{ min-height:300px; } .sp-contacts__card .sp-btn{ align-self:stretch; } }
.sp-artcard__img--empty{ aspect-ratio:auto; height:120px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--sp-blue-bg),var(--sp-blue-bg3)); color:var(--sp-blue); }
.sp-artcard__img--empty .sp-ico{ width:48px; height:48px; stroke-width:1.4; opacity:.8; }
.sp-artcard__img--empty + .sp-artcard__body{ padding-top:0; }
body.sp .sp-main .subscribe_wrap{ display:none!important; }

/* ---------- портфолио (P14) ---------- */
.sp-albums{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
@media (max-width:1023px){ .sp-albums{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media (max-width:767px){ .sp-albums{ grid-template-columns:minmax(0,1fr); } }
body.sp .sp-album{ display:flex; flex-direction:column; border:1px solid var(--sp-line); border-radius:var(--sp-r16); overflow:hidden; color:var(--sp-text); background:#fff; }
body.sp .sp-album:hover{ border-color:var(--sp-blue); box-shadow:var(--sp-sh-l); color:var(--sp-text); }
.sp-album__cover{ position:relative; display:block; aspect-ratio:4/3; background:var(--sp-bg-photo); overflow:hidden; }
body.sp .sp-album__cover img{ width:100%; height:100%; object-fit:cover; transition:transform .3s; }
body.sp .sp-album:hover .sp-album__cover img{ transform:scale(1.04); }
.sp-album__cover--empty{ display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--sp-blue-bg),var(--sp-blue-bg3)); color:var(--sp-blue); }
.sp-album__cover--empty .sp-ico{ width:56px; height:56px; stroke-width:1.3; }
.sp-album__count{ position:absolute; left:12px; bottom:12px; padding:4px 10px; border-radius:10px; background:rgba(20,24,28,.7); color:#fff; font-size:13px; font-weight:600; }
.sp-album__body{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:6px; }
.sp-album__body b{ font-size:18px; line-height:1.3; }
body.sp .sp-album:hover .sp-album__body b{ color:var(--sp-blue-d); }
.sp-album__body span{ font-size:15px; color:var(--sp-text-3); line-height:1.45; }
.sp-albumhead{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.sp-photogrid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
@media (max-width:1023px){ .sp-photogrid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px){ .sp-photogrid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } }
.sp-photogrid__cell{ position:relative; margin:0; }
body.sp .sp-photogrid__link{ display:block; aspect-ratio:1/1; border-radius:var(--sp-r12); overflow:hidden; background:var(--sp-bg-photo); cursor:zoom-in; }
body.sp .sp-photogrid__link img{ width:100%; height:100%; object-fit:cover; transition:transform .3s; }
body.sp .sp-photogrid__link:hover img{ transform:scale(1.05); }
.sp-photogrid figcaption{ margin-top:6px; font-size:14px; color:var(--sp-text-3); line-height:1.35; }
body.sp .sp-photogrid__del{ position:absolute; top:6px; right:6px; width:30px; height:30px; border-radius:50%; background:var(--sp-err); color:#fff; display:none; align-items:center; justify-content:center; font-size:14px; }
.sp-photogrid__cell:hover .sp-photogrid__del{ display:flex; }
body.sp .album-photos-wrap + .show-more{ display:flex; justify-content:center; margin:20px auto 0; max-width:320px; }

/* ---------- 404 (P15) ---------- */
.sp-404{ max-width:760px; margin:24px auto 0; text-align:center; display:flex; flex-direction:column; align-items:center; gap:18px; }
.sp-404__code{ display:flex; align-items:center; gap:8px; font-size:150px; font-weight:800; line-height:1; color:var(--sp-blue); letter-spacing:-.04em; }
.sp-404__code span{ width:130px; height:130px; border-radius:50%; background:var(--sp-blue-bg); display:flex; align-items:center; justify-content:center; }
.sp-404__code .sp-ico{ width:72px; height:72px; stroke-width:1.4; }
body.sp .sp-404 h1{ font-size:36px; margin:0; }
.sp-404 > p{ margin:0; font-size:17px; color:var(--sp-text-3); max-width:560px; }
.sp-404 .sp-search{ width:100%; }
.sp-404__acts{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.sp-404__cats{ display:flex; flex-direction:column; gap:10px; align-items:center; margin-top:8px; }
.sp-404__cats .sp-chips{ justify-content:center; }
@media (max-width:767px){ .sp-404__code{ font-size:88px; } .sp-404__code span{ width:78px; height:78px; } .sp-404__code .sp-ico{ width:44px; height:44px; } body.sp .sp-404 h1{ font-size:26px; } .sp-404__acts .sp-btn{ flex:1 1 100%; } .sp-404 .sp-search button span{ display:none; } }


/* ---------- мобильная проверка 30.09 ---------- */
@media (max-width:1023px){
  .sp-article__aside{ display:none!important; }
  .sp-article__main > .sp-toc{ margin:0 0 20px; }
}
@media (max-width:767px){
  /* шапка: когда в сравнении есть товары — «Позвонить» только иконкой, чтобы всё влезло */
  .sp-mhead__row:has(.sp-mhead__cmp:not([hidden])) .sp-mhead__calltxt{ display:none; }
  .sp-mhead__row:has(.sp-mhead__cmp:not([hidden])) .sp-mhead__call{ width:44px; padding:0; justify-content:center; }
  .sp-mhead__cmp{ position:relative; }
  /* сортировка: весь блок кликабелен, 16px — без авто-зума на iOS */
  .sp-sort-select select{ height:100%; font-size:16px; }
  /* крошки и ссылки подвала — удобная зона нажатия */
  .sp-crumbs a{ display:inline-block; padding:6px 0; }
  .sp-footer__links a, .sp-footer__legal a, .sp-footer__contacts a{ display:inline-block; padding:5px 0; }
  /* тост корзины — сверху, не под кнопкой чата; кнопки не обрезаются */
  .sp-toast{ top:12px; bottom:auto; }
  .sp-toast__acts{ flex-wrap:wrap; }
  .sp-toast__acts .sp-btn{ min-width:0; padding:0 10px; font-size:15px; white-space:normal; line-height:1.15; }
  /* прайс монтажа: 4 колонки помещаются в экран */
  body.sp .install-price-table{ display:table!important; width:100%!important; font-size:13px; margin:12px 0!important; }
  body.sp .install-price-table th, body.sp .install-price-table td{ white-space:normal!important; padding:8px 5px!important; }
  body.sp .install-price-table td:last-child, body.sp .install-price-table th:last-child{ white-space:nowrap!important; }
  .install-price-table-scroll{ overflow-x:auto; }
  body.sp .sp-mounttable table{ min-width:0; }
  /* тост: кнопки друг под другом во всю ширину */
  .sp-toast__acts{ flex-direction:column; }
  .sp-toast__acts .sp-btn{ flex:none; height:44px; white-space:nowrap; }
}

/* сообщение об отправке формы в модалке звонка */
.sp-cb-ok{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:18px 0 8px; }
.sp-cb-ok b{ font-size:20px; color:var(--sp-ok); }
.sp-cb-ok .sp-btn{ margin-top:6px; }

/* ---------- шапка: выпадающие кнопки рядом с «Каталогом» (меню header_services) ---------- */
.sp-hdrop{ position:relative; flex-shrink:0; }
body.sp .sp-hdrop__btn{ gap:6px; white-space:nowrap; }
.sp-hdrop__chev{ transform:rotate(90deg); transition:transform .15s; }
.sp-hdrop.is-open .sp-hdrop__chev{ transform:rotate(-90deg); }
.sp-hdrop__panel{ position:absolute; left:0; top:calc(100% + 8px); z-index:960; min-width:240px; padding:8px; background:#fff; border:1px solid var(--sp-line); border-radius:14px; box-shadow:0 18px 40px rgba(20,30,40,.16); display:none; }
.sp-hdrop.is-open .sp-hdrop__panel{ display:block; }
@media (hover:hover) and (min-width:1024px){
  .sp-hdrop:hover .sp-hdrop__panel{ display:block; }
  .sp-hdrop:hover .sp-hdrop__chev{ transform:rotate(-90deg); }
  .sp-hdrop::after{ content:""; position:absolute; left:0; right:0; top:100%; height:10px; } /* мостик: курсор не теряет меню по пути к панели */
}
body.sp .sp-hdrop__item{ display:flex; align-items:center; min-height:46px; padding:0 14px; border-radius:10px; color:var(--sp-text); font-size:16px; font-weight:500; }
body.sp .sp-hdrop__item:hover{ background:var(--sp-blue-bg); color:var(--sp-blue-d); }
@media (max-width:1279px){ body.sp .sp-hdrop__btn{ padding-left:14px; padding-right:14px; } .sp-headmain .sp-wrap{ gap:14px; } }

/* шапка 1024–1279: место под кнопку «Услуги» и поиск */
.sp-headmain .sp-search__ico{ display:none; }
@media (max-width:1365px){ .sp-topbar__hours{ display:none; } }
@media (max-width:1279px){
  .sp-headmain .sp-search__ico{ display:block; }
  .sp-headmain .sp-search__txt{ display:none; }
  .sp-headmain .sp-search button{ padding:0 14px; }
  .sp-headmain .sp-cart__txt{ display:none; }
  body.sp .sp-headmain .sp-phone__num{ font-size:17px; gap:6px; }
  .sp-headmain .sp-phone__num .sp-ico{ display:none; }
  .sp-topbar__usp > span:nth-child(3){ display:none; }
}

/* счётчики статистики в подвале */
.sp-footer__counters{ display:flex; align-items:center; flex-shrink:0; }
.sp-footer__counters img{ display:block; }