/* ==========================================
   SERVICES PAGE - services.css
   ========================================== */
.services-list { display:flex; flex-direction:column; gap:60px; margin-bottom:80px; }
.service-detail-card { display:grid; grid-template-columns:120px 1fr; gap:48px; align-items:start; background:var(--white); border:1px solid rgba(0,0,0,0.06); border-radius:var(--radius); padding:48px; box-shadow:0 2px 16px rgba(0,0,0,0.05); }
.service-detail-card.reverse { }
.sd-icon { font-size:4rem; text-align:center; padding-top:8px; }
.sd-content h2 { font-family:var(--font-display); font-size:2rem; font-weight:300; color:var(--black); margin-bottom:12px; }
.sd-content p  { color:var(--text-muted); margin-bottom:24px; font-size:0.95rem; }
.sd-list { display:grid; grid-template-columns:1fr 1fr; gap:10px 24px; margin-bottom:28px; }
.sd-list li { font-size:0.88rem; color:var(--text); display:flex; align-items:center; gap:8px; }
.sd-list li::before { content:'✦'; color:var(--gold); font-size:0.65rem; }

.why-us { background:linear-gradient(135deg,#0D0D0D,#1a1206); padding:60px; border-radius:var(--radius); text-align:center; border:1px solid var(--border); }
.why-us .section-title { color:var(--white); }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.why-item { background:rgba(255,255,255,0.05); border:1px solid var(--border); padding:20px 24px; border-radius:var(--radius); font-size:0.9rem; color:rgba(255,255,255,0.8); display:flex; align-items:center; gap:12px; transition:var(--transition); }
.why-item:hover { background:rgba(201,168,76,0.1); border-color:var(--gold); }

@media (max-width:768px) {
  .service-detail-card { grid-template-columns:1fr; gap:24px; padding:32px 24px; }
  .sd-icon { font-size:3rem; text-align:left; }
  .sd-list { grid-template-columns:1fr; }
  .why-grid { grid-template-columns:1fr 1fr; }
  .why-us { padding:36px 24px; }
}
@media (max-width:480px) { .why-grid { grid-template-columns:1fr; } }