.directory33{width:min(1000px,92vw);max-height:82dvh;padding:28px;border:1px solid var(--line);border-radius:10px;background:var(--surface,var(--cream));color:var(--ink);box-shadow:0 25px 90px #0003;overflow-y:auto;overscroll-behavior:contain}.directory33::backdrop{background:#241c256b;backdrop-filter:blur(5px)}.directory33-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.directory33-head h2{font-size:26px;margin:8px 0}.directory33-head p{margin:0;color:var(--muted)}.directory33-head>button{width:42px;height:42px;flex-shrink:0;font-size:28px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.directory33-all{display:block;font-size:15px;font-weight:550;color:var(--accent,var(--ink));padding:10px 0}.directory33-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin-top:12px}.directory33 details{border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow:hidden}.directory33 summary{font-size:16px;line-height:1.9;font-weight:550;padding:15px 18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}.directory33 summary::-webkit-details-marker{display:none}.directory33 summary>span{font-size:23px;color:var(--muted);transition:transform .2s}.directory33 details[open] summary>span{transform:rotate(45deg)}.directory33 details[open] summary{border-bottom:1px solid var(--line)}.directory33 details nav{padding:8px 18px 15px;display:grid}.directory33 details a{font-size:15px;line-height:2;min-height:42px;display:flex;align-items:center;padding:6px 8px;border-radius:4px}.directory33 a:hover,.directory33 a:focus-visible{background:var(--panel);color:var(--accent,var(--ink))}.directory33 details a:hover{background:var(--surface,var(--cream))}.directory33-search{display:grid;gap:8px;font-size:14px;max-width:500px;margin:0 0 22px}.directory33-search input{width:100%;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);padding:11px 14px;min-height:48px}.directory33-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.directory33-brands>a{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;min-width:0;padding:16px}.directory33-brands>a[hidden]{display:none}.directory33-brands>a>span:first-child{display:grid;gap:5px;min-width:0}.directory33-brands strong{font-size:16px;font-weight:550}.directory33-brands small{font-size:12px;color:var(--muted);line-height:1.8}.directory33-brands>a>span:last-child{display:grid;gap:8px;text-align:left;flex-shrink:0}.directory33 button:focus-visible,.directory33 summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){.directory33{width:94vw;max-height:84dvh;padding:20px 16px}.directory33-head h2{font-size:23px}.directory33-head .eyebrow{font-size:8px}.directory33-head p{font-size:14px!important}.directory33-categories{grid-template-columns:1fr;gap:10px}.directory33-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.directory33-brands>a{padding:12px;align-items:start;flex-direction:column;gap:8px}.directory33-brands>a>span:last-child{display:flex;justify-content:space-between;width:100%;align-items:center}.directory33-brands small{font-size:11px}}