.services-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px;
}

@media (max-width: 991px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .services-grid {
    grid-template-columns: 1fr !important;
  }
  /* Preferential: tell browsers to offset anchored scrolling */
:root { --lllc-header-height: 78px; } /* fallback for browsers without JS */
html {
  scroll-padding-top: var(--lllc-header-height);
}

/* Also ensure main content isn't hidden when not using anchor */
body.admin-bar .lllc-global-header { /* if WP admin bar present, increase */
  margin-top: 32px;
}

}


/* LLL DigiConnect — blog grid (inspired by your travel site) */
.lllc-blog-root { max-width:1220px; margin:56px auto; padding:0 20px; font-family: Inter, system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; color:#111; }
.lllc-blog-header { text-align:center; margin-bottom:28px; }
.lllc-blog-header h1 { font-size:32px; margin:0 0 6px; font-weight:800; letter-spacing: -0.2px; }
.lllc-blog-header .lllc-sub { color:#6b7280; margin:0; font-size:15px; }

/* grid */
.lllc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; align-items:start; }

/* card */
.lllc-card { background:#ffffff; border-radius:14px; overflow:hidden; box-shadow:0 6px 24px rgba(9,30,66,0.06); transition:transform .18s ease, box-shadow .18s ease; }
.lllc-card:hover { transform:translateY(-6px); box-shadow:0 14px 36px rgba(9,30,66,0.09); }
.lllc-card-link { display:block; color:inherit; text-decoration:none; }

/* media (image on top) */
.lllc-card-media { width:100%; height:240px; overflow:hidden; display:block; background:#f3f4f6; }
.lllc-card-media img { width:100%; height:100%; object-fit:cover; display:block; }

/* content */
.lllc-card-content { padding:14px 16px 18px; }
.lllc-card-title { font-size:18px; line-height:1.2; margin:0 0 8px; font-weight:800; color:#0b1720; }
.lllc-card-excerpt { margin:0 0 10px; color:#4b5563; font-size:14px; line-height:1.5; min-height:42px; }
.lllc-card-date { color:#9ca3af; font-size:13px; font-weight:600; }

/* Load button */
.lllc-controls { text-align:center; margin-top:28px; }
.lllc-btn { display:inline-block; background:#0077cc; color:#fff; border:0; padding:10px 18px; border-radius:10px; font-weight:800; cursor:pointer; transition:background .12s ease; }
.lllc-btn:hover { background:#0060a8; }

/* No posts fallback */
.lllc-no-posts { margin-top:18px; text-align:center; }
.lllc-fallback-inner { display:inline-block; background:#fff; padding:26px; border-radius:12px; box-shadow:0 8px 30px rgba(9,30,66,0.05); max-width:680px; }

/* responsive */
@media (max-width:1100px){ .lllc-grid { grid-template-columns:repeat(2,1fr); } .lllc-card-media { height:200px; } }
@media (max-width:640px){
  .lllc-grid { grid-template-columns:1fr; gap:18px; }
  .lllc-card-media { height:180px; border-radius:12px 12px 0 0; }
  .lllc-card { border-radius:12px; }
  .lllc-blog-root { margin:36px auto; padding:0 14px; }
  .lllc-blog-header h1 { font-size:24px; }
  .lllc-card-title { font-size:16px; }
  .lllc-card-excerpt { font-size:14px; }
}


/* Smaller About-page hero heading */
.lllc-hero-text h1 {
  font-size: 28px !important;
  line-height: 1.25;
  margin-bottom: 8px;
}

/* mobile smaller */
@media (max-width: 640px) {
  .lllc-hero-text h1 {
    font-size: 22px !important;
    line-height: 1.3;
  }
}