/* Универсальная шапка с двумя вкладками */
.popup.service-panel .split-header{
  position: sticky;
  top: 0;
  z-index: 5;

  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;

  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);

  cursor: pointer;

  --pad-x: 20px;          

  padding: 16px var(--pad-x) 12px;
  border-bottom: 2px solid rgb(0 0 0 / 8%); 
  border-radius: 12px 12px 0 0;
  position: relative;        
}

/* Базовое состояние вкладки */
.tab-pane {
  opacity: 1;             
  pointer-events: none;
  transform: translate3d(0, 4px, 0);
}

/* Активная вкладка: мягко подползает наверх */
.tab-pane.is-active {
  pointer-events: auto;
  animation: tabPaneSlideUltraSoft .32s cubic-bezier(0.23, 0.6, 0.3, 0.98) both;
}

@keyframes tabPaneSlideUltraSoft {
  0%   { transform: translate3d(0, 4px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

/* Уважение prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .tab-pane,
  .tab-pane.is-active {
    animation: none !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}

/* типографика */
.popup.service-panel .split-header .split-half{
  text-align: center;
  padding: 0 12px;
}
.popup.service-panel .split-header .split-half h2{
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #000000;
}
.popup.service-panel .split-header .split-half p{
  margin: 2px 0 0;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.9);
}

/* приглушаем неактивную половину */
.popup.service-panel .split-header[data-active="left"]  .right{ opacity: .6; }
.popup.service-panel .split-header[data-active="right"] .left { opacity: .6; }

/* нижний индикатор активной вкладки — поверх border-bottom, от края до края половины */
.popup.service-panel .split-header .indicator{
  position: absolute;
  left: 0;      
  bottom: -2px;    
  width: 50%;      
  height: 3px;
  border-radius: 0;
  background: rgb(229 191 108);
  transition: left .25s ease;
}

/* правая активна — сдвигаем индикатор на вторую половину */
.popup.service-panel .split-header[data-active="right"] .indicator{
  left: 50%;
}

/* плавная смена панелей */
.popup.service-panel .tab-pane{
  transition: opacity .25s ease;
}
.popup.service-panel .tab-pane[hidden]{
  display: none !important;
}