.catalog-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.catalog-hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;opacity:.42;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.catalog-hero-inner{position:relative;z-index:1;padding:72px 0 62px}.catalog-breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:28px;color:var(--muted);font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em}.catalog-breadcrumbs a:hover{color:var(--orange)}.catalog-breadcrumbs span{color:#aaa}.catalog-hero h1{max-width:900px;margin:0;font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.052em;font-weight:600}.catalog-hero h1 em{display:block;color:var(--orange);font-style:normal}.catalog-lead{max-width:760px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.catalog-stat{display:inline-flex;align-items:center;gap:9px;margin-top:25px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font:11px var(--mono)}.catalog-stat i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--glow)}
.catalog-main{padding-top:72px;padding-bottom:92px}.catalog-heading{margin-bottom:27px}.catalog-heading span{display:block;margin-bottom:11px;color:var(--orange);font:11px var(--mono)}.catalog-heading h2{margin:0;font-size:clamp(29px,4vw,43px);letter-spacing:-.04em}.catalog-heading p{max-width:690px;margin:11px 0 0;color:var(--muted);line-height:1.6}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:72px}.category-card{position:relative;min-height:230px;padding:25px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.category-card:hover{background:var(--vellum)}.category-code{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--orange);font:600 10px var(--mono)}.category-card h2,.category-card h3{margin:31px 0 9px;font-size:20px;letter-spacing:-.025em}.category-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.category-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:23px;border:0;background:none;color:var(--muted);font:11px var(--mono)}.category-card footer b{color:var(--ink);font-size:19px;font-weight:400}.category-card:hover footer b{color:var(--orange);transform:translate(2px,-2px)}
.subcategory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:72px}.subcategory-card{display:flex;flex-direction:column;min-height:156px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.2s}.subcategory-card:hover{border-color:#ffc3a8;box-shadow:0 10px 30px rgba(0,0,0,.04);transform:translateY(-2px)}.subcategory-card span{color:var(--orange);font:10px var(--mono)}.subcategory-card h3{margin:22px 0 7px;font-size:17px;letter-spacing:-.02em}.subcategory-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.subcategory-card b{margin-top:auto;padding-top:14px;font:10px var(--mono);color:var(--muted)}
.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px}.catalog-toolbar .catalog-heading{margin:0}.catalog-page-mark{flex:0 0 auto;color:var(--muted);font:11px var(--mono)}.instruction-list{border-top:1px solid var(--line)}.instruction-card{display:grid;grid-template-columns:60px minmax(0,1fr) 42px;gap:18px;align-items:center;min-height:148px;padding:24px 0;border-bottom:1px solid var(--line)}.instruction-card:hover h2,.instruction-card:hover h3{color:var(--orange)}.instruction-number{color:#aaa;font:11px var(--mono)}.instruction-meta{display:flex;gap:11px;align-items:center;margin-bottom:8px;color:var(--orange);font:10px var(--mono);text-transform:uppercase}.instruction-card h2,.instruction-card h3{margin:0 0 7px;font-size:20px;line-height:1.3;letter-spacing:-.02em;transition:color .2s}.instruction-card p{margin:0;max-width:780px;color:var(--muted);font-size:14px;line-height:1.55}.instruction-arrow{justify-self:end;font-size:21px}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin-top:40px}.pagination a,.pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:11px var(--mono)}.pagination a:hover{border-color:var(--orange);color:var(--orange)}.pagination .active{border-color:var(--orange);background:var(--orange);color:#fff}.pagination .dots{border-color:transparent;background:none}
.catalog-empty{padding:45px;border:1px solid var(--line);border-radius:16px;background:var(--vellum);text-align:center;color:var(--muted)}
@media(max-width:900px){.category-grid,.subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.catalog-hero-inner{padding:52px 0 48px}.catalog-hero h1{font-size:39px}.catalog-lead{font-size:15px}.catalog-main{padding-top:54px;padding-bottom:70px}.category-grid,.subcategory-grid{grid-template-columns:1fr}.category-card{min-height:205px}.catalog-toolbar{display:block}.catalog-page-mark{margin-top:12px}.instruction-card{grid-template-columns:28px minmax(0,1fr) 20px;gap:9px;min-height:140px}.instruction-card h2,.instruction-card h3{font-size:17px}.instruction-card p{font-size:12px}.instruction-meta{font-size:9px}.pagination a,.pagination span{min-width:36px;height:36px;padding:0 9px}}
