.catalog-page{padding:64px 0 100px;min-height:80vh}
.catalog-header{max-width:850px;margin-bottom:52px}
.catalog-header .section-tag{margin-bottom:18px}
.catalog-header h1{font-size:clamp(3rem,6vw,4.6rem);line-height:1.08;letter-spacing:-.045em;color:#f3efe6;margin:0 0 24px}
.catalog-header>p:not(.section-tag){max-width:650px;color:#b7b5ae;font-size:1.07rem;line-height:1.8}
.catalog-header-bottom{display:flex;align-items:center;gap:24px;margin-top:27px;color:#8e908b;font-size:.76rem;letter-spacing:.04em}
.catalog-header-bottom a{color:#c5a059;display:inline-flex;align-items:center;gap:8px}
.catalog-toolbar{border-top:1px solid #3a3a36;border-bottom:1px solid #3a3a36;padding:24px 0;margin-bottom:25px}
.catalog-control-row{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:24px;margin-bottom:21px}
.catalog-search label,.catalog-sort label{display:block;color:#c4c2bb;font-size:.74rem;margin-bottom:8px}
.catalog-search-field{position:relative}
.catalog-search-field svg{position:absolute;left:15px;top:15px;pointer-events:none;color:#a6a59e}
.catalog-search input,.catalog-sort select{appearance:none;width:100%;min-height:48px;background:#222324;border:1px solid #41423c;border-radius:6px;color:#f3efe6;font:inherit;font-size:.88rem;padding:12px 14px}
.catalog-search input{padding-left:44px}
.catalog-search input::placeholder{color:#92958e}
.catalog-sort select{cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c5a059' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.catalog-filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.catalog-filter{padding:9px 16px;border:1px solid #41423c;border-radius:5px;color:#bdbcb5;background:transparent;font:inherit;font-size:.79rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.catalog-filter:hover{border-color:#97815b;color:#f3efe6}
.catalog-filter.active{background:#c5a059;color:#171819;border-color:#c5a059}
.catalog-results-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.76rem;color:#a9aaa2;margin:22px 0 18px}
.catalog-reset{color:#d2b276;font:inherit;text-decoration:underline;text-underline-offset:4px;padding:4px;cursor:pointer}
.catalog-empty{border:1px solid #41423c;border-radius:8px;padding:50px 24px;text-align:center;margin-top:20px}
.catalog-empty h2{color:#eee9dd;font-size:1.3rem;margin-bottom:12px}
.catalog-empty p{color:#aaa99f;margin:0}
.catalog-endnote{margin-top:36px;color:#94958e;font-size:.77rem;max-width:640px;line-height:1.7}
.catalog-page [hidden]{display:none!important}
.catalog-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalog-page :is(input,select,button,a):focus-visible{outline:2px solid #dfbf81;outline-offset:4px}
@media(max-width:680px){.catalog-page{padding:42px 0 70px}.catalog-header{margin-bottom:32px}.catalog-header h1{font-size:3.2rem}.catalog-header>p:not(.section-tag){font-size:.95rem}.catalog-control-row{grid-template-columns:1fr;gap:14px}.catalog-sort{display:flex;align-items:center;gap:15px}.catalog-sort label{margin:0;white-space:nowrap}.catalog-sort select{flex:1}.catalog-header-bottom{flex-wrap:wrap;gap:12px}.catalog-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-filter{padding:11px 8px}.catalog-toolbar{padding:20px 0}}
