.hc-directory{--hc-ink:#123c32;--hc-green:#11805f;--hc-line:#dfe9e5;--hc-soft:#f3f8f6;max-width:1440px;margin:36px auto;padding:0 20px;color:var(--hc-ink);font-family:Cairo,Manrope,sans-serif;box-sizing:border-box}.hc-directory *{box-sizing:border-box}.hc-directory-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.hc-directory-hero h2{font-size:clamp(30px,4vw,52px);line-height:1.12;margin:4px 0 8px;color:#0b3329}.hc-directory-hero p{margin:0;max-width:760px;color:#607a72;font-size:16px}.hc-directory .hc-eyebrow{color:#b2781b;font-weight:800;font-size:13px}.hc-directory-count{flex:none;border:1px solid var(--hc-line);border-radius:999px;background:#fff;padding:10px 16px;font-weight:800}.hc-directory-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(135px,1fr));gap:12px;padding:18px;background:#fff;border:1px solid var(--hc-line);border-radius:22px;box-shadow:0 14px 36px rgba(17,64,51,.06);margin-bottom:26px}.hc-directory-filters .hc-field{display:grid;gap:7px;margin:0}.hc-directory-filters .hc-field span{font-size:12px;font-weight:800;color:#506d65}.hc-directory-filters input,.hc-directory-filters select{width:100%;height:48px;border:1px solid #d7e3df!important;border-radius:12px!important;background:#fff!important;color:#173e34!important;padding:0 13px!important;font:inherit;outline:none}.hc-directory-filters input:focus,.hc-directory-filters select:focus{border-color:var(--hc-green)!important;box-shadow:0 0 0 3px rgba(17,128,95,.12)}.hc-directory-filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:2px}.hc-directory .hc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid var(--hc-line);border-radius:12px;background:#fff;color:var(--hc-ink);font-weight:800;text-decoration:none;transition:.18s ease}.hc-directory .hc-button:hover{transform:translateY(-1px);border-color:#a8c5bc}.hc-directory .hc-button-primary{background:var(--hc-green);border-color:var(--hc-green);color:#fff}.hc-directory-grid{display:grid;grid-template-columns:repeat(var(--hc-directory-columns),minmax(0,1fr));gap:22px}.hc-directory-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--hc-line);border-radius:22px;box-shadow:0 14px 38px rgba(10,56,45,.07);transition:transform .2s ease,box-shadow .2s ease}.hc-directory-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(10,56,45,.12)}.hc-directory-media{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#e6f3ee,#f7f1e3);overflow:hidden}.hc-directory-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.hc-directory-card:hover .hc-directory-media img{transform:scale(1.035)}.hc-directory-placeholder{display:grid;height:100%;place-items:center;font-size:56px;color:#4f8b78}.hc-directory-type{position:absolute;top:14px;inset-inline-start:14px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.94);color:#173e34;font-size:12px;font-weight:800;box-shadow:0 5px 15px rgba(0,0,0,.08)}.hc-directory-card-body{padding:19px 19px 14px;flex:1}.hc-directory-card-title{display:flex;align-items:center;gap:11px}.hc-directory-card-title h3{font-size:21px;line-height:1.25;margin:0 0 4px}.hc-directory-card-title h3 a{color:#103b30;text-decoration:none}.hc-directory-card-title p{margin:0;color:#71867f;font-size:13px}.hc-directory-stars{color:#d99a22;letter-spacing:1px}.hc-directory-description{margin:14px 0 0;color:#506b63;line-height:1.75;font-size:14px}.hc-directory-specs{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:14px 0 0}.hc-directory-specs li{padding:6px 9px;border-radius:9px;background:var(--hc-soft);color:#3d5e55;font-size:12px;font-weight:700}.hc-directory-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 19px;border-top:1px solid #edf2f0;background:#fbfdfc}.hc-directory-card-footer>span{display:grid;gap:2px}.hc-directory-card-footer small{font-size:10px;color:#788e87}.hc-directory-card-footer strong{font-size:12px;color:#345a4f}.hc-directory-card-footer .hc-button{white-space:nowrap;min-height:42px;padding:0 13px;font-size:13px}.hc-directory-empty{display:grid;place-items:center;text-align:center;min-height:300px;padding:42px;border:1px dashed #c9dbd5;border-radius:22px;background:var(--hc-soft)}.hc-directory-empty span{font-size:42px;color:#4e8c78}.hc-directory-empty h3{margin:8px 0 4px;font-size:24px}.hc-directory-empty p{margin:0;color:#70867f}.hc-directory-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:30px 0}.hc-directory-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--hc-line);border-radius:11px;background:#fff;color:var(--hc-ink);font-weight:800;text-decoration:none}.hc-directory-pagination .current{background:var(--hc-green);border-color:var(--hc-green);color:#fff}@media(max-width:1100px){.hc-directory-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.hc-directory-keyword{grid-column:span 2}.hc-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.hc-directory{padding:0 12px;margin:24px auto}.hc-directory-hero{align-items:start;flex-direction:column}.hc-directory-filters{grid-template-columns:1fr;padding:14px}.hc-directory-keyword{grid-column:auto}.hc-directory-filter-actions{grid-column:auto}.hc-directory-filter-actions>*{flex:1}.hc-directory-grid{grid-template-columns:1fr}.hc-directory-card-footer{align-items:stretch;flex-direction:column}.hc-directory-card-footer .hc-button{width:100%}}
