
.zh-finder{background:#f4efe9;padding:44px 20px 52px;margin:30px 0;text-align:center}
.zh-finder .za-title{margin-bottom:6px}
.zh-filter{max-width:1080px;margin:22px auto 26px}
.zh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.zh-q{display:block;max-width:460px;margin:0 auto 16px}
.zh-q input{width:100%;font:400 14px/1.4 "DM Sans","Segoe UI",Arial,sans-serif;color:#2b1f17;background:#fff;border:1px solid #d9cbbb;padding:11px 16px;border-radius:0;outline:none}
.zh-q input:focus{border-color:#7b5a41}
.zh-g{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 10px}
.zh-g[hidden],.zh-finder [hidden]{display:none !important}
.zh-finder .za-tf{display:inline-flex;align-items:center;cursor:pointer;user-select:none;margin:0;font:600 13px/1.2 "DM Sans","Segoe UI",Arial,sans-serif;color:#4b3f36;background:#fff;border:1px solid #d9cbbb;padding:8px 14px;border-radius:0;white-space:nowrap}
.zh-finder .za-tf input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.zh-finder .za-tf.is-on,.zh-finder .za-tf:has(input:checked){color:#fff;background:#2b1f17;border-color:#2b1f17}
.zh-finder .za-tf:focus-within{outline:2px solid #7b5a41;outline-offset:2px}
.zh-more{margin:6px auto 0;max-width:900px}
.zh-more summary{display:inline-block;cursor:pointer;font:700 12px/1 "DM Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7b5a41;padding:8px 4px;list-style:none}
.zh-more summary::-webkit-details-marker{display:none}
.zh-more summary::after{content:" +"}
.zh-more[open] summary::after{content:" –"}
.zh-more__in{text-align:left;background:#fff;border:1px solid #e5d9cc;padding:14px 16px 6px;margin-top:8px}
.zh-eq__t{font:700 11px/1 "DM Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7b5a41;margin:6px 0 8px}
.zh-g--wrap{justify-content:flex-start}
.zh-count{font:400 14px/1.4 "DM Sans",Arial,sans-serif;color:#4b3f36;margin:12px 0 0}
.zh-count strong{color:#2b1f17}
.zh-reset{background:none;border:0;padding:0 0 0 10px;font:600 13px "DM Sans",Arial,sans-serif;color:#7b5a41;text-decoration:underline;cursor:pointer}
.zh-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;max-width:1240px;margin:0 auto;text-align:left}
.zh-c{background:#fff;border-top:3px solid #7b5a41;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.zh-c:hover{box-shadow:0 10px 28px rgba(43,31,23,.12);transform:translateY(-2px)}
.zh-c__img{display:block;aspect-ratio:4/3;background:#e9e1d8;overflow:hidden}
.zh-c__img img{width:100%;height:100%;object-fit:cover;display:block}
.zh-c__b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.zh-c__o{font:700 11px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7b5a41;margin:0 0 6px}
.zh-c h3{font:700 19px/1.25 "DM Sans","Segoe UI",Arial,sans-serif;color:#2b1f17;margin:0 0 6px;text-transform:none;letter-spacing:0}
.zh-c h3 a{color:inherit;text-decoration:none}
.zh-c__d{font:400 14px/1.5 "DM Sans",Arial,sans-serif;color:#6b5d52;margin:0 0 14px}
.zh-c__more{margin-top:auto;font:700 12px/1 "DM Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#2b1f17;text-decoration:none}
.zh-c__more:hover{color:#7b5a41}
.zh-none{margin:24px 0 0;font:400 15px "DM Sans",Arial,sans-serif;color:#4b3f36}
@media (max-width:767px){
 .zh-finder{padding:32px 0 40px;margin:20px -15px}
 .zh-finder > .za-kicker,.zh-finder > .za-title,.zh-count,.zh-q,.zh-more{padding-left:16px;padding-right:16px}
 .zh-g{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 16px 6px;scrollbar-width:none}
 .zh-g::-webkit-scrollbar{display:none}
 .zh-g--wrap{flex-wrap:wrap;padding:0}
 .zh-list{grid-template-columns:1fr;gap:14px;padding:0 16px}
 .zh-c{flex-direction:row}
 .zh-c__img{flex:0 0 38%;aspect-ratio:auto;min-height:120px}
 .zh-c__b{padding:12px 14px}
 .zh-c h3{font-size:16px}
 .zh-c__d{font-size:13px;margin-bottom:10px}
}
