/* Services page */

.svc-hero { width: 100%; height: 55vh; margin-top: 65px; overflow: hidden; }
.svc-hero img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.svc-ls { background: var(--off); }
.acc { margin-top: 2rem; }
.si { border-bottom: 1px solid rgba(201, 168, 76, .2); overflow: hidden; }
.si:first-child { border-top: 1px solid rgba(201, 168, 76, .2); }
.sh { display: flex; align-items: center; justify-content: space-between; padding: 2rem 0; cursor: pointer; user-select: none; }
.sh-l { display: flex; align-items: center; gap: 1.5rem; }
.sn { font-family: var(--fm); font-size: .65rem; letter-spacing: .15em; color: var(--gold); background: rgba(201, 168, 76, .1); border: 1px solid rgba(201, 168, 76, .3); padding: .25rem .6rem; flex-shrink: 0; }
.st { font-family: var(--fd); font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 500; color: var(--ink); transition: color .2s; }
.sh:hover .st { color: var(--gold); }
.sa { font-size: 1.2rem; color: var(--gold); transition: transform .35s; flex-shrink: 0; }
.si.open .sa { transform: rotate(45deg); }
.si.open .st { color: var(--gold); }
.sb { max-height: 0; overflow: hidden; transition: max-height .45s cubic-bezier(.4, 0, .2, 1); }
.si.open .sb { max-height: 600px; }
.sb-in { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; padding: 0 0 2.5rem 3rem; }
.sb-in p { font-size: .95rem; font-weight: 300; color: #4a4740; line-height: 1.85; }
.sb-in p + p { margin-top: 1rem; }

[dir="rtl"] .sb-in { padding: 0 3rem 2.5rem 0; }

@media (max-width: 960px) {
  .svc-hero { height: 40vh; }
  .sb-in { grid-template-columns: 1fr; padding: 0 0 2rem 0; }
  [dir="rtl"] .sb-in { padding: 0 0 2rem 0; }
}