.directory-section{max-width:1200px;padding:40px;margin:0 auto}.directory-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:32px}.directory-search{width:100%;max-width:300px;padding:10px 24px 10px 12px;border:1px solid var(--color-border, #ccc);border-radius:4px}.directory-search::placeholder{color:var(--color-text-muted, #888)}.directory-search:focus{outline:none;border-color:var(--color-accent, #f5f5f5);box-shadow:0 0 0 2px #f5f5f5}.alphabet-filter{display:flex;flex-wrap:wrap;gap:6px}.alphabet-filter button{padding:6px 10px;border:none}.alphabet-filter button.active{background:#000;color:#fff}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px}.directory-card{display:flex;flex-direction:column;align-items:center;width:190px;overflow:hidden;border-radius:8px}.directory-card__image{width:100%;height:190px;aspect-ratio:1 / 1;object-fit:cover;transition:transform .35s ease}.directory-card:hover .directory-card__image{transform:scale(1.08)}.directory-card__title{margin-top:10px;font-size:14px;line-height:1.4;text-align:center;color:#000}.directory-search-wrapper{position:relative;width:100%;max-width:260px}.directory-search-clear{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;color:#888;display:none;padding:0}.directory-search-clear:hover{color:#000}.directory-search:not(:placeholder-shown)+.directory-search-clear{display:block}@media(max-width:480px){.directory-grid{grid-template-columns:repeat(1,1fr);gap:16px}.directory-card{width:100%}.directory-card__image{height:auto}}@media(min-width:481px)and (max-width:768px){.directory-grid{grid-template-columns:repeat(2,1fr)}.directory-card{width:100%}}@media(min-width:769px)and (max-width:1024px){.directory-grid{grid-template-columns:repeat(4,1fr)}.directory-card{width:100%}}@media(min-width:1025px){.directory-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.directory-section{padding:8px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/image-cards-directory.css.map */