/* NILA Connect v21.30 Real 3D Category Visuals
   Replaces the flat icon category cards with the generated premium 3D service panels. */
:root{
  --n30-ink:#071b31;
  --n30-green:#075f3c;
  --n30-blue:#176fc2;
  --n30-gold:#d7a735;
  --n30-coral:#e46f45;
  --n30-muted:#52677f;
  --n30-border:rgba(7,27,49,.12);
  --n30-shadow:0 24px 60px rgba(7,27,49,.12);
  --n30-soft:0 18px 45px rgba(7,27,49,.09);
}
body{background:#fff!important;}
/* Hide old injected category sections and any broken cropped-image version. */
.v28-category-section:not(#nilaCategorySection),
.v29-category-section:not(#nilaCategorySection),
.v27-category-section:not(#nilaCategorySection),
.v26-category-section:not(#nilaCategorySection),
.v25-category-section:not(#nilaCategorySection),
.v24-category-section:not(#nilaCategorySection){display:none!important;}
#nilaCategorySection{
  display:block!important;
  background:#fff!important;
  padding:34px 0 54px!important;
  margin:0!important;
  border-top:1px solid rgba(7,27,49,.05)!important;
  position:relative!important;
  z-index:20!important;
}
#nilaCategorySection .wrap,
#nilaCategorySection .container{max-width:1260px!important;margin:0 auto!important;padding:0 24px!important;}
.v30-category-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin-bottom:24px!important;}
.v30-category-head h2{font-family:Fraunces,Georgia,serif!important;font-size:clamp(38px,5vw,62px)!important;letter-spacing:-.055em!important;line-height:.93!important;margin:0 0 8px!important;color:var(--n30-ink)!important;}
.v30-category-head p{max-width:700px!important;margin:0!important;color:var(--n30-muted)!important;font-size:17px!important;line-height:1.45!important;}
.v30-all-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid var(--n30-border)!important;border-radius:999px!important;min-height:48px!important;padding:0 21px!important;background:#fff!important;color:var(--n30-ink)!important;text-decoration:none!important;font-weight:900!important;box-shadow:var(--n30-soft)!important;white-space:nowrap!important;}
.v30-cat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;}
.v30-cat-card{position:relative!important;display:block!important;min-height:auto!important;border-radius:30px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--n30-border)!important;box-shadow:var(--n30-shadow)!important;text-decoration:none!important;color:var(--n30-ink)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
.v30-cat-card:hover,.v30-cat-card:focus-visible{transform:translateY(-5px)!important;box-shadow:0 32px 85px rgba(7,27,49,.18)!important;border-color:rgba(7,95,60,.28)!important;outline:none!important;}
.v30-cat-media{height:260px!important;min-height:260px!important;width:100%!important;background:linear-gradient(145deg,#fff,#f7fbff 48%,#fff7e6)!important;overflow:hidden!important;display:block!important;}
.v30-cat-media img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important;}
.v30-cat-body{padding:19px 21px 21px!important;background:#fff!important;display:block!important;min-height:116px!important;border-top:1px solid rgba(7,27,49,.06)!important;}
.v30-cat-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:8px!important;}
.v30-cat-title h3{font-family:Fraunces,Georgia,serif!important;font-size:26px!important;line-height:1!important;margin:0!important;color:var(--n30-ink)!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.v30-cat-arrow{flex:0 0 auto;width:34px!important;height:34px!important;border-radius:999px!important;background:rgba(7,95,60,.09)!important;color:var(--n30-green)!important;display:grid!important;place-items:center!important;font-weight:900!important;}
.v30-cat-body p{font-size:14.5px!important;line-height:1.42!important;color:var(--n30-muted)!important;margin:0 0 12px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.v30-cat-body small{display:inline-flex!important;width:auto!important;font-size:13px!important;line-height:1!important;color:var(--n30-green)!important;font-weight:950!important;margin:0!important;background:rgba(7,95,60,.07)!important;border-radius:999px!important;padding:8px 11px!important;}
/* Directory category landing should use same generated visual panels, not icon placeholders. */
.v30-category-landing-visual,.v29-dir-category-visual,.v28-category-landing-visual{min-height:310px!important;height:310px!important;border-radius:30px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--n30-border)!important;box-shadow:var(--n30-shadow)!important;display:block!important;}
.v30-category-landing-visual img,.v29-dir-category-visual img,.v28-category-landing-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;filter:none!important;}
/* Stop old tiny icon category assets appearing in current section. */
#nilaCategorySection .v28-cat-grid,#nilaCategorySection .v29-cat-grid{display:none!important;}
@media(max-width:1080px){.v30-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.v30-cat-media{height:250px!important;}}
@media(max-width:680px){#nilaCategorySection{padding:26px 0 38px!important;}#nilaCategorySection .wrap,#nilaCategorySection .container{padding:0 16px!important;}.v30-category-head{display:block!important;margin-bottom:18px!important;}.v30-category-head h2{font-size:40px!important;}.v30-category-head p{font-size:15px!important;}.v30-all-link{margin-top:14px!important;min-height:44px!important;}.v30-cat-grid{grid-template-columns:1fr!important;gap:18px!important;}.v30-cat-card{border-radius:26px!important;}.v30-cat-media{height:235px!important;}.v30-cat-title h3{font-size:24px!important;}.v30-cat-body{padding:17px 18px 19px!important;}.v30-category-landing-visual,.v29-dir-category-visual,.v28-category-landing-visual{height:250px!important;min-height:250px!important;}}