/* ============================================================
   SERVICES.CSS — catering services grid
   ============================================================ */

.services{background:var(--ivory);position:relative;overflow:hidden;}
.svc-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(260px, 380px));
  justify-content:center;
  gap:22px;
}
.svc-card{
  position:relative;background:var(--ivory-dim);
  border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);
  padding:34px 28px;overflow:hidden;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.svc-card::before{
  content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;
  background-image:radial-gradient(circle, rgba(217,140,60,.18) 1px, transparent 1.6px);
  background-size:14px 14px;border-radius:50%;
}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(163,74,36,.13);border-color:rgba(217,140,60,.45);}
.svc-card h3{font-family:var(--font-serif);font-size:21px;margin-bottom:10px;}
.svc-card p{color:var(--ink-soft);font-size:14.5px;margin-bottom:0;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:980px){
  .svc-grid{grid-template-columns:repeat(2, minmax(260px, 1fr));}
}
@media (max-width:560px){
  .svc-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}
}