/* Eastman, Kamon category pictograms, sky blue and a quiet white search panel. */
.business-directory{margin-bottom:24px}
.directory-search-panel{padding:30px;background:#fff;border-radius:26px}
.directory-search-panel h2{font-size:27px;line-height:1.25;margin:0 0 24px;max-width:24ch}
.directory-search label,.directory-location label{display:block;font-size:14px;margin:0 0 9px;color:#59636a}
.directory-query-row,.directory-city-row{display:flex;gap:10px}
.directory-query-row input[type=search],.directory-city-row select{min-width:0;flex:1;width:100%;height:52px;padding:12px 14px;border:1px solid #c8cccf;border-radius:9px;background:#fff;color:#161616;font:inherit;font-size:16px}
.directory-query-row button,.directory-city-row button{border:0;border-radius:9px;background:#161616;color:#fff;min-height:52px;padding:12px 22px;font:inherit;font-weight:500}
.directory-location{margin-top:22px}.directory-city-row select{flex:1}
.directory-locate{display:inline-flex;align-items:center;gap:8px;color:#126d96;background:transparent;border:0;padding:12px 0;margin:4px 0 0;font:inherit;font-size:14px;min-height:44px;text-align:left}
.directory-locate[hidden]{display:none}.directory-locate:disabled{opacity:.65;cursor:wait}
.directory-location-note{color:#59636a;font-size:13px;line-height:1.6;margin:0;max-width:60ch}
.directory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:34px 0 17px}.directory-heading h2{font-size:26px;margin:0}.directory-heading>span{font-size:14px;color:#59636a}
.directory-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.directory-category{display:flex;align-items:center;gap:16px;background:#fff;border-radius:20px;padding:23px 20px;min-height:100px;color:#161616;font-size:21px;transition:background .15s}
.directory-category:hover{background:#dceffc}.directory-category img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.directory-category>span{flex:1;min-width:0;overflow-wrap:anywhere}.directory-category>svg{flex-shrink:0;color:#287faa}
.directory-category>.directory-instashop-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#e5f4ff;font-size:29px;line-height:1}
.business-directory :is(input,select,button,a):focus-visible{outline:3px solid #176fd2;outline-offset:3px}
@media(max-width:1000px){.directory-search-panel{padding:24px}.directory-category{gap:12px;padding:20px 16px;font-size:19px}.directory-category img{width:36px;height:36px}}
@media(max-width:700px){.directory-search-panel{padding:22px;border-radius:23px}.directory-search-panel h2{font-size:25px;margin-bottom:22px}.directory-query-row button,.directory-city-row button{padding:12px 17px}.directory-heading{margin-top:28px;align-items:flex-start;flex-direction:column;gap:5px}.directory-heading h2{font-size:25px}.directory-sections{gap:11px}.directory-category{flex-wrap:wrap;padding:20px 16px;min-height:132px;gap:13px;font-size:20px}.directory-category img{width:40px;height:40px;margin-right:calc(100% - 40px)}.directory-category>svg{width:15px}.directory-category>span{overflow-wrap:normal}.directory-location-note{font-size:12px}}
@media(max-width:700px){.directory-category>.directory-instashop-icon{flex-basis:40px;width:40px;height:40px;margin-right:calc(100% - 40px);font-size:26px}}
@media(max-width:359px){.directory-search-panel{padding:18px}.directory-query-row{flex-wrap:wrap}.directory-query-row input[type=search]{flex-basis:100%}.directory-query-row button{width:100%}.directory-category{font-size:17px;padding:17px 13px}.directory-category>svg{display:none}}
@media(prefers-reduced-motion:reduce){.directory-category{transition:none}}

.directory-search-panel.directory-search-compact{padding:22px;background:#9bd8f5;border-radius:24px}
.directory-search-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:14px 19px;border:0;border-radius:40px;background:#fff;color:#69737a;font:inherit;text-align:left;cursor:pointer}
.directory-search-trigger svg{flex-shrink:0;color:#161616}.directory-city-trigger{display:flex;align-items:center;gap:9px;min-height:44px;margin:8px 0 -6px;padding:6px 4px;border:0;background:transparent;color:#174d6e;font:inherit;font-size:14px;cursor:pointer}

.directory-category>.directory-arrow{flex:0 0 auto;color:#287faa;font-size:22px}.directory-empty[hidden]{display:none}