/* ── SERVICES SPLIT LAYOUT ── */
.svc-header { text-align:center; margin-bottom:56px; }
.svc-header h2 { margin-top:10px; }
.svc-header-sub { color:#6A6870; font-size:15px; margin-top:12px; font-family:'Montserrat',sans-serif; font-weight:300; letter-spacing:.04em; }

.svc-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border:1px solid rgba(201,168,76,0.15);
  border-radius:8px;
  overflow:hidden;
  min-height:520px;
}

/* LEFT LIST */
.svc-list { border-right:1px solid rgba(201,168,76,0.12); }
.svc-item {
  display:flex; align-items:center; gap:16px;
  padding:18px 24px;
  border-bottom:1px solid rgba(255,255,255,0.04);
  cursor:pointer;
  transition:all 0.25s ease;
  position:relative;
}
.svc-item:last-child { border-bottom:none; }
.svc-item::before {
  content:'';
  position:absolute; left:0; top:0; bottom:0;
  width:3px;
  background:var(--gold,#C9A84C);
  transform:scaleY(0);
  transition:transform 0.25s ease;
}
.svc-item.active::before { transform:scaleY(1); }
.svc-item:hover { background:rgba(201,168,76,0.04); }
.svc-item.active { background:rgba(201,168,76,0.07); }

.svc-num {
  font-family:'Playfair Display',serif;
  font-size:13px; color:rgba(201,168,76,0.35);
  min-width:24px; font-weight:400;
  transition:color 0.25s;
}
.svc-item.active .svc-num { color:#C9A84C; }

.svc-item-text { flex:1; display:flex; flex-direction:column; gap:3px; }
.svc-item-title {
  font-family:'Montserrat',sans-serif;
  font-size:13px; font-weight:500;
  color:#9A9298; letter-spacing:.02em;
  transition:color 0.25s;
}
.svc-item.active .svc-item-title,
.svc-item:hover .svc-item-title { color:#F5F0E8; }
.svc-item-tag {
  font-size:9px; font-weight:600;
  color:#C9A84C; letter-spacing:.12em;
  text-transform:uppercase;
}
.svc-arrow {
  color:rgba(201,168,76,0.25);
  font-size:14px;
  transition:all 0.25s;
  transform:translateX(0);
}
.svc-item.active .svc-arrow,
.svc-item:hover .svc-arrow {
  color:#C9A84C;
  transform:translateX(4px);
}

/* RIGHT PANEL */
.svc-panel {
  background:rgba(201,168,76,0.02);
  display:flex; align-items:center; justify-content:center;
  padding:48px 44px;
}
.svc-panel-inner {
  animation:panelIn .3s ease;
}
@keyframes panelIn {
  from { opacity:0; transform:translateY(10px); }
  to   { opacity:1; transform:none; }
}

.svc-panel-icon {
  width:72px; height:72px;
  border:1.5px solid rgba(201,168,76,0.4);
  border-radius:6px;
  background:rgba(201,168,76,0.06);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:28px;
  box-shadow:0 0 20px rgba(201,168,76,0.08);
}
.svc-panel-icon svg { width:34px; height:34px; stroke:#C9A84C; fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }

.svc-panel-title {
  font-family:'Playfair Display',serif;
  font-size:24px; font-weight:600;
  color:#F5F0E8; margin-bottom:14px; line-height:1.3;
}
.svc-panel-desc {
  font-family:'Montserrat',sans-serif;
  font-size:14px; font-weight:300;
  color:#7A7880; line-height:1.85;
  margin-bottom:24px;
}
.svc-panel-points {
  list-style:none; margin:0 0 32px; padding:0;
  display:flex; flex-direction:column; gap:10px;
}
.svc-panel-points li {
  font-family:'Montserrat',sans-serif;
  font-size:13px; font-weight:400;
  color:#A8A0B0;
  display:flex; align-items:center; gap:10px;
}
.svc-panel-points li::before {
  content:''; width:18px; height:1px;
  background:#C9A84C; flex-shrink:0;
}
.svc-panel-cta {
  display:inline-flex; align-items:center;
  font-size:12px !important; letter-spacing:.12em;
}

/* Mobile: stack vertically */
@media(max-width:768px) {
  .svc-split { grid-template-columns:1fr; }
  .svc-list { border-right:none; border-bottom:1px solid rgba(201,168,76,0.12); }
  .svc-panel { padding:36px 28px; }
  .svc-panel-title { font-size:20px; }
}
