.matova-reference-catalog,.matova-reference-detail{--reference-ink:#142322;--reference-muted:#566862;--reference-line:#dce5de;color:var(--reference-ink);max-width:1240px;margin:clamp(2rem,5vw,4.5rem) auto;padding:0 clamp(1rem,4vw,3rem)}
.matova-reference-eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:800;color:#476c38}.matova-reference-catalog h2{font-size:clamp(1.75rem,3vw,2.8rem);line-height:1.08;margin:.5rem 0 1.2rem}.matova-reference-catalog>p{max-width:76ch;color:var(--reference-muted)}
.matova-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.matova-reference-card{min-width:0;background:#f5f7f3;border:1px solid var(--reference-line);border-radius:1rem;padding:1.4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;overflow-wrap:anywhere}.matova-reference-card p{margin:0}.matova-reference-card h3{font-size:1.08rem;line-height:1.4;margin:0;flex:1}.matova-reference-card h3 a{text-decoration:none;color:inherit}.matova-reference-code{font-weight:700;font-size:.88rem;color:#4d675d;overflow-wrap:anywhere}.matova-reference-price{font-size:1rem;font-weight:750}.matova-reference-link{color:#162521;font-size:.9rem;font-weight:750;text-decoration:underline;text-underline-offset:.25em}.matova-reference-card .matova-reference-link{margin-top:.5rem}
.matova-reference-pagination{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin:2rem 0}.matova-reference-pagination a{border:1px solid var(--reference-line);border-radius:2rem;padding:.65rem 1rem;color:inherit;text-decoration:none}.matova-reference-pagination span{font-size:.88rem}
.matova-reference-detail{max-width:980px;min-height:50vh}.matova-reference-detail h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;overflow-wrap:anywhere}.matova-reference-detail>p{max-width:75ch}.matova-reference-detail dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.75rem 1rem;border-top:1px solid var(--reference-line);padding:1.25rem 0}.matova-reference-detail dt{font-weight:700}.matova-reference-detail dd{margin:0;overflow-wrap:anywhere}
.matova-reference-form{padding:1.3rem;background:#edf2eb;border-radius:1rem;margin:2rem 0}.matova-reference-form label{display:block;font-size:.9rem;font-weight:700;margin-bottom:.75rem}.matova-reference-form>div{display:flex;gap:.65rem}.matova-reference-form input[type=search]{min-width:0;flex:1;box-sizing:border-box;background:#fff;border:1px solid #b8c8ba;border-radius:.5rem;padding:.85rem 1rem;color:#142322}.matova-reference-form button{background:#162521;color:#fff;border:0;border-radius:.5rem;padding:.85rem 1.25rem;white-space:nowrap;font-weight:700;cursor:pointer}.matova-reference-form :focus-visible,.matova-reference-catalog a:focus-visible,.matova-reference-detail a:focus-visible{outline:3px solid #d67c26;outline-offset:4px}
@media(max-width:860px){.matova-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.matova-reference-grid{grid-template-columns:minmax(0,1fr)}.matova-reference-card{padding:1.2rem}.matova-reference-form>div{flex-direction:column}.matova-reference-form button{width:100%}.matova-reference-detail dl{grid-template-columns:minmax(0,1fr);gap:.3rem}.matova-reference-detail dd{margin-bottom:.75rem}}