/* UniSeek v3 — оформление классической разметки страниц платформы (site/platform/.../_*_body.html) внутри v3.
   Подключается после search-product.css (стили компонентов); всё приписано к .v3sp. */
.v3sp{--lime:#B9ADFF;--ink:var(--v3-ink);--muted:var(--v3-muted);--line:var(--v3-line);font-family:var(--v3-font);color:var(--v3-text)}
.v3sp .container{width:min(var(--v3-wrap),100% - var(--v3-pad)*2);margin-inline:auto}
.v3sp h1,.v3sp h2,.v3sp h3,.v3sp p{margin:0}
.v3sp a{color:inherit}
.v3sp .arw{display:inline-block;transition:transform .3s var(--v3-ease)}
.v3sp a:hover .arw{transform:translateX(3px)}

/* первый экран: светлый, как у остальных страниц v3 */
.v3sp .hero.dark-section{position:relative;overflow:hidden;padding:0;background:linear-gradient(100deg,#F4F3FF 0%,#EFEDFF 45%,#E9E6FE 100%);color:var(--v3-text)}
.v3sp .hero.dark-section::before{content:"";position:absolute;right:-6%;top:-30%;width:44%;height:170%;border-radius:48% 0 0 52%/55% 0 0 45%;background:radial-gradient(120% 90% at 80% 50%,#2C2C78 0%,var(--v3-navy) 60%);transform:rotate(8deg);pointer-events:none}
.v3sp .hero-grid-lines{display:none}
.v3sp .hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;align-items:center;padding:30px 0 30px}
.v3sp .hero-kicker-visible{margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-muted)}
.v3sp .hero h1{font-size:clamp(32px,3.8vw,50px);line-height:1.04;font-weight:800;letter-spacing:-.03em;color:var(--v3-ink)}
.v3sp .hero-title-main br{display:none}
.v3sp .hero-title-main strong{display:block;font-weight:800;color:var(--v3-accent)}
.v3sp .hero-text{max-width:600px;margin-top:14px;font-size:17px;line-height:1.5;color:var(--v3-text)}
.v3sp .hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:22px}
.v3sp .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border:0;border-radius:var(--v3-r-btn);background:var(--v3-accent);color:#fff!important;font:600 16px/1 var(--v3-font);text-decoration:none;cursor:pointer;transition:background .2s,transform .3s var(--v3-ease),box-shadow .3s var(--v3-ease)}
.v3sp .button:hover{background:var(--v3-accent-h);transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(75,45,240,.7)}
.v3sp .text-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--v3-accent)!important}
.v3sp .text-link:hover{color:var(--v3-accent-h)!important}
.v3sp .hero-demo{position:relative;min-width:0}
.v3sp .demo-glow{display:none}
.v3sp .hero .sp-visual,.v3sp .hero .sp-demo{position:relative;max-width:520px;margin-left:auto;border-radius:var(--v3-r-lg);overflow:hidden;background:#fff;box-shadow:0 30px 60px -28px rgba(27,29,71,.55)}
.v3sp .hero .sp-visual img{display:block;width:100%;height:auto}

/* крошки */
.v3sp .crumbs-bar-static{background:#fff;border-bottom:1px solid var(--v3-line)}
.v3sp .crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:12px 0;font-size:13px;color:var(--v3-muted)}
.v3sp .crumbs a{color:var(--v3-text)}
.v3sp .crumbs a:hover{color:var(--v3-accent)}
.v3sp .crumbs .cur{color:var(--v3-ink);font-weight:600}
.v3sp .crumbs .sep{color:var(--v3-lav-3)}

/* секции и заголовки */
.v3sp .section-pad{padding:60px 0}
.v3sp .section-light{background:#fff}
.v3sp .section-light.sp-white{background:linear-gradient(180deg,#F5F4FF 0%,#EFEEFE 100%);border:0;box-shadow:none}
.v3sp .section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:16px 48px;align-items:end;margin-bottom:28px}
.v3sp .section-heading .eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--v3-muted)}
.v3sp .section-heading h2{font-size:clamp(26px,2.8vw,38px);line-height:1.08;font-weight:800;letter-spacing:-.025em;color:var(--v3-ink)}
.v3sp .section-heading>p{font-size:16px;line-height:1.55;color:var(--v3-text)}

/* «знакомая ситуация», врезки */
.v3sp .sp-scenario{padding:22px 26px;border-left:4px solid var(--v3-accent);border-radius:0 var(--v3-r) var(--v3-r) 0;background:var(--v3-lav);font-size:16px;line-height:1.6;color:var(--v3-text)}
.v3sp .sp-white .sp-scenario{background:#fff}
.v3sp .callout,.v3sp .sp-callout{margin-top:20px;padding:18px 22px;border:1px dashed var(--v3-lav-3);border-radius:var(--v3-r);background:#fff;font-size:15px;line-height:1.55;color:var(--v3-text)}
.v3sp .callout b{color:var(--v3-ink)}
.v3sp .sp-was{color:var(--v3-muted)}

/* шаги */
.v3sp .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v3sp .steps.sp-steps-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.v3sp .step{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid #EEEDFB;border-radius:var(--v3-r);background:#fff;box-shadow:0 8px 24px -20px rgba(39,34,120,.35)}
.v3sp .step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.v3sp .step-num{font-style:normal;font-size:26px;font-weight:800;color:var(--v3-accent)}
.v3sp .step-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;background:var(--v3-lav-2);color:var(--v3-accent)}
.v3sp .step-icon svg{width:22px;height:22px}
.v3sp .step b{font-size:17px;font-weight:700;color:var(--v3-ink)}
.v3sp .step span{font-size:14px;line-height:1.55;color:var(--v3-text)}

/* что настраивается */
.v3sp .sp-setting{border-color:#EEEDFB;border-radius:var(--v3-r);box-shadow:0 8px 24px -20px rgba(39,34,120,.35)}
.v3sp .sp-setting i{background:var(--v3-lav-2);color:var(--v3-accent)}
.v3sp .sp-setting b{color:var(--v3-ink)}
.v3sp .sp-setting span{color:var(--v3-text)}

/* подключение */
.v3sp .sp-connect-card{border-radius:var(--v3-r);border-color:#EEEDFB}
.v3sp .sp-connect-card-accent{background:radial-gradient(90% 140% at 80% 30%,#2E2D80 0%,var(--v3-navy) 65%)!important;border-color:transparent!important;color:#D9DAF5}
.v3sp .sp-connect-card-accent b{color:#fff}
.v3sp .sp-connect-card-accent span{color:#C9CBEA}
.v3sp .sp-connect-card em{color:var(--v3-accent)}
.v3sp .sp-connect-card-accent em{color:var(--v3-accent-2)}
.v3sp .sp-connect-card code{border-radius:8px;background:var(--v3-lav);color:var(--v3-accent)}
.v3sp .sp-connect-card-accent code{background:rgba(255,255,255,.1);color:#E3E1FF}
.v3sp .sp-cms i{background:var(--v3-lav-2);color:var(--v3-accent)}

/* блок аналитики запросов */
.v3sp .sq-block{border-radius:var(--v3-r-lg)}
.v3sp .sq-list i{background:var(--v3-mint)!important;color:#fff!important}
.v3sp .sq-list b{color:var(--v3-ink)}
.v3sp .sq-link{color:var(--v3-accent)!important;font-weight:600}

/* другие возможности */
.v3sp .sp-more-card{border-radius:var(--v3-r);border-color:#EEEDFB;transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease)}
.v3sp .sp-more-card:hover{transform:translateY(-4px);box-shadow:var(--v3-sh-h)}
.v3sp .sp-more-card b{color:var(--v3-ink)}
.v3sp .sp-more-card:hover b{color:var(--v3-accent)}
.v3sp .sp-more-card em{color:var(--v3-accent);font-style:normal;font-weight:600}
.v3sp .sp-also{margin-top:18px;font-size:15px;color:var(--v3-text)}
.v3sp .sp-also a{color:var(--v3-accent);font-weight:600}
.v3sp .sp-also a:hover{text-decoration:underline;text-underline-offset:3px}

/* примеры запросов */
.v3sp .sp-example{border-radius:var(--v3-r);border-color:#EEEDFB}
.v3sp .sp-example-tag{background:var(--v3-lav-2);color:var(--v3-accent)}

/* тёмный призыв */
.v3sp .cta.dark-section{padding:24px 0;background:#fff}
.v3sp .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 48px;border-radius:var(--v3-r-lg);background:radial-gradient(80% 140% at 80% 40%,#2E2D80 0%,var(--v3-navy) 62%);color:#C9CBEA}
.v3sp .cta-inner h2{font-size:clamp(24px,2.6vw,36px);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#fff}
.v3sp .cta-inner p{margin-top:8px;font-size:17px;color:#C9CBEA}

/* тарифы классического блока (_pricing.html) — дополнение к pricing-skin.css */
.v3sp .pp-card-trial{border-style:dashed!important;border-color:var(--v3-lav-3)!important;background:var(--v3-lav)!important}
.v3sp .pp-card-trial .pp-btn{background:var(--v3-accent);color:#fff!important}
.v3sp .pp-note a{color:var(--v3-accent)}

/* FAQ (details) */
.v3sp .faq-list{display:flex;flex-direction:column;gap:12px;max-width:900px}
.v3sp .faq-item{border:1px solid var(--v3-line);border-radius:var(--v3-r);background:#fff;transition:box-shadow .3s,border-color .3s}
.v3sp .faq-item[open],.v3sp .faq-item:hover{border-color:var(--v3-lav-3);box-shadow:0 10px 26px -18px rgba(39,34,120,.35)}
.v3sp .faq-item summary{position:relative;display:block;padding:16px 60px 16px 20px;font-size:16px;font-weight:600;line-height:1.35;color:var(--v3-ink);cursor:pointer;list-style:none}
.v3sp .faq-item summary::-webkit-details-marker{display:none}
.v3sp .faq-item summary::after{content:"+";position:absolute;right:16px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--v3-accent);color:#fff;font-size:20px;line-height:27px;text-align:center;transition:transform .3s var(--v3-ease)}
.v3sp .faq-item[open] summary::after{transform:rotate(45deg)}
.v3sp .faq-item summary:hover{color:var(--v3-accent)}
.v3sp .faq-item p{padding:0 20px 18px;font-size:15px;line-height:1.6;color:var(--v3-text)}

@media (max-width:1020px){
  .v3sp .hero.dark-section::before{display:none}
  .v3sp .hero-inner{grid-template-columns:1fr}
  .v3sp .hero .sp-visual,.v3sp .hero .sp-demo{margin:0 auto}
  .v3sp .section-heading{grid-template-columns:1fr}
  .v3sp .steps,.v3sp .steps.sp-steps-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3sp .cta-inner{flex-direction:column;align-items:flex-start;padding:32px}
}
@media (max-width:640px){
  .v3sp .section-pad{padding:44px 0}
  .v3sp .steps,.v3sp .steps.sp-steps-3{grid-template-columns:1fr}
  .v3sp .hero-buttons .button{width:100%}
  .v3sp .cta-inner{padding:26px 18px}
  .v3sp .cta-inner .button{width:100%}
}

/* --- палитра компонентов search-product.css: салатовый → фиолетовый, чёрный → тёмно-синий, бледно-зелёный → лавандовый --- */
.v3sp .sd-accent{color:var(--v3-accent)!important}
.v3sp .sp-examples-section,.v3sp .sp-connect-section{background:linear-gradient(180deg,#F5F4FF 0%,#EFEEFE 100%)!important}
.v3sp .sp-demo{background:var(--v3-navy);border-color:var(--v3-accent-2)}
.v3sp .sp-demo-search,.v3sp .sp-demo-results li{background:rgba(255,255,255,.07)}
.v3sp .sp-compare-good{background:radial-gradient(90% 140% at 80% 30%,#2E2D80 0%,var(--v3-navy) 65%);border-color:transparent}
.v3sp .sp-compare-good .sp-compare-query{background:rgba(255,255,255,.08)}
.v3sp .sp-compare-arrow,.v3sp .sx-num,.v3sp .sp-example-tag,.v3sp .sp-setting i{background:var(--v3-lav-2);color:var(--v3-accent)}
.v3sp .sp-example-a{background:var(--v3-navy)}
.v3sp .sp-example-a::before,.v3sp .sv-checklist i{background:var(--v3-mint);color:#fff}
.v3sp .sp-connect-card code{background:var(--v3-lav);color:var(--v3-accent)}
.v3sp .sp-more-card em{color:var(--v3-accent)}
.v3sp .sq-link{background:var(--v3-accent);color:#fff!important;border-radius:var(--v3-r-btn)}
.v3sp .sq-link:hover{background:var(--v3-accent-h)}
.v3sp .sd-bar{background:var(--v3-navy)}
.v3sp .sd-search strong,.v3sp .sd-search em,.v3sp .sx-path-step b{color:var(--v3-accent)}
.v3sp .sd-meaning{background:var(--v3-lav);border-color:var(--v3-line)}
.v3sp .sd-saved{background:#DFF8EF;color:#0E8F6B}
.v3sp .sx-cmp-smart{background:var(--v3-navy);border-color:var(--v3-navy)}
.v3sp .cta-inner .button{flex:none;white-space:nowrap}
.v3sp .hero .sp-demo{background:var(--v3-navy);border:1px solid rgba(143,123,255,.45)}

/* страницы услуг: метки «Срок / Формат / Нужно от вас» в первом экране (были светлыми под тёмный фон) */
.v3sp .sv-meta{gap:10px;margin:18px 0 0}
.v3sp .sv-meta div{padding:10px 14px;border:1px solid var(--v3-line);border-radius:12px;background:#fff;box-shadow:0 6px 18px -14px rgba(39,34,120,.35)}
.v3sp .sv-meta span{color:var(--v3-accent)}
.v3sp .sv-meta b{color:var(--v3-ink)}
.v3sp .sv-checklist li{color:var(--v3-text)}
.v3sp .sv-check-group{border-color:#EEEDFB!important;border-radius:var(--v3-r)!important}
.v3sp .sv-group{color:var(--v3-ink)}

/* табы демо (.sd-tab, /platform/search/product/ и др.): у классики рамки салатовые, заданы цветом — в v3 через свои переменные (17.10.2026) */
.v3sp .sd-tab:hover{border-color:var(--v3-accent-2);color:var(--v3-ink)}
.v3sp .sd-tab.is-active{border-color:var(--v3-accent);background:var(--v3-accent);color:#fff}
/* подпись «Исправили запрос…» в демо (.sd-note): общее обнуление отступов у p съедало её отступы — возвращаем как в классике (17.10.2026) */
.v3sp .sd-note{margin:16px 0 20px}