/* Операции — самостоятельные стили страницы */
.ops-page{--navy:#153657;--blue:#257fb8;--muted:#647b90;--pale:#edf6fc;color:var(--navy);overflow:hidden}
.ops-page *{box-sizing:border-box}
.ops-page .ops-wrap{max-width:1220px;padding:0 24px;margin:0 auto}
.ops-page a{text-decoration:none}
.ops-page h1,.ops-page h2,.ops-page h3,.ops-page p{margin-top:0}
.ops-page h2{font-size:clamp(30px,3.4vw,46px);line-height:1.18;letter-spacing:-.035em;margin-bottom:18px}
.ops-page h2 span{color:#5294bd}
.ops-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:#408cb8;margin-bottom:17px}
.ops-hero{background:linear-gradient(115deg,#fff 45%,#f0f8fd);padding:26px 0 75px}
.ops-breadcrumb{display:flex;gap:12px;font-size:13px;color:#7b91a4;margin-bottom:46px}
.ops-breadcrumb a{color:#4188b4}
.ops-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.ops-hero h1{font-size:clamp(42px,5.6vw,75px);letter-spacing:-.055em;line-height:1.08;margin:0 0 28px}
.ops-hero h1 em{font-style:normal;color:#3d90bf;display:block}
.ops-lead{font-size:18px;line-height:1.78;color:#5c7185;max-width:660px;margin-bottom:31px}
.ops-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}
.ops-btn{background:#237eae;color:#fff!important;padding:17px 24px;display:inline-flex;align-items:center;gap:25px;justify-content:space-between;border-radius:10px;font-size:14px;font-weight:750;transition:background .2s,transform .2s}
.ops-btn:hover{background:#125c90;transform:translateY(-2px)}
.ops-text-link{color:#287caa;font-weight:750;font-size:14px;display:inline-flex;align-items:center;gap:10px}
.ops-hero-note{display:flex;align-items:center;gap:12px;color:#7890a2;font-size:13px;margin-top:43px}
.ops-note-line{width:27px;height:1px;background:#8dbad6}
.ops-hero-visual{position:relative;min-height:450px;display:grid;place-items:center;background:radial-gradient(circle at center,#d9f1ff 0,#f1f9fe 53%,transparent 75%);border-radius:32px}
.ops-visual-halo{width:300px;height:300px;border:1px solid #b8ddef;border-radius:50%;position:absolute;box-shadow:0 0 0 42px #d5edfa44,0 0 0 88px #d5edfa25}
.ops-spine{height:420px;position:relative;filter:drop-shadow(0 15px 16px #2a7cac30)}
.ops-visual-label{position:absolute;bottom:18px;right:18px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#4989b0;background:#ffffffc9;padding:10px 13px;border-radius:7px}
.ops-method{background:var(--pale);padding:90px 0 100px}
.ops-section-head{margin-bottom:36px}
.ops-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ops-method-video{background:#fff;padding:12px;border-radius:19px;box-shadow:0 14px 40px #25557912}
.ops-method-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:11px;display:block;background:#d7eaf6}
.ops-video-caption{padding:16px 6px 6px;color:#7a92a5;font-size:13px}
.ops-chip{display:inline-block;padding:9px 13px;border-radius:30px;background:#d9edf9;color:#2479aa;font-size:12px;font-weight:800;margin-bottom:18px}
.ops-method-copy>p{font-size:16px;line-height:1.8;color:#536d82;margin-bottom:25px}
.ops-method-points{display:grid;gap:0}
.ops-method-points>div{display:flex;gap:19px;padding:15px 0;border-top:1px solid #cfe2ef;align-items:start}
.ops-method-points b{color:#3e92bf;font-size:13px}
.ops-method-points span{font-size:15px;line-height:1.6}
.ops-catalog{padding:95px 0 110px;background:#fff;scroll-margin-top:30px}
.ops-catalog-top{display:flex;justify-content:space-between;align-items:end;gap:25px}
.ops-subtitle{color:#70859a;line-height:1.6}
.ops-count{color:#6d91aa;background:#eff7fc;border-radius:30px;padding:10px 16px;white-space:nowrap;font-size:12px;font-weight:750}
.ops-filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 31px}
.ops-filters button{cursor:pointer;border:1px solid #d3e5f1;background:#f7fbfe;color:#4f7795;border-radius:40px;padding:11px 17px;font:inherit;font-size:13px;font-weight:700}
.ops-filters button.is-active,.ops-filters button:hover{background:#247eaf;color:white;border-color:#247eaf}
.ops-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ops-card{border:1px solid #e0edf5;border-radius:18px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.ops-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #245d8417}
.ops-card[hidden]{display:none!important}
.ops-card-link{display:flex;flex-direction:column;height:100%;color:inherit!important}
.ops-card-art{height:178px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#f0f8fd,#d9edf9)}
.ops-art-cervical{background:linear-gradient(145deg,#e9f6ff,#cde7f6)}
.ops-art-fix{background:linear-gradient(145deg,#f5faff,#d7e7f4)}
.ops-art-bone{background:linear-gradient(145deg,#f2f8fa,#d6edf0)}
.ops-card-art svg{height:146px;width:146px;filter:drop-shadow(0 8px 8px #6da6c52b)}
.ops-card-num{position:absolute;left:21px;top:17px;font-size:12px;font-weight:800;color:#8eafc4}
.ops-card-content{padding:23px 24px 25px;display:flex;flex-direction:column;flex:1}
.ops-card-tag{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#4692be;font-weight:800;margin-bottom:12px}
.ops-card h3{font-size:18px;line-height:1.4;letter-spacing:-.015em;margin:0 0 28px}
.ops-card-more{margin-top:auto;display:flex;justify-content:space-between;color:#267fae;font-size:13px;font-weight:800}
.ops-link-note{color:#8091a0;font-size:12px;margin:25px 0 0}
.ops-no-results{padding:25px;color:#71879a}
.ops-decisions{padding:86px 0 100px;background:var(--pale)}
.ops-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ops-step{background:white;border:1px solid #dbeaf3;border-radius:18px;padding:33px 30px}
.ops-step>span{display:inline-grid;place-items:center;width:46px;height:46px;background:#e5f4fc;border-radius:50%;color:#3587b7;font-size:13px;font-weight:800;margin-bottom:25px}
.ops-step h3{font-size:20px;margin-bottom:12px}
.ops-step p{font-size:15px;color:#627a8e;line-height:1.75;margin-bottom:0}
.ops-questions{padding:95px 0 105px;background:white}
.ops-questions-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.ops-questions-aside>p:not(.ops-kicker){color:#6c8094;line-height:1.7;margin-bottom:26px}
.ops-questions-list{border-top:1px solid #dbe8f1}
.ops-question{display:flex;gap:24px;align-items:baseline;padding:20px 0;border-bottom:1px solid #dbe8f1}
.ops-question>span{color:#71a7c9;font-size:13px;font-weight:800}
.ops-question p{font-size:16px;line-height:1.6;margin:0}
.ops-bottom{padding:70px 0 90px;background:#e6f3fb}
.ops-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}
.ops-bottom-inner h2{margin-bottom:12px}
.ops-bottom-inner p:not(.ops-kicker){color:#5e7890;line-height:1.7;max-width:650px;margin:0}
.ops-bottom-actions{display:grid;gap:20px;justify-items:start;flex-shrink:0}
@media(max-width:950px){.ops-hero-grid{gap:15px}.ops-hero-visual{min-height:340px}.ops-spine{height:320px}.ops-method-grid{gap:30px}.ops-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-questions-grid{gap:40px}}
@media(max-width:700px){.ops-page .ops-wrap{padding:0 17px}.ops-hero{padding:18px 0 52px}.ops-breadcrumb{margin-bottom:32px}.ops-hero-grid{grid-template-columns:1fr}.ops-hero h1{font-size:clamp(38px,10vw,55px)}.ops-lead{font-size:16px;line-height:1.7}.ops-hero-note{margin-top:28px}.ops-hero-visual{min-height:235px;margin-top:24px}.ops-spine{height:235px}.ops-visual-halo{height:170px;width:170px;box-shadow:0 0 0 25px #d5edfa44}.ops-visual-label{font-size:8px}.ops-method,.ops-catalog,.ops-decisions,.ops-questions{padding:55px 0 65px}.ops-method-grid,.ops-questions-grid{grid-template-columns:1fr;gap:28px}.ops-method-video{padding:8px}.ops-catalog-top{align-items:start}.ops-count{display:none}.ops-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;margin:17px -17px 20px;padding-left:17px;padding-right:17px;scrollbar-width:thin}.ops-filters button{white-space:nowrap;flex:none}.ops-cards{grid-template-columns:1fr;gap:15px}.ops-card-art{height:155px}.ops-card-content{padding:19px}.ops-card h3{font-size:17px;margin-bottom:20px}.ops-steps{grid-template-columns:1fr;gap:12px}.ops-step{padding:24px}.ops-step>span{margin-bottom:15px}.ops-question{gap:14px;padding:16px 0}.ops-question p{font-size:15px}.ops-bottom{padding:54px 0 65px}.ops-bottom-inner{display:block}.ops-bottom-actions{margin-top:25px}.ops-btn{width:100%;justify-content:center}.ops-hero-actions{gap:18px}.ops-hero-actions .ops-text-link{margin:0 auto}}
@media(prefers-reduced-motion:reduce){.ops-page *{scroll-behavior:auto!important;transition:none!important}}

/* Unified button system — Operations page */
.ops-page .ops-btn,
.ops-page .ops-filters button,
.ops-page .ops-text-link,
.ops-page .ops-card-more {
  font-family:inherit;
  font-size:14px;
  font-weight:750;
  line-height:1.3;
  border-radius:10px;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.ops-page .ops-btn,
.ops-page .ops-filters button.is-active {
  background:#237eae;
  color:#fff!important;
  border:1px solid #237eae;
}
.ops-page .ops-btn:hover,
.ops-page .ops-filters button.is-active:hover {
  background:#125c90;
  border-color:#125c90;
  box-shadow:0 7px 18px rgba(18,92,144,.16);
  transform:translateY(-2px);
}
.ops-page .ops-text-link,
.ops-page .ops-filters button:not(.is-active),
.ops-page .ops-card-more {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 19px;
  border:1px solid #b8d9ec;
  background:#fff;
  color:#237eae;
  text-align:center;
  cursor:pointer;
}
.ops-page .ops-text-link:hover,
.ops-page .ops-filters button:not(.is-active):hover,
.ops-page .ops-card-link:hover .ops-card-more {
  background:#eaf5fc;
  border-color:#237eae;
  color:#125c90;
  transform:translateY(-2px);
}
.ops-page .ops-filters button {padding:14px 19px;white-space:nowrap}
.ops-page .ops-card-more {margin-top:auto;justify-content:space-between;width:100%}
.ops-page .ops-btn:focus-visible,
.ops-page .ops-text-link:focus-visible,
.ops-page .ops-filters button:focus-visible,
.ops-page .ops-card-link:focus-visible {outline:3px solid #7dbde2;outline-offset:3px}
@media(max-width:700px){
  .ops-page .ops-hero-actions .ops-text-link {margin:0;width:100%}
  .ops-page .ops-bottom-actions {width:100%}
  .ops-page .ops-bottom-actions .ops-text-link {width:100%}
}

/* Buttons aligned with the approved main-site style (style.css) */
.ops-page .ops-btn,
.ops-page .ops-text-link,
.ops-page .ops-filters button,
.ops-page .ops-card-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:48px;
  padding:14px 17px;
  border-radius:6px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  text-align:center;
  text-decoration:none;
  box-shadow:none;
  transform:none;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.ops-page .ops-btn,
.ops-page .ops-filters button.is-active{
  background:#1269cb;
  border:1px solid #1269cb;
  color:#fff!important;
  box-shadow:0 6px 18px #1269cb18;
}
.ops-page .ops-btn:hover,
.ops-page .ops-filters button.is-active:hover{
  background:#0758b4;
  border-color:#0758b4;
  box-shadow:0 6px 18px #1269cb18;
  transform:none;
}
.ops-page .ops-text-link,
.ops-page .ops-filters button:not(.is-active),
.ops-page .ops-card-more{
  background:#fff;
  border:1px solid #8db9ec;
  color:#1269cb;
}
.ops-page .ops-text-link:hover,
.ops-page .ops-filters button:not(.is-active):hover,
.ops-page .ops-card-link:hover .ops-card-more{
  background:#1269cb;
  border-color:#1269cb;
  color:#fff;
  transform:none;
}
.ops-page .ops-filters button{white-space:nowrap;cursor:pointer}
.ops-page .ops-card-more{width:100%;margin-top:auto;justify-content:space-between}
.ops-page .ops-btn:focus-visible,
.ops-page .ops-text-link:focus-visible,
.ops-page .ops-filters button:focus-visible,
.ops-page .ops-card-link:focus-visible{outline:3px solid #8db9ec;outline-offset:3px}
@media(max-width:700px){
  .ops-page .ops-hero-actions .ops-btn,
  .ops-page .ops-hero-actions .ops-text-link,
  .ops-page .ops-bottom-actions .ops-btn,
  .ops-page .ops-bottom-actions .ops-text-link{width:100%;margin:0}
}