/* services.css - load AFTER report.css */
.svc-hero{padding-block:3rem}.svc-hero .hero-grid{justify-content:center}
.svc-hero .hero-content{align-items:center;max-width:46rem}
@media(min-width:1024px){.svc-hero .hero h1,.svc-hero h1,.svc-hero .hero-text{text-align:center}}
.ic{width:1.25rem;height:1.25rem;flex-shrink:0}
/* ---- regular cards: stair-step ---- */
.svc-stair{display:grid;gap:1.25rem;grid-template-columns:1fr;margin:0;padding:0;list-style:none}
@media(min-width:600px){.svc-stair{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.svc-stair{grid-template-columns:repeat(4,1fr);align-items:stretch;padding-top:1.5rem}.svc-stair>li{margin-top:calc((4 - var(--n)) * 1.75rem)}}
.svc-stair>li{display:flex}
.svc-card{position:relative;display:flex;flex-direction:column;width:100%;padding:1.4rem 1.25rem 1.25rem;background:#eaeef2}
.svc-card.is-top{background:#fde3da;border:2px solid var(--primary)}
.svc-badge{position:absolute;top:-.85rem;left:1rem;padding:.3rem .8rem;background:var(--primary);color:#fff;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.03em;box-shadow:var(--shadow)}
.svc-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.svc-ic{width:3.1rem;height:3.1rem;padding:0;border-radius:50%;background:var(--foreground);color:#fff}
.svc-ic .ic{width:1.45rem;height:1.45rem}
.svc-price{font-size:2.1rem;font-weight:800;line-height:1;color:#d9480f}
.svc-card h3{font-size:1.15rem;line-height:1.3;margin-bottom:.25rem}
.svc-where{margin-bottom:1rem;color:var(--muted-foreground);font-size:.95rem}
.svc-list{display:grid;gap:.6rem;margin:0 0 1.25rem;padding:0;list-style:none}
.svc-list li{display:flex;align-items:center;gap:.6rem;font-size:.93rem}
.svc-list .ok{color:var(--g-excellent)}.svc-list .no{color:#aab4c0}
.svc-list li.off span{color:#97a3b1}
.svc-inc{margin:-.4rem 0 1rem;font-weight:700;color:#d9480f;font-size:.92rem}
.svc-det{margin-top:auto;align-self:flex-start;background:#fff}
.svc-det:hover{background:var(--primary)}
/* ---- urgent full-width container ---- */
.svc-urgent{background:#fde3da;border-color:#f6c9b9;padding:1.5rem}
.svc-urow{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:700px){.svc-urow{grid-template-columns:1fr 1fr}}
.svc-u{background:#fff}.svc-u .svc-ic{background:var(--primary);margin-bottom:.9rem}
.svc-u p{margin-bottom:1.25rem;color:var(--muted-foreground);line-height:1.55}
.svc-bracket{margin:1.25rem 0 0;text-align:center;color:var(--muted-foreground);border-top:3px solid #aebcc4;padding-top:.7rem}
.svc-bracket b{color:#d9480f}
/* ---- detail sections ---- */
.svc-grid{display:grid;gap:1.75rem;align-items:stretch}
@media(min-width:900px){.svc-grid{grid-template-columns:1.25fr 1fr;gap:2.5rem}}
.svc-main h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:.35rem}
.svc-desc{margin:1rem 0 1.5rem;font-size:1.05rem;line-height:1.7;color:var(--muted-foreground)}
.svc-wa{gap:.6rem}.svc-wa .ic{width:1.2rem;height:1.2rem}
.svc-note{margin-top:.5rem;font-weight:600;color:#d9480f}
.svc-tag{padding:.3rem .8rem;background:#fde3da;color:#d9480f;border-radius:999px;font-size:.78rem;font-weight:700}
.svc-main.is-urgent{border-top:6px solid var(--primary)}
.svc-main.is-urgent .svc-ic{background:var(--primary)}
.svc-guarantee{justify-content:flex-start;align-items:center;gap:.8rem;margin-top:1.5rem;font-size:1rem;line-height:1.4}
.svc-guarantee .ic{width:1.6rem;height:1.6rem;color:var(--primary)}
.svc-sec .rp-panel h3{margin-bottom:1rem}
/* ---- urgent detail: call first ---- */
.svc-commit{display:grid;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none}
.svc-commit li{display:flex;align-items:center;gap:.7rem;padding:.55rem .8rem;background:var(--muted);border-radius:var(--radius);font-size:.95rem;font-weight:500}
.svc-ci{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--foreground);color:#fff;flex-shrink:0}
.svc-ci .ic{width:1rem;height:1rem}
.svc-main.is-urgent .svc-wa{display:flex;width:100%;max-width:26rem}
.svc-call{font-size:1.15rem;border-radius:999px;margin-bottom:.8rem}
.svc-wa2{border-radius:999px;background:#fff;border-color:var(--g-excellent);color:var(--g-excellent)}
.svc-wa2:hover{background:var(--g-excellent);color:#fff}
.svc-after{margin:1rem 0 0;font-size:.88rem;color:var(--muted-foreground)}
.svc-main.is-urgent + .rp-panel { align-self: start; }
/* two buttons side by side: WhatsApp left, report on the right */
.svc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.svc-rep { gap: .6rem; }
.svc-rep .ic { width: 1.2rem; height: 1.2rem; }
.svc-rep { gap: .5rem; padding: .8rem 1.1rem; font-size: .95rem; }
.svc-rep .ic { width: 1.15rem; height: 1.15rem; }

/* ============================================================
   RESPONSIVE ADDITIONS — phones & tablets
   (added during reorganization; layout safety only)
   ============================================================ */
@media (max-width: 1100px) {
  .svc-stair>li { margin-top: 0; }
}
@media (max-width: 640px) {
  .svc-price { font-size: 1.7rem; }
  .svc-actions { flex-direction: column; align-items: stretch; }
  .svc-actions .btn, .svc-call, .svc-wa2 { width: 100%; }
}

/* ============================================================
   BUTTON PAIR FIX - "Book via WhatsApp" and "Check the sample
   report" always render at the same width in every detail block
   ============================================================ */
.svc-main .svc-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.svc-main .svc-actions .btn { flex: 1 1 15rem; }
@media (max-width: 640px) {
  .svc-main .svc-actions { flex-direction: column; align-items: stretch; }
  .svc-main .svc-actions .btn { width: 100%; flex: none; }
}
/* working days: one bubble per day, to the right of the time */
.svc-commit li.svc-hours { flex-wrap: wrap; row-gap: .5rem; }
.svc-days {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-inline-start: .25rem;
}
.svc-day {
  display: inline-block;
  padding: .15rem .65rem;
  background: var(--primary-soft);
  border: 1px solid rgba(232, 89, 12, .3);
  border-radius: 999px;
  color: var(--primary);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.4;
}