.directory-head{max-width:760px;margin:16px 0 28px}.directory-head h1{font-size:clamp(28px,4vw,42px);margin:8px 0}.directory-head p{color:var(--muted);font-size:15px}.directory-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.directory-tools input,.directory-tools select{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--surface);max-width:100%}.directory-tools input[type=search]{flex:1;min-width:220px}.directory-tools input[type=number]{width:110px}.directory-tools label{display:flex;gap:6px;align-items:center;font-size:12px}.directory-categories{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.directory-categories button[aria-pressed=true]{background:var(--ink);color:white}.directory-count{min-height:24px;margin:14px 0;color:var(--muted)}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.directory-card{padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}.directory-card h2{font-size:16px;line-height:1.35}.directory-photo{background:#fff;border-radius:12px;width:100%;height:170px;object-fit:contain}.directory-card .directory-specs{font-size:12px;color:var(--muted);min-height:36px}.directory-card .directory-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto}.directory-card .directory-price{font-size:18px;font-weight:600}.directory-stock{font-size:11px;color:var(--muted)}.directory-stock.available{color:var(--ok)}.directory-more{display:block;margin:24px auto}.directory-error{padding:28px}.directory-dialog{border:0;border-radius:20px;background:var(--bg);color:var(--ink);max-width:920px;width:calc(100% - 32px);max-height:90vh;padding:24px;box-shadow:var(--shadow-lg)}.directory-dialog::backdrop{background:rgba(41,37,36,.45)}.directory-dialog .directory-close{float:right}.directory-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;clear:both;padding-top:16px}.directory-detail h2{font-size:24px;margin:8px 0 16px}.directory-main-photo{width:100%;height:300px;object-fit:contain;background:white;border-radius:14px}.directory-gallery{display:flex;gap:6px;overflow:auto;margin-top:8px}.directory-gallery button{flex:0 0 52px;padding:2px;border:1px solid var(--line);background:white;border-radius:6px}.directory-gallery img{width:46px;height:46px;object-fit:contain}.directory-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;font-size:13px}.directory-detail dt{color:var(--muted)}.directory-detail dd{margin:0;overflow-wrap:anywhere}.directory-detail select{width:100%;padding:10px;margin:8px 0 14px;border:1px solid var(--line);border-radius:8px}.directory-source{font-size:12px;line-height:1.5;color:var(--muted);margin-top:20px}.directory-source a{text-decoration:underline}.directory-empty{grid-column:1/-1;padding:36px;text-align:center}.directory-detail .btn{margin:6px 6px 6px 0}.directory-detail ul{padding-left:18px}.directory-photo-error{object-fit:contain;opacity:.45}.thumb .catalog-thumb{width:100%;height:100%;max-height:90px;object-fit:contain;background:white;border-radius:8px}
@media(max-width:900px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.directory-detail>div{min-width:0}
@media(max-width:600px){.directory-grid{grid-template-columns:1fr}.directory-photo{height:200px}.directory-detail{grid-template-columns:1fr}.directory-dialog{padding:18px}.directory-main-photo{height:220px}.directory-tools>*{flex:1}.directory-tools label{flex:none}.directory-categories .btn{font-size:11px;padding:7px 9px}}