/* ============================================================
   Click Moose · paslaugų puslapiai (/paslaugos/ ir /paslaugos/{adresas}/)
   Naudoja styles.css kintamuosius ir klases (.wrap, .kicker, .btn, .card, .addon, .faq, .step)
   ============================================================ */

/* straipsniai.css nuima sekcijų tarpus (.page-post main > section) – čia grąžiname savus */
.page-post main > .svc-hero { padding: clamp(32px, 5vw, 64px) var(--gutter) clamp(32px, 4vw, 56px); }
.page-post main > .svc-sec { padding: clamp(40px, 6vw, 80px) var(--gutter) 0; }
.page-post main > .svc-sec:last-child { padding-bottom: clamp(56px, 8vw, 104px); }

.svc-hero h1 { font-size: clamp(36px, 5.2vw, 68px); max-width: 17ch; text-wrap: balance; }
.svc-hero__lead { max-width: 680px; margin-top: 20px; font-size: clamp(17px, 1.5vw, 19px); color: var(--ink-2); }
.svc-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.svc-hero__note { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 22px; font: 600 12.5px/1.4 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.svc-hero__note span { display: inline-flex; align-items: center; gap: 8px; }
.svc-hero__note span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); flex: none; }

.svc-sec h2 { font-size: clamp(28px, 3.4vw, 44px); text-wrap: balance; }
.svc-head { max-width: 820px; margin-bottom: clamp(24px, 3vw, 36px); }
.svc-head .kicker { margin-bottom: 14px; }
.svc-text { margin-top: 20px; color: var(--ink-2); max-width: 46em; }

/* nauda: kortelės */
.svc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.svc-card { gap: 10px; }
.svc-card h3 { margin-top: 0; }

/* kas įeina + kaina */
.svc-split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.svc-split .kicker { margin-bottom: 14px; }
.svc-split h2 { margin-bottom: 22px; }
.svc-check { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.svc-check li { position: relative; padding-left: 32px; color: var(--ink-2); }
.svc-check li::before { content: ""; position: absolute; left: 0; top: .2em; width: 20px; height: 20px; border-radius: 50%; background: var(--accent-soft); }
.svc-check li::after { content: ""; position: absolute; left: 7px; top: calc(.2em + 4px); width: 5px; height: 9px; border: solid var(--accent); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.svc-price { padding: clamp(22px, 3vw, 34px); border-radius: var(--r-lg); background: var(--card); border: 1px solid var(--line); scroll-margin-top: 96px; }
.svc-price__list { grid-template-columns: minmax(0, 1fr); }
.svc-price__list .addon { align-items: flex-start; }
.svc-price__list .addon b { font-size: 15px; color: var(--ink); text-align: right; white-space: normal; max-width: 12em; }
.svc-price__list .addon__d { display: block; margin-top: 3px; }
.svc-price__note { margin: 16px 0 22px; }

/* darbo eiga */
.svc-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.svc-steps .step__n { margin-bottom: 18px; }

/* darbai ir susijusios paslaugos */
.svc-works { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.svc-work__meta, .svc-link__kicker { font: 600 12px/1.4 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.svc-work h3, .svc-link h3 { margin-top: 0; }
.svc-more { margin-top: auto; font-weight: 700; color: var(--accent); text-decoration: none; }
.svc-more:hover { text-decoration: underline; text-underline-offset: 4px; }
.svc-related { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.svc-related--list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.svc-link { color: inherit; text-decoration: none; }
.svc-link:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.svc-link__price { margin-top: auto; padding-top: 8px; font: 700 15px var(--f-body); color: var(--ink); }
.svc-link .svc-more { margin-top: 0; }

/* DUK: .faq-grid iš styles.css */
.svc-sec.faq-grid { max-width: var(--wrap); }
.svc-sec.faq-grid .sec-head { margin-bottom: 0; }

/* paskutinis kvietimas */
.svc-cta { position: relative; overflow: hidden; padding: clamp(28px, 5vw, 64px); border-radius: clamp(24px, 3vw, 40px); background: var(--navy); color: var(--on-navy); }
.svc-cta .kicker { color: var(--on-navy-2); margin-bottom: 14px; }
.svc-cta h2 { max-width: 18ch; }
.svc-cta > p:not(.kicker) { margin-top: 16px; max-width: 34em; font-size: 18px; color: var(--on-navy-2); }
.svc-cta__ghost { color: var(--on-navy); border-color: var(--line-navy); background: transparent; }
.svc-cta__ghost:hover { border-color: var(--on-navy); }

.page-post main > .svc-404 { padding: clamp(40px, 6vw, 80px) var(--gutter) clamp(56px, 8vw, 104px); }

@media (max-width: 1080px) {
  .svc-grid, .svc-related, .svc-related--list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .svc-split { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .svc-grid, .svc-related, .svc-related--list, .svc-works, .svc-steps { grid-template-columns: minmax(0, 1fr); }
  .svc-actions .btn { width: 100%; white-space: normal; text-align: center; height: auto; min-height: 54px; padding-top: 12px; padding-bottom: 12px; }
  .svc-price__list .addon { flex-direction: column; gap: 6px; }
  .svc-price__list .addon b { text-align: left; max-width: none; }
  .svc-cta { padding: 28px 20px; }
}