/* ═════════ SERVICES ═════════
   Xidmət səhifələri About-un siniflərini (abt-lede, rows, abt-facts) işlədir;
   burada yalnız onlara əlavə olunanlar var. */

.svc-crumb{display:inline-block;color:var(--grey);margin-bottom:clamp(14px,1.6vw,22px);
  text-transform:uppercase;letter-spacing:.12em;font-size:11px;transition:color .2s}
.svc-crumb:hover{color:var(--accent)}
.svc-head h1{max-width:12ch}

.svc-film{padding-top:clamp(40px,5vw,72px)}
.svc-frame{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#111}
.svc-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

.svc-intro .svc-label{color:var(--grey);text-transform:uppercase;letter-spacing:.12em;font-size:11px;padding-top:6px}

.row h3 a{transition:color .2s}
.row h3 a:hover{color:var(--accent)}
.row p a,.faq-a a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s}
.row p a:hover,.faq-a a:hover{color:var(--accent)}

.faqs{border-top:1px solid var(--hair)}
.faq{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:24px;
  padding:clamp(18px,2.2vw,28px) 0;font-weight:500;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.25;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--grey);font-weight:400;flex:none;transition:transform .3s var(--ease)}
.faq[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--accent)}
.faq-a p{margin:0;padding:0 0 clamp(20px,2.4vw,30px);max-width:68ch;font-size:clamp(15px,1.2vw,16.5px);line-height:1.62;color:#33363B}

.svc-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  padding-bottom:clamp(60px,8vw,110px)}
.svc-cta p{margin:0;font-weight:500;text-transform:uppercase;font-size:clamp(1.6rem,4vw,3.2rem);
  line-height:1;letter-spacing:-.035em}

@media (max-width:760px){
  .svc-intro{grid-template-columns:1fr}
}

/* alətlər, sahələr, müqayisə cədvəli */
.svc-more{margin:18px 0 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.svc-more a{color:var(--grey);transition:color .2s}
.svc-more a:hover{color:var(--accent)}
.svc-pills{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--hair);padding-top:clamp(20px,2.4vw,30px)}
.svc-text{margin:0;border-top:1px solid var(--hair);padding-top:clamp(20px,2.4vw,30px);max-width:68ch;
  font-size:clamp(15px,1.25vw,17.5px);line-height:1.62;color:#33363B}
.svc-text a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.svc-text a:hover{color:var(--accent)}
.svc-table-wrap{overflow-x:auto;border-top:1px solid var(--hair)}
.svc-table{width:100%;border-collapse:collapse;min-width:620px;font-size:14.5px;line-height:1.5}
.svc-table th,.svc-table td{text-align:left;vertical-align:top;padding:clamp(16px,1.8vw,24px) clamp(10px,1.4vw,20px) clamp(16px,1.8vw,24px) 0;
  border-bottom:1px solid var(--hair)}
.svc-table thead th{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.svc-table tbody th{font-weight:500;text-transform:uppercase;font-size:clamp(.95rem,1.4vw,1.1rem);letter-spacing:-.01em;width:22%}
.svc-table td{color:#33363B}
.svc-table td:last-child{color:var(--ink)}