.merchant-directory{max-width:1280px;margin:auto;padding:0 32px 64px;color:#152033}
.directory-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:54px 0 44px}
.directory-hero::before{content:'';position:absolute;z-index:-1;inset:-40px calc((100% - 100vw)/2) -50px;background:radial-gradient(ellipse at 25% 45%,#ffe2bf95,transparent 58%),radial-gradient(ellipse at 95% 10%,#ffefe17a,transparent 50%);pointer-events:none}
.directory-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#f45d22}
.directory-hero h1{margin:14px 0;font-size:clamp(30px,3.6vw,46px);line-height:1.55;font-weight:900;letter-spacing:-1px}
.directory-hero h1 span{color:#f45d22}
.directory-hero p{max-width:490px;color:#718096;font-size:14px;line-height:2}
.directory-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;max-width:500px}
.directory-stat{border-inline-start:1px solid #f5d9c2;padding-inline-start:16px}
.directory-stat:first-child{border:0;padding-inline-start:0}
.directory-stat strong{display:block;color:#f45d22;font-size:27px;font-weight:900;line-height:1.4}
.directory-stat span{display:block;margin-top:5px;font-size:11px;font-weight:800;color:#64748b}
.directory-hero-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#d94c17;font-size:12px;font-weight:900;text-decoration:none}
.directory-art{position:relative;display:grid;gap:12px;padding:18px 24px}
.directory-art::before{content:'';position:absolute;inset:12% 3%;z-index:-1;background:#ffe4c6;border-radius:50%;filter:blur(25px);opacity:.6}
.directory-preview{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid #fff;border-radius:20px;background:#ffffffd9;box-shadow:0 15px 40px -25px #b7683659;text-decoration:none;color:#152033;max-width:360px;transition:transform .2s}
.directory-preview:nth-child(2){margin-inline-start:44px;transform:rotate(-3deg)}
.directory-preview:nth-child(3){margin-inline-start:12px;transform:rotate(2deg)}
.directory-preview:hover{transform:translateY(-3px)}
.directory-preview img{width:74px;height:74px;border-radius:15px;object-fit:cover;flex-shrink:0}
.directory-preview-fallback{display:grid;place-items:center;width:74px;height:74px;border-radius:15px;background:linear-gradient(135deg,#fff4e7,#ffdec2);color:#f45d22;font-size:30px;font-weight:900;flex-shrink:0}
.directory-preview strong{display:block;font-size:15px;font-weight:900}
.directory-preview small{display:block;margin-top:5px;font-size:11px;color:#64748b}
.directory-preview-rating{margin-inline-start:auto;align-self:flex-start;color:#d88708;font-size:12px;font-weight:900;white-space:nowrap}
.directory-art-caption{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:6px;color:#be5a2e;font-size:11px;font-weight:800}
.merchant-directory a:focus-visible,.merchant-directory input:focus-visible,.merchant-directory select:focus-visible,.merchant-directory button:focus-visible{outline:2px solid #f45d22;outline-offset:3px}
.directory-categories{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 30px}
.directory-category{display:inline-flex;gap:7px;align-items:center;padding:9px 13px;background:white;border:1px solid #f4e5d9;border-radius:99px;font-size:11px;font-weight:800;color:#64748b;text-decoration:none}
.directory-category.is-active{background:#fff0e1;border-color:#ffcda8;color:#c24b1d}
.directory-category span{font-size:10px;color:#be6b42}
.directory-results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.directory-results-heading h2{font-size:22px;font-weight:900}
.directory-results-heading p{margin-top:4px;color:#718096;font-size:12px}
.directory-results-heading p a{color:#df511b}
.directory-result-count{color:#f45d22;font-weight:900}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.directory-card{min-width:0;background:white;border:1px solid #f2e4da;border-radius:22px;box-shadow:0 12px 30px -23px #6d4d3d40;transition:transform .2s,box-shadow .2s}
.directory-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -23px #6d4d3d55}
.directory-card-cover{display:block;height:180px;position:relative;background:linear-gradient(120deg,#fff1df,#ffede5);border-radius:21px 21px 0 0;overflow:hidden;text-decoration:none}
.directory-card-cover>img{height:100%;width:100%;object-fit:cover;transition:transform .4s}
.directory-card-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at 20% 10%,#ffddbb,transparent 65%);color:#f58a56}
.directory-card-placeholder svg{width:56px;height:56px}
.directory-card-placeholder span{font-size:12px;font-weight:800;color:#c57d55}
.directory-card:hover .directory-card-cover>img{transform:scale(1.035)}
.directory-card-badge{position:absolute;top:12px;right:12px;background:#f45d22;color:white;font-size:10px;font-weight:900;border-radius:8px;padding:5px 10px}
.directory-card-discount{position:absolute;bottom:12px;left:12px;background:#ffffffee;color:#c24b1d;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:900}
.directory-card-body{position:relative;padding:38px 18px 18px}
.directory-card-logo{position:absolute;top:-28px;right:18px;width:56px;height:56px;object-fit:cover;border:4px solid white;border-radius:16px;background:white;box-shadow:0 3px 12px #15203312}
.directory-logo-fallback{display:grid;place-items:center;background:#fff1df;color:#f45d22;font-size:24px;font-weight:900}
.directory-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.directory-card-title h3{min-width:0;font-size:17px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.directory-card-title a{color:inherit;text-decoration:none}
.directory-rating{padding:4px 8px;background:#fff5e7;color:#d88708;border-radius:8px;font-size:12px;font-weight:900;white-space:nowrap}
.directory-card-section{margin-top:6px;color:#718096;font-size:11px;line-height:1.8;min-height:20px}
.directory-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0;color:#64748b;font-size:11px}
.directory-card-meta i{color:#f45d22;font-size:15px}
.directory-card-action{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f1f5f9;font-size:11px;color:#94a3b8}
.directory-card-action a{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#f45d22;text-decoration:none}
.directory-empty{grid-column:1/-1;text-align:center;padding:52px 20px;border:1px dashed #ffd0b3;border-radius:22px;background:#fff7ef}
.directory-empty svg{width:48px;height:48px;margin:0 auto 16px;color:#f45d22}
.directory-empty h3{font-size:20px;font-weight:900}
.directory-empty p{margin:8px 0 16px;color:#64748b;font-size:13px}
.directory-empty a{color:#df511b;font-size:13px;font-weight:800}
.directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;max-width:100%;padding:4px}
.directory-pagination a,.directory-pagination>span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;border:1px solid #f3decd;border-radius:11px;background:white;color:#c24b1d;font-size:12px;font-weight:800;text-decoration:none}
.directory-pagination a[rel=next]{background:#f45d22;color:white;border-color:#f45d22}
.directory-pagination>span{color:#94a3b8;background:#f8fafc;border-color:#edf0f3}
.directory-pagination small{color:#718096;font-size:11px;white-space:nowrap}
.directory-more{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px}
.directory-more p{font-size:12px;color:#718096}
.directory-more a{display:inline-flex;align-items:center;gap:12px;padding:12px 28px;border-radius:13px;background:#f45d22;color:white;font-size:13px;font-weight:900;text-decoration:none}
.directory-more a[aria-disabled=true]{opacity:.65;cursor:wait}
.directory-feedback{margin-bottom:12px;font-size:12px;color:#b65a30;padding:8px 12px;background:#fff4e9;border-radius:10px}
.directory-feedback[hidden]{display:none}
.directory-feedback.is-error{color:#b91c1c;background:#fff1f2}
.merchant-directory.is-loading .directory-grid{opacity:.6;transition:opacity .15s}
[data-directory-results]{scroll-margin-top:100px}
@media(max-width:639px){[data-directory-results]{scroll-margin-top:170px}
}
@media(max-width:1023px){.directory-hero{gap:24px}
.directory-art{padding:12px 0}
.directory-preview:nth-child(2){margin-inline-start:16px}
.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:639px){.merchant-directory{padding:0 16px 40px}
.directory-hero{grid-template-columns:1fr;gap:18px;padding:28px 0 24px}
.directory-hero h1{font-size:30px}
.directory-hero p{font-size:12px}
.directory-stats{margin-top:20px;gap:10px}
.directory-stat{padding-inline-start:12px}
.directory-stat strong{font-size:24px}
.directory-stat span{font-size:10px}
.directory-art{display:flex;gap:8px;align-items:stretch;padding:0}
.directory-art::before,.directory-art-caption{display:none}
.directory-preview{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:9px;border-radius:14px}
.directory-preview:nth-child(2),.directory-preview:nth-child(3){transform:none;margin:0}
.directory-preview img{width:100%;height:68px;border-radius:9px}
.directory-preview strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}
.directory-preview small,.directory-preview-rating{display:none}
.directory-categories{flex-wrap:nowrap;overflow:auto;padding:2px 0 8px;margin:10px 0 18px}
.directory-category{flex-shrink:0;font-size:10px}
.directory-grid{grid-template-columns:1fr;gap:18px}
.directory-results-heading h2{font-size:19px}
.directory-results-heading{gap:10px}
.directory-card-cover{height:170px}
}
@media(prefers-reduced-motion:reduce){.directory-preview,.directory-card,.directory-card-cover>img{transition:none}
.directory-preview:hover,.directory-card:hover{transform:none}
}
@media(max-width:639px){.directory-preview-fallback{width:100%;height:68px;border-radius:9px;font-size:27px}
}
@media(max-width:359px){[data-directory-header] .group>.min-w-0{display:none}
}
/* Compact introduction and controls keep the results close to the top. */
.directory-hero{grid-template-columns:1.35fr 1fr;gap:32px;padding:28px 0 22px}
.directory-hero h1{margin:9px 0;font-size:clamp(28px,2.7vw,35px);line-height:1.45;letter-spacing:-.5px}
.directory-hero p{font-size:12px;line-height:1.85;max-width:570px}
.directory-stats{margin-top:16px;gap:12px;max-width:560px}
.directory-stat{display:flex;align-items:center;gap:8px;padding-inline-start:12px}
.directory-stat strong{font-size:23px}
.directory-stat span{margin:0;font-size:10px;line-height:1.6}
.directory-hero-link{margin-top:12px;font-size:11px}
.directory-art{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0}
.directory-preview{min-width:0;max-width:none;flex-direction:column;align-items:center;gap:7px;padding:12px 8px;border-radius:16px;text-align:center}
.directory-preview:nth-child(2),.directory-preview:nth-child(3){margin:0;transform:none}
.directory-preview img,.directory-preview-fallback{width:56px;height:56px;border-radius:12px;font-size:25px;object-fit:contain}
.directory-preview>div{min-width:0;width:100%}
.directory-preview strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.directory-preview small{margin-top:3px;font-size:10px}
.directory-preview-rating{margin:0;align-self:center;font-size:11px}
.directory-art-caption{grid-column:1/-1;margin:0;font-size:10px}
.directory-categories{gap:6px;margin:8px 0 20px}
.directory-category{padding:7px 11px;font-size:10px}
.directory-results-heading{margin-bottom:16px}
.directory-results-heading h2{font-size:20px}
@media(max-width:1023px) and (min-width:640px){.directory-hero{grid-template-columns:1.1fr 1fr;gap:20px}
.directory-hero h1{font-size:28px}
.directory-stat{flex-direction:column;align-items:flex-start;gap:1px}
.directory-preview strong{font-size:10px}
.directory-preview small{font-size:9px}
}
@media(max-width:639px){.directory-hero{grid-template-columns:1fr;gap:14px;padding:20px 0 14px}
.directory-hero h1{font-size:25px;margin:8px 0;line-height:1.5}
.directory-hero p{font-size:11px;line-height:1.8}
.directory-stats{margin-top:12px;gap:10px}
.directory-stat{flex-direction:column;align-items:flex-start;gap:1px}
.directory-stat strong{font-size:22px}
.directory-stat span{font-size:10px}
.directory-hero-link{margin-top:10px}
.directory-art{display:grid;gap:8px}
.directory-preview{padding:8px;gap:5px}
.directory-preview img,.directory-preview-fallback{width:40px;height:40px;font-size:21px;border-radius:9px}
.directory-preview strong{max-width:none;font-size:10px}
.directory-preview small,.directory-preview-rating,.directory-art-caption{display:none}
.directory-categories{margin:6px 0 14px;padding-bottom:6px}
.directory-results-heading h2{font-size:18px}
.directory-results-heading p{font-size:11px}
[data-directory-results]{scroll-margin-top:116px}

}
.directory-results-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.directory-results-heading .directory-results-summary h2{font-size:18px;line-height:1.7}
.directory-results-heading .directory-results-summary p{margin:0;font-size:11px}
@media(max-width:639px){.directory-results-heading{gap:10px}
.directory-results-heading .directory-results-summary h2{font-size:17px}
}
.directory-hero{padding:24px 0 18px}
.directory-hero h1{line-height:1.35}
.directory-eyebrow{gap:7px;font-size:11px}
.directory-eyebrow i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#fff0e0;color:#f45d22}
.directory-stats{margin-top:12px;gap:8px}
.directory-stat,.directory-stat:first-child{position:relative;display:flex;flex-direction:row;align-items:center;gap:9px;padding:7px 9px;border:1px solid #f6e2d2;border-radius:12px;background:linear-gradient(120deg,#ffffffd9,#fff8f2aa)}
.directory-stat-icon{width:24px;height:24px;flex-shrink:0;color:#ed7b44}
.directory-stat-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 7px;min-width:0}
.directory-stat strong{color:#17243a;font-size:22px;line-height:1.2}
.directory-stat span{font-size:10px;color:#7b8798}
.directory-hero-link{gap:8px;color:#d45320}
.directory-hero-link i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#ffe9d6}
.directory-art{gap:9px}
.directory-preview{position:relative;overflow:hidden;border:1px solid #f6dfcb;background:linear-gradient(160deg,#fffaf5,#fff);box-shadow:0 10px 28px -21px #a958365c;padding:11px 8px;gap:6px;transition:transform .2s,border-color .2s,box-shadow .2s}
.directory-preview:nth-child(2){background:linear-gradient(160deg,#fff2e5,#fff)}
.directory-preview:nth-child(3){background:linear-gradient(160deg,#fff6ee,#fff)}
.directory-preview::after{content:'';position:absolute;bottom:0;left:30%;right:30%;height:2px;background:#ffb58d;border-radius:2px;transition:left .2s,right .2s}
.directory-preview:hover{border-color:#ffc29d;box-shadow:0 14px 30px -21px #a9583670}
.directory-preview:hover::after{left:15%;right:15%}
.directory-preview img,.directory-preview-fallback{width:54px;height:54px;border-radius:15px;background:#fff;box-shadow:0 3px 12px #d58b4412;padding:4px}
.directory-preview-fallback{background:linear-gradient(135deg,#ffefdc,#ffe2c4);color:#f7864d}
.directory-preview-fallback svg{width:30px;height:30px}
.directory-preview strong{color:#17243a;font-size:12px}
.directory-preview small{color:#8994a3}
.directory-preview-rating{background:#fff1df;color:#c77b06;border-radius:7px;padding:3px 8px;font-size:10px;line-height:1.4}
.directory-art-caption{color:#a97757}
.directory-art-caption i{color:#f45d22}
@media(max-width:1023px) and (min-width:640px){.directory-stat{gap:6px;padding:7px}
.directory-stat-icon{width:20px;height:20px}
.directory-stat-copy{flex-direction:column;gap:2px}
.directory-stat span{font-size:9px}
.directory-preview strong{font-size:10px}
}
@media(max-width:639px){.directory-hero{padding:17px 0 12px;gap:12px}
.directory-hero h1{line-height:1.45}
.directory-eyebrow{font-size:10px}
.directory-eyebrow i{width:22px;height:22px}
.directory-stats{gap:6px;margin-top:10px}
.directory-stat,.directory-stat:first-child{padding:7px;gap:0}
.directory-stat-icon{position:absolute;top:8px;left:7px;width:17px;height:17px}
.directory-stat-copy{flex-direction:column;align-items:flex-start;gap:3px}
.directory-stat strong{font-size:20px}
.directory-stat span{font-size:9px}
.directory-preview{padding:7px;gap:5px}
.directory-preview img,.directory-preview-fallback{width:39px;height:39px;border-radius:11px;padding:3px}
.directory-preview-fallback svg{width:24px;height:24px}
.directory-preview strong{font-size:10px}
.directory-preview-rating{display:none}
}
@media(max-width:639px){.searchable-select__trigger span span{font-size:10px}
.searchable-select__trigger small{font-size:9px}
.searchable-select__arrow{font-size:17px}
[data-directory-results]{scroll-margin-top:136px}
}
@media(max-width:639px){[data-directory-results]{scroll-margin-top:80px}
}
.directory-grid[data-view=list],#sections-results-wrapper[data-view=list] .directory-grid{grid-template-columns:1fr}
.directory-grid[data-view=list] .directory-card{display:grid;grid-template-columns:240px minmax(0,1fr)}
.directory-grid[data-view=list] .directory-card-cover{height:100%;min-height:190px;border-radius:21px 0 0 21px}
.directory-grid[data-view=list] .directory-card-body{padding-top:24px;padding-inline-start:86px}
.directory-grid[data-view=list] .directory-card-logo{top:24px;right:18px}
@media(max-width:639px){.directory-grid[data-view=list] .directory-card{display:flex;flex-direction:column}
.directory-grid[data-view=list] .directory-card-cover{height:170px;min-height:0;border-radius:21px 21px 0 0}
.directory-grid[data-view=list] .directory-card-body{padding:38px 18px 18px}
.directory-grid[data-view=list] .directory-card-logo{top:-28px}
}