/* CRAFTVERSE — página Descobrir criadores */
.directory-page{padding:54px 0 72px}
.directory-intro{margin-bottom:30px}
.directory-intro h1{font-size:clamp(36px,4.8vw,58px);line-height:1.02;letter-spacing:-2px;margin:8px 0 12px;color:var(--navy)}
.directory-intro p{max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}

.finder{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 46px rgba(7,43,62,.08);padding:26px;margin-bottom:30px}
.finder-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.finder-title h2{font-size:25px;letter-spacing:-.6px;margin:3px 0 6px}
.finder-title p{margin:0;color:var(--muted);font-size:14px}
.finder-clear{white-space:nowrap;border:0;background:transparent;color:var(--muted);font-weight:800;padding:9px 0}
.finder-clear:hover{color:var(--navy)}

.primary-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:18px}
.search-input-wrap{position:relative}
.search-input-wrap svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:#7a8c95;pointer-events:none}
.search-input-wrap input{width:100%;height:54px;padding:0 18px 0 48px;border:1px solid #d8e3e7;border-radius:14px;background:#fbfdfd;font-size:16px;transition:.18s}
.search-input-wrap input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,155,154,.11);background:#fff}
.search-submit{height:54px;min-width:132px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--orange),#ffad3c);color:#fff;font-weight:900;padding:0 22px}

.filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.filter-group{min-width:0}
.filter-group label{display:block;margin:0 0 7px;font-size:12px;font-weight:900;letter-spacing:.35px;text-transform:uppercase;color:#58707b}
.filter-group select{width:100%;height:48px;padding:0 40px 0 13px;border:1px solid #d8e3e7;border-radius:13px;background:#fff;color:var(--ink);font-weight:700;outline:0}
.filter-group select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,155,154,.10)}

.quick-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #e7eef0}
.quick-label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;color:#70828b;margin-right:2px}
.quick-chip{appearance:none;border:1px solid #d9e5e8;background:#f8fbfb;color:var(--navy);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800;line-height:1;transition:.16s}
.quick-chip:hover,.quick-chip.active{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-1px)}

.results-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 18px}
.results-head h2{font-size:25px;margin:3px 0 0;letter-spacing:-.5px}
.results-meta{color:var(--muted);font-size:14px;font-weight:700}
.results-active{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px}
.active-filter-pill{display:inline-flex;align-items:center;gap:6px;background:#eaf4f4;color:var(--navy);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}

#directoryGrid.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.directory-grid .merchant-card{display:flex;flex-direction:column;height:100%;transition:transform .18s,box-shadow .18s}
.directory-grid .merchant-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(7,43,62,.10)}
.directory-grid .merchant-card .cover{height:158px}
.directory-grid .merchant-card .body{display:flex;flex-direction:column;flex:1;padding:20px}
.directory-grid .merchant-card .body p{line-height:1.5;min-height:44px}
.directory-grid .merchant-card .body .btn{margin-top:auto!important}

.empty-results{grid-column:1/-1;text-align:center;padding:48px 24px;background:#fff;border:1px dashed #cbdadd;border-radius:18px}
.empty-results h3{margin-bottom:6px}

@media(max-width:980px){
  #directoryGrid.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .directory-page{padding-top:36px}
  .finder{padding:20px;border-radius:20px}
  .finder-top{display:block}
  .finder-clear{margin-top:8px}
  .primary-search{grid-template-columns:1fr}
  .search-submit{width:100%}
  .filter-row{grid-template-columns:1fr}
  .results-head{align-items:flex-start;flex-direction:column}
  #directoryGrid.directory-grid{grid-template-columns:1fr}
}