.seller-directory-page{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}body[data-storefront-theme] main.seller-directory-page{--primary:var(--theme-primary);--primary-strong:var(--theme-primary-strong);--surface:var(--theme-surface);--surface-strong:var(--theme-surface-strong);--foreground:var(--theme-foreground);--muted:var(--theme-muted);--border:var(--theme-border);width:min(var(--theme-width), calc(100% - 32px));max-width:none}.seller-directory-page .seller-directory-intro-mobile{display:none}.seller-directory-page .seller-directory-heading .surface-label{color:var(--primary);align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.seller-directory-page .seller-directory-search-section{border:1px solid var(--border);background:var(--surface-strong);border-radius:18px;padding:20px}.seller-directory-page .seller-directory-search-section .seller-directory-controls{border:0;border-radius:0;padding:0}.seller-directory-page .seller-directory-search-input{position:relative}.seller-directory-page .seller-directory-search-input svg{color:var(--muted);position:absolute;top:13px;left:12px}.seller-directory-page .seller-directory-controls .seller-directory-search-input input{padding-left:39px}.seller-directory-page .seller-directory-controls input[type=hidden],.seller-directory-page .seller-directory-sort input[type=hidden]{display:none}.seller-directory-page .seller-directory-sort button{border:1px solid var(--border);background:var(--surface-strong);min-height:42px;color:var(--primary-strong);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px}.seller-directory-page .visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){.seller-directory-page .seller-directory-intro-desktop{display:none}.seller-directory-page .seller-directory-intro-mobile{display:block}.seller-directory-page .seller-directory-search-section{padding:14px}.seller-directory-page .seller-directory-search-section .seller-directory-controls{padding:0}.seller-directory-page .seller-directory-sort{width:100%}.seller-directory-page .seller-directory-sort select{flex:1;min-width:0;font-size:16px}.seller-directory-page .seller-directory-submit{padding-inline:14px;font-size:13px}.seller-directory-page .seller-directory-submit svg{display:none}}.seller-directory-page .seller-directory-heading{margin:0 0 24px}.seller-directory-page .seller-directory-heading h1{color:var(--foreground);letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(26px,3vw,32px);font-weight:600;line-height:1.2}.seller-directory-page .seller-directory-heading p{max-width:700px;color:var(--muted);margin:0;line-height:1.55}.seller-directory-page .seller-directory-controls{border:1px solid var(--border);background:var(--surface-strong);border-radius:18px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;align-items:end;gap:12px;padding:20px;display:grid}.seller-directory-page .seller-directory-name,.seller-directory-page .seller-directory-category{min-width:0}.seller-directory-page .seller-directory-controls label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.seller-directory-page .seller-directory-controls :is(input,select){border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--foreground);font:inherit;border-radius:9px;padding:0 12px}.seller-directory-page .seller-directory-controls input::placeholder{color:var(--muted)}.seller-directory-page .seller-directory-submit,.seller-directory-page .seller-directory-join a{border:1px solid var(--primary);background:var(--primary);min-height:44px;color:var(--surface);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.seller-directory-page .seller-directory-submit:hover,.seller-directory-page .seller-directory-join a:hover,.seller-directory-page .seller-directory-card-visit:hover{border-color:var(--primary-strong);background:var(--primary-strong);color:var(--surface)}.seller-directory-page .seller-directory-alphabet-desktop,.seller-directory-page .seller-directory-alphabet-mobile>:not(summary){flex-wrap:wrap;align-items:center;gap:4px;display:flex}.seller-directory-page .seller-directory-alphabet-desktop{border-top:1px solid var(--border);margin-top:18px;padding-top:17px}.seller-directory-page .seller-directory-alphabet-mobile{display:none}.seller-directory-page .seller-directory-letter{min-width:32px;min-height:36px;color:var(--foreground);border-radius:7px;justify-content:center;align-items:center;padding:5px;font-size:13px;text-decoration:none;display:inline-flex}.seller-directory-page a.seller-directory-letter:hover,.seller-directory-page .seller-directory-letter[aria-current=page]{background:var(--primary);color:var(--surface)}.seller-directory-page span.seller-directory-letter{color:var(--muted);opacity:.5}.seller-directory-page .seller-directory-category-chips{flex-wrap:wrap;gap:8px;margin:18px 0 26px;display:flex}.seller-directory-page .seller-directory-category-chips a{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--foreground);border-radius:999px;align-items:center;padding:6px 13px;font-size:13px;text-decoration:none;display:inline-flex}.seller-directory-page .seller-directory-category-chips a:hover,.seller-directory-page .seller-directory-category-chips a[aria-current=page]{border-color:var(--primary);background:var(--surface-strong);color:var(--primary-strong)}.seller-directory-page .seller-directory-results-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin:26px 0 16px;display:flex}.seller-directory-page .seller-directory-results-heading h2{color:var(--foreground);margin:0;font-size:22px;font-weight:600}.seller-directory-page .seller-directory-results-heading p{color:var(--muted);margin:3px 0 0;font-size:13px}.seller-directory-page .seller-directory-sort{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.seller-directory-page .seller-directory-sort select{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--foreground);font:inherit;border-radius:9px;padding:0 10px}.seller-directory-page .seller-directory-active-filters{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 15px;font-size:13px;display:flex}.seller-directory-page .seller-directory-active-filters a{color:var(--primary-strong);text-decoration:underline}.seller-directory-page .seller-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.seller-directory-page .seller-directory-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;transition:border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.seller-directory-page .seller-directory-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.seller-directory-page .seller-directory-card-banner{border-bottom:1px solid var(--border);background:linear-gradient(100deg, var(--surface-strong), var(--surface));height:46px;overflow:hidden}.seller-directory-page .seller-directory-card-banner img{object-fit:cover;filter:saturate(.25)contrast(.9);opacity:.8;width:100%;height:100%}.seller-directory-page .seller-directory-card-content{flex-direction:column;flex:1;min-width:0;padding:15px 16px 16px;display:flex}.seller-directory-page .seller-directory-card-header{align-items:center;gap:11px;min-width:0;margin-bottom:11px;display:flex}.seller-directory-page .seller-directory-card-logo{border:1px solid var(--border);background:var(--surface-strong);width:48px;height:48px;color:var(--primary);border-radius:12px;flex:0 0 48px;place-items:center;display:grid;overflow:hidden}.seller-directory-page .seller-directory-card-logo img{object-fit:contain;width:100%;height:100%}.seller-directory-page .seller-directory-card-title{min-width:0;color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:600;line-height:1.3}.seller-directory-page .seller-directory-card-title a{color:inherit;text-decoration:none}.seller-directory-page .seller-directory-card-title a:hover{color:var(--primary-strong);text-decoration:underline}.seller-directory-page .seller-directory-card-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.seller-directory-page .seller-directory-card-categories{min-width:0;color:var(--muted);align-items:flex-start;gap:6px;margin:12px 0 16px;font-size:12px;line-height:1.5;display:flex}.seller-directory-page .seller-directory-card-categories svg{flex:0 0 14px;margin-top:2px}.seller-directory-page .seller-directory-card-categories a{color:inherit;text-decoration:none}.seller-directory-page .seller-directory-card-categories a:hover{color:var(--primary-strong);text-decoration:underline}.seller-directory-page .seller-directory-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:13px;display:flex}.seller-directory-page .seller-directory-card-products{color:var(--muted);white-space:nowrap;font-size:12px}.seller-directory-page .seller-directory-card-products strong{color:var(--foreground);font-weight:600}.seller-directory-page .seller-directory-card-visit{border:1px solid var(--primary);background:var(--primary);min-height:36px;color:var(--surface);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.seller-directory-page .seller-directory-join{background:var(--surface-strong);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding:20px;display:flex}.seller-directory-page .seller-directory-join h2{color:var(--foreground);margin:0;font-size:18px;font-weight:600}.seller-directory-page .seller-directory-join p{color:var(--muted);margin:4px 0 0;font-size:13px}.seller-directory-page :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--primary);outline-offset:3px}@media (min-width:1200px){.seller-directory-page .seller-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.seller-directory-page .seller-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.seller-directory-page{padding:23px 0 48px}.seller-directory-page .seller-directory-heading{margin-bottom:18px}.seller-directory-page .seller-directory-heading p{font-size:14px}.seller-directory-page .seller-directory-controls{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:14px}.seller-directory-page .seller-directory-name{grid-column:1/-1}.seller-directory-page .seller-directory-controls :is(input,select){font-size:16px}.seller-directory-page .seller-directory-alphabet-desktop,.seller-directory-page .seller-directory-category-chips{display:none}.seller-directory-page .seller-directory-alphabet-mobile{border-top:1px solid var(--border);margin-top:14px;padding-top:13px;display:block}.seller-directory-page .seller-directory-alphabet-mobile summary{min-height:30px;color:var(--primary-strong);cursor:pointer;font-size:14px;font-weight:600}.seller-directory-page .seller-directory-alphabet-mobile>:not(summary){margin-top:8px}.seller-directory-page .seller-directory-letter{min-width:38px;min-height:44px}.seller-directory-page .seller-directory-results-heading{margin-top:22px}.seller-directory-page .seller-directory-results-heading h2{font-size:19px}.seller-directory-page .seller-directory-grid{grid-template-columns:minmax(0,1fr);gap:12px}.seller-directory-page .seller-directory-card-banner{display:none}.seller-directory-page .seller-directory-card-content{padding:14px}.seller-directory-page .seller-directory-card-header{margin-bottom:7px}.seller-directory-page .seller-directory-card-title{font-size:16px}.seller-directory-page .seller-directory-card-description{-webkit-line-clamp:1}.seller-directory-page .seller-directory-card-categories{margin:9px 0 11px}.seller-directory-page .seller-directory-card-footer{padding-top:10px}.seller-directory-page .seller-directory-card-products{font-size:13px}.seller-directory-page .seller-directory-card-visit{min-height:40px;font-size:13px}}
