/* Browse Categories: keep Directorist links and imagery, restyle this page only. */
body.page-id-200 { --fab-cat-navy:#0b203b; --fab-cat-red:#ca1934; --fab-cat-ink:#12233b; --fab-cat-muted:#536276; }
body.page-id-200 .banner.theme-banner-breadcrumb { display:none!important; background-image:none!important; }
body.page-id-200 .content-area { padding:0!important; background:#f6f8fb!important; }
body.page-id-200 #directorist .directorist-container-fluid { max-width:1300px!important; margin:0 auto!important; padding:0 24px 78px!important; }
body.page-id-200 #directorist .directorist-categories { margin:0!important; }
body.page-id-200 #directorist .directorist-categories > .directorist-row { display:flex!important; flex-wrap:wrap!important; gap:24px 0!important; }
body.page-id-200 #directorist .directorist-categories > .directorist-row > [class*="directorist-col-"] { display:flex!important; }
body.page-id-200 #directorist .directorist-categories > .directorist-row > [hidden] { display:none!important; }
body.page-id-200 #directorist .directorist-categories__single { display:flex!important; flex-direction:column!important; width:100%!important; height:100%!important; overflow:hidden!important; border:1px solid #e2e8f0!important; border-radius:12px!important; background:#fff!important; box-shadow:0 7px 24px rgba(11,32,59,.065)!important; text-decoration:none!important; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important; }
body.page-id-200 #directorist .directorist-categories__single:hover,
body.page-id-200 #directorist .directorist-categories__single:focus-visible { transform:translateY(-4px); border-color:#bbcad9!important; box-shadow:0 17px 35px rgba(11,32,59,.14)!important; outline-offset:3px; }
body.page-id-200 #directorist .directorist-categories__single figure { flex:none!important; width:100%!important; height:auto!important; aspect-ratio:1.75!important; margin:0!important; overflow:hidden!important; background:#dce5ed!important; }
body.page-id-200 #directorist .directorist-categories__single figure picture { display:block!important; width:100%!important; height:100%!important; }
body.page-id-200 #directorist .directorist-categories__single figure img { display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; transition:transform .35s ease!important; }
body.page-id-200 #directorist .directorist-categories__single:hover figure img { transform:scale(1.035); }
body.page-id-200 #directorist .directorist-categories__single .cat-box { display:flex!important; flex-direction:column!important; flex:1!important; padding:20px 22px 22px!important; background:#fff!important; text-align:left!important; }
body.page-id-200 #directorist .directorist-categories__single .cat-box__top { margin:0 0 14px!important; }
body.page-id-200 #directorist .directorist-categories__single .cat-name { margin:0!important; color:var(--fab-cat-ink)!important; font-size:20px!important; line-height:1.25!important; font-weight:800!important; letter-spacing:-.025em!important; text-align:left!important; }
body.page-id-200 #directorist .directorist-categories__single .cat-box__bottom { display:flex!important; justify-content:space-between!important; align-items:center!important; gap:12px!important; margin-top:auto!important; }
body.page-id-200 #directorist .directorist-categories__single .cat-count { color:var(--fab-cat-muted)!important; font-size:14px!important; font-weight:600!important; }
body.page-id-200 #directorist .directorist-categories__single .cat-box__bottom::after { content:'↗'; display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:50%; color:var(--fab-cat-red); background:#fff0f2; font-size:19px; line-height:1; }
body.page-id-200 #directorist .directorist-categories__single:hover .cat-box__bottom::after { color:#fff; background:var(--fab-cat-red); }
.fab-categories-tools { display:flex; align-items:center; justify-content:space-between; gap:34px; max-width:1240px; margin:28px auto 28px; padding:36px 42px; border-radius:12px; background:radial-gradient(ellipse at 100% 0%,#24466a 0%,transparent 48%),#0b203b; color:#fff; box-shadow:0 12px 28px rgba(11,32,59,.11); }
.fab-categories-tools__intro { max-width:700px; }
.fab-categories-tools__eyebrow { margin:0 0 10px!important; color:#ff8798!important; font-size:11px!important; font-weight:850!important; text-transform:uppercase; letter-spacing:.16em; }
.fab-categories-tools h1 { margin:0 0 9px!important; color:#fff!important; font-size:clamp(35px,3.7vw,52px)!important; line-height:1.1!important; letter-spacing:-.045em!important; font-weight:850!important; }
.fab-categories-tools__intro > p:last-child { margin:0!important; color:#d8e3ef!important; font-size:16px!important; line-height:1.55!important; }
.fab-categories-tools__search { flex:0 1 315px; }
.fab-categories-tools__search label { display:block; margin-bottom:8px; color:#fff; font-size:13px; font-weight:750; }
.fab-categories-tools__search input { width:100%; height:48px; padding:0 14px; border:1px solid rgba(255,255,255,.52); border-radius:7px; background:#fff; color:var(--fab-cat-ink); box-shadow:0 2px 8px rgba(11,32,59,.04); font:inherit; font-size:15px; }
.fab-categories-tools__search input:focus { outline:2px solid var(--fab-cat-red); outline-offset:2px; }
.fab-categories-status { margin:18px 0 0!important; padding:18px; color:var(--fab-cat-ink); text-align:center; }
@media(max-width:767px) {
  body.page-id-200 #directorist .directorist-container-fluid { padding:0 18px 50px!important; }
  .fab-categories-tools { display:block; margin:18px auto 22px; padding:27px 23px 30px; }
  .fab-categories-tools h1 { font-size:clamp(31px,8vw,42px)!important; }
  .fab-categories-tools__search { margin-top:24px; }
  body.page-id-200 #directorist .directorist-categories > .directorist-row { gap:16px 0!important; }
  body.page-id-200 #directorist .directorist-categories__single .cat-box { padding:17px 18px 18px!important; }
  body.page-id-200 #directorist .directorist-categories__single .cat-name { font-size:19px!important; }
}
@media(prefers-reduced-motion:reduce) {
  body.page-id-200 #directorist .directorist-categories__single,
  body.page-id-200 #directorist .directorist-categories__single figure img { transition:none!important; }
}