/* Scoped product-category composition. Shared header, buttons, FAQ and inquiry remain in site.css/site.js. */
.tb-components{color:var(--tb-ink);background:var(--tb-paper)}
.tb-components .cp-hero{padding:58px 0 64px;border-bottom:1px solid var(--tb-line)}
.tb-components .cp-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
.tb-components h1{font:780 clamp(42px,4.6vw,64px)/1.05 var(--tb-display);letter-spacing:-.035em;margin:0;max-width:13ch}
.tb-components .cp-lead{font-size:18px;line-height:1.65;max-width:53ch;margin:24px 0 28px;color:var(--tb-copy)}
.tb-components .cp-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
.tb-components .cp-photo{width:100%;height:440px;object-fit:cover;display:block}
.tb-components .cp-hero .cp-photo{border:1px solid var(--tb-line)}
.tb-components .cp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.tb-components .cp-split--center{align-items:center}
.tb-components h3{font:750 23px/1.25 var(--tb-display);letter-spacing:-.015em;margin:0 0 12px;overflow-wrap:anywhere}
.tb-components p{color:var(--tb-copy)}
.tb-components .cp-section-copy{max-width:62ch}
.tb-components .cp-note{font-size:14px;line-height:1.65;color:var(--tb-muted);margin-top:20px;max-width:82ch}
.tb-components .cp-specs{margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--tb-line)}
.tb-components .cp-specs div{padding:17px 18px 17px 0;border-bottom:1px solid var(--tb-line);min-width:0}
.tb-components .cp-specs dt{font-size:13px;color:var(--tb-muted);margin-bottom:5px}
.tb-components .cp-specs dd{margin:0;font-size:17px;font-weight:700;overflow-wrap:anywhere}
.tb-components .cp-drawing{display:block;width:100%;height:540px;object-fit:contain;background:#fff;border:1px solid var(--tb-line);padding:18px}
.tb-components .cp-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.tb-components .cp-model{min-width:0;border:1px solid var(--tb-line);background:#fff;display:flex;flex-direction:column}
.tb-components .cp-model-image{height:260px;display:grid;place-items:center;background:#fff;border-bottom:1px solid var(--tb-line)}
.tb-components .cp-model-image img{width:100%;height:100%;max-height:260px;object-fit:contain}
.tb-components .cp-model-image--photo img{object-fit:cover}
.tb-components .cp-model-body{padding:26px;display:flex;flex-direction:column;flex:1}
.tb-components .cp-model h3{font-size:21px}
.tb-components .cp-model p{margin:0 0 16px}
.tb-components .cp-model dl{margin:0 0 24px;display:grid;grid-template-columns:1fr;gap:8px}
.tb-components .cp-model dl div{display:flex;justify-content:space-between;gap:16px;font-size:14px}
.tb-components .cp-model dt{color:var(--tb-muted)}
.tb-components .cp-model dd{margin:0;text-align:right;font-weight:700}
.tb-components .cp-model .cp-actions{margin-top:auto;display:grid;gap:12px}
.tb-components .cp-model .cp-note{font-size:12px;margin:10px 0}
.tb-components .cp-text-link{color:var(--tb-blue);text-underline-offset:4px;font-weight:700;display:inline-block;line-height:1.5}
.tb-components .cp-table-wrap{margin-top:42px;overflow:auto;border:1px solid var(--tb-line)}
.tb-components .cp-table{border-collapse:collapse;width:100%;min-width:700px;font-size:15px}
.tb-components .cp-table th,.tb-components .cp-table td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--tb-line);vertical-align:top}
.tb-components .cp-table thead th{color:#fff;background:var(--tb-navy);font-size:14px}
.tb-components .cp-table tbody th{font-weight:600;min-width:170px}
.tb-components .cp-table tr:nth-child(even){background:var(--tb-surface)}
.tb-components .cp-curve-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.tb-components .cp-curve-grid article{min-width:0}
.tb-components .cp-curve-grid img{width:100%;height:430px;object-fit:contain;background:#fff;margin-top:20px;border:1px solid var(--tb-line);padding:16px}
.tb-components .cp-engineering{margin-top:32px;border-top:1px solid var(--tb-line)}
.tb-components .cp-engineering details{border-bottom:1px solid var(--tb-line);padding:0}
.tb-components .cp-engineering summary{padding:22px 0;cursor:pointer;font-weight:700;overflow-wrap:anywhere}
.tb-components .cp-engineering details>div{padding:0 0 28px}
.tb-components .cp-engineering img{height:640px;width:100%;object-fit:contain;background:#fff}
.tb-components .cp-order{border-top:2px solid var(--tb-blue);padding-top:24px}
.tb-components .cp-order ul{padding-left:20px;color:var(--tb-copy);margin:20px 0}
.tb-components .cp-order li{margin:10px 0}
.tb-components .cp-downloads{display:grid;gap:0;margin-top:28px;border-top:1px solid var(--tb-line)}
.tb-components .cp-download{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--tb-line)}
.tb-components .cp-download h3{font-size:20px;margin:0 0 8px}
.tb-components .cp-download p{font-size:14px;margin:0}
.tb-components .cp-download .cp-actions{margin:0}
.tb-components .cp-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}
.tb-components .cp-related a{border-top:1px solid var(--tb-line);padding-top:22px;text-decoration:none;font-weight:700;color:var(--tb-blue);line-height:1.6}
.tb-components .cp-related a span{display:block;font-size:14px;font-weight:400;color:var(--tb-copy);margin-top:10px}
.tb-components .tb-faq-list h3{font:inherit;letter-spacing:inherit;margin:0;overflow-wrap:normal}
.tb-components .cp-model .tb-btn{padding-inline:14px}
@media(max-width:1100px){.tb-components .cp-hero-grid{gap:32px}.tb-components .cp-model-body{padding:20px}.tb-components .cp-model h3{font-size:19px}.tb-components .cp-models{gap:16px}.tb-components .cp-split{gap:32px}}
@media(max-width:900px){.tb-components .cp-hero-grid,.tb-components .cp-split{grid-template-columns:1fr}.tb-components .cp-hero .cp-photo{height:400px;object-fit:contain}.tb-components .cp-download{grid-template-columns:1fr}.tb-components .cp-models{grid-template-columns:1fr}.tb-components .cp-model{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.tb-components .cp-model-image{height:100%;min-height:280px;border-bottom:0}.tb-components .cp-model-image img{max-height:350px}.tb-components .cp-model h3{font-size:23px}}
@media(max-width:767px){.tb-components .cp-hero{padding:32px 0 42px}.tb-components h1{font-size:44px}.tb-components .cp-lead{font-size:16px}.tb-components .cp-photo,.tb-components .cp-hero .cp-photo{height:280px}.tb-components .cp-hero-grid{gap:30px}.tb-components .cp-model{display:flex}.tb-components .cp-model-image{height:250px;min-height:0}.tb-components .cp-model-image img{max-height:250px}.tb-components .cp-model-body{padding:24px}.tb-components .cp-curve-grid,.tb-components .cp-related{grid-template-columns:1fr}.tb-components .cp-curve-grid img{height:360px}.tb-components .cp-specs dd{font-size:15px}.tb-components .cp-drawing{height:400px;padding:8px}.tb-components .cp-engineering img{height:auto}.tb-components .cp-actions{align-items:stretch}.tb-components .cp-actions .tb-btn{width:100%}.tb-components .cp-download{gap:16px}.tb-components .cp-related{gap:22px}.tb-components .cp-note{font-size:13px}}

/* Fan mounting drawings: one horizontal row, 2026-10-24. */
.tb-components #mounting .cp-drawing-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:32px;align-items:stretch}
.tb-components #mounting .cp-drawing-card{min-width:0;border:1px solid var(--tb-line);background:#fff;padding:20px 16px;display:flex;flex-direction:column}
.tb-components #mounting .cp-drawing-card h3{font-size:16px;line-height:1.4;letter-spacing:0;margin:0 0 6px;overflow-wrap:anywhere}
.tb-components #mounting .cp-drawing-card>p{font-size:13px;line-height:1.5;margin:0 0 16px;color:var(--tb-muted)}
.tb-components #mounting .cp-drawing-preview{display:block;margin:auto 0 20px}
.tb-components #mounting .cp-drawing-preview img{display:block;width:100%;height:270px;object-fit:contain;background:#fff}
.tb-components #mounting .cp-drawing-actions{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:auto;font-size:13px}
@media(max-width:1199px){.tb-components #mounting .cp-drawing-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:250px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}.tb-components #mounting .cp-drawing-card{scroll-snap-align:start}}
@media(max-width:767px){.tb-components #mounting .cp-drawing-row{grid-auto-columns:min(78vw,280px);gap:14px}.tb-components #mounting .cp-drawing-preview img{height:300px}}