/* Services Archive (is_post_type_archive('service')) only */

:root{
  --bg:#000;
  --panel:#0b0b0b;
  --line:#2b2b2b;
  --text:#e8e8e8;
  --muted:#bdbdbd;
  --brand:#d4af37;
  --radius:6px;
  --shadow: 0 10px 30px rgba(0,0,0,.24);
}

/* ---- HERO ---- */
.svc-hero{padding: clamp(56px,8vw,96px) 0; background:#000; position:relative}
.svc-eyebrow{color:var(--brand);letter-spacing:.2em;font-size:.9rem;margin:0 0 10px}
.svc-title{margin:0 0 12px; font-size: clamp(24px,2.4vw,34px); font-weight:700}
.svc-sub{margin:0; color:var(--muted)}

/* ---- GRID ---- */
.svc-list-section{padding: clamp(48px,7vw,88px) 0}
.svc-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:24px}
@media (max-width: 1024px){ .svc-grid{grid-template-columns:repeat(2, minmax(0,1fr));} }
@media (max-width: 680px){ .svc-grid{grid-template-columns:1fr;} }

.svc-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease, box-shadow .25s ease}
.svc-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.34)}

.svc-thumb{position:relative}
.svc-thumb img,.svc-thumb--ph{aspect-ratio:16/9;width:100%;height:auto;display:block;object-fit:cover}
.svc-thumb--ph{background:#111;color:#777;display:grid;place-items:center}
.svc-badge{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.6);border:1px solid var(--line);padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.08em}

.svc-body{padding:16px 16px 18px}
.svc-card-title{margin:0 0 8px;font-size:18px;font-weight:700}
.svc-card-desc{margin:0;color:#c7c7c7}

/* ---- PAGINATION ---- */
.svc-pagination{display:flex;justify-content:center;margin-top:36px}
.svc-pagination .page-numbers{display:inline-block;padding:8px 12px;margin:0 5px;border:1px solid var(--line);text-decoration:none;color:var(--text);transition:all .2s}
.svc-pagination .page-numbers.current{background:var(--brand);border-color:var(--brand);color:#000}
.svc-pagination .page-numbers:hover:not(.current){background:#111}

/* ---- CTA ---- */
.svc-cta{padding: clamp(72px,8vw,110px) 0; background:#000; text-align:center; border-top:1px solid var(--line)}
.svc-cta-title{font-size: clamp(22px,2.2vw,32px);margin:0 0 14px;font-weight:700}
.svc-cta-text{margin:0 auto 26px; color:var(--muted); max-width:760px}
.svc-cta-btn{display:inline-block;background:var(--brand);color:#000;padding:12px 22px;border-radius:999px;font-weight:700}
.svc-cta-btn:hover{filter:brightness(1.08)}