ChuanHao PDF-каталог продукции бренда Каталог метчиков ChuanHao SeikoPDF · Открыть .bz-catalogs { --bw-accent: #C0894A; --bw-accent-soft: #e0b079; --bw-muted: #ffffff; position: relative; margin: 0 auto; padding: 44px clamp(20px, 5vw, 56px) 40px; background: #18120f; border-radius: 16px; border: 1px solid #1c1815eb; box-shadow: 0 24px 60px -30px rgba(20, 20, 20, .25); font-family: 'Manrope', system-ui, sans-serif; } .bz-catalogs__corner { position: absolute; width: 16px; height: 16px; border: 1px solid #18120f; border-radius: 50%; background: #1c1815eb; } .bz-catalogs__corner--tl { top: 16px; left: 16px; } .bz-catalogs__corner--tr { top: 16px; right: 16px; } .bz-catalogs__corner--bl { bottom: 16px; left: 16px; } .bz-catalogs__corner--br { bottom: 16px; right: 16px; } .bz-catalogs__head { text-align: center; margin-bottom: 26px; } .bz-catalogs__tag { display: inline-block; font-family: 'IBM Plex Mono', monospace; font-weight: 700; font-size: 16px; letter-spacing: .22em; text-transform: uppercase; color: var(--bw-accent); border: 1px solid var(--bw-accent); border-radius: 3px; padding: 8px 20px; margin-bottom: 14px; } .bz-catalogs__sub { font-family: 'IBM Plex Mono', monospace; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--bw-muted); margin: 0; } .bz-catalogs__grid { display: flex; justify-content: center; } .bz-doc-card { display: flex; align-items: center; gap: 12px; padding: 14px 20px; width: 100%; max-width: 420px; background: #1c1815eb; border: 1px solid #18120f; border-radius: 8px; text-decoration: none; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; } .bz-doc-card:hover { transform: translateY(-3px); border-color: var(--bw-accent-soft); box-shadow: 0 10px 24px -14px rgba(192, 137, 74, .5); } .bz-doc-icon { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 8px; background: rgba(192, 137, 74, .14); display: flex; align-items: center; justify-content: center; color: var(--bw-accent); } .bz-doc-info { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .bz-doc-title { color: #ffffff; font-weight: 700; font-size: 14px; line-height: 1.3; } .bz-doc-meta { font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--bw-accent); } @media (max-width: 560px) { .bz-catalogs { padding: 32px 16px 30px; } } .bz-catalogs a { text-decoration: none !important; }