.catalog-doc{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px 40px;display:grid}.catalog-doc__title{grid-area:1/1/auto/-1}.catalog-doc__left{grid-area:2/1/4;min-width:0}.catalog-doc__rail{flex-direction:column;grid-area:2/2;gap:20px;display:flex;position:sticky;top:80px}.catalog-doc__below{flex-direction:column;grid-area:4/1/auto/-1;gap:40px;display:flex}.catalog-doc__title{color:#0f172a;margin:0;font-size:28px;font-weight:700;line-height:1.25}.catalog-doc__preview{aspect-ratio:4/3;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:16px;width:100%;position:relative;overflow:hidden}.catalog-doc__preview-img{object-fit:contain;width:100%;height:100%;display:block}.catalog-doc__preview-placeholder{opacity:.6;background-color:#e2e8f0;background-image:linear-gradient(135deg,#f1f5f9 25%,#0000 25%),linear-gradient(225deg,#f1f5f9 25%,#0000 25%),linear-gradient(315deg,#f1f5f9 25%,#0000 25%),linear-gradient(45deg,#f1f5f9 25%,#0000 25%);background-position:-10px 0,-10px 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:absolute;inset:0}.catalog-doc__strip{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;gap:8px;margin-top:12px;padding-bottom:4px;display:flex;overflow-x:auto}.catalog-doc__strip-cell{color:#94a3b8;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;flex:0 0 72px;justify-content:center;align-items:center;height:54px;font-size:11px;font-weight:600;display:flex;position:relative;overflow:hidden}.catalog-doc__strip-cell--first{border-color:#3b82f6;position:relative}.catalog-doc__strip-img{object-fit:cover;width:100%;height:100%;display:block}.catalog-doc__badges{flex-wrap:wrap;gap:6px;display:flex}.catalog-doc__badge{letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600;text-decoration:none}.catalog-doc__badge--lang{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633}.catalog-doc__badge--category{color:#c2610a;background:#e8922e1a;border:1px solid #e8922e40}.catalog-doc__meta{flex-direction:column;gap:8px;display:flex}.catalog-doc__meta-row{color:#374151;justify-content:space-between;align-items:center;font-size:13px;display:flex}.catalog-doc__meta-label{color:#6b7280;font-weight:500}.catalog-doc__meta-value{color:#0f172a;font-weight:600}.catalog-doc__share{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.catalog-doc__share:hover{background:#f1f5f9;border-color:#cbd5e1}.catalog-doc__description{color:#374151;white-space:pre-wrap;max-width:72ch;margin:0;font-size:15px;line-height:1.7}.catalog-related{flex-direction:column;gap:16px;display:flex}.catalog-related__heading{color:#0f172a;margin:0;font-size:20px;font-weight:700}.catalog-related__row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}