/* Picosecond catalog additions on top of the CO2 catalog stylesheet (style.css copied from /assets/co2/style.css) */
.product-image-rail{grid-template-columns:repeat(9,minmax(52px,1fr))}
.product-image-rail button{height:70px}
.product-gallery{height:600px;padding-bottom:110px}
.option-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.option-group.arms{grid-template-columns:repeat(2,minmax(0,1fr))}
.option-group button{padding:12px 8px;border:1px solid #b4c6d8;border-radius:6px;background:#fff;color:var(--ink);font-size:12px;min-height:45px;line-height:1.4}
.option-group button[aria-pressed=true]{border:2px solid var(--blue);padding:11px 7px;color:#065fbf;background:#edf5ff;font-weight:700}
.crumbs{font-size:11px;color:var(--muted);padding-top:16px}.crumbs a{color:#1268b4;text-decoration:underline;text-underline-offset:3px}
.design-grid.nine{grid-template-columns:repeat(5,minmax(0,1fr))}
.design-card .alias{font-size:9px!important;color:#7a8ea1!important}
.spec-matrix th:first-child,.spec-matrix td:first-child{position:sticky;left:0;background:#f3f7fb;font-weight:600;color:#40607b}
.spec-matrix table{min-width:1100px}.spec-matrix td{font-size:11px;vertical-align:top}
.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.component-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}
.component-grid img{display:block;width:100%;height:auto;border-radius:6px}
.source-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.source-figs figure{margin:0}.source-figs img{width:100%;height:110px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.source-figs figcaption{padding-top:6px}
.mini-table table{min-width:0}
.case-fig{margin:18px 0 0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}
.case-fig .labels{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:12px;font-weight:700;padding-bottom:8px}
.case-fig img{display:block;width:100%;height:auto;border-radius:6px}
.notes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.notes-grid div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px}
.notes-grid b{display:block;color:var(--blue);font-size:11px;letter-spacing:.08em;margin-bottom:8px}
.notes-grid h3{font-size:13px;margin:0 0 8px}.notes-grid p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.sg-wa{margin:28px 0 34px;padding:24px;background:#eff9f4;border:1px solid #b8dfcb;border-radius:16px;color:#163c2c}
.sg-wa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sg-wa a.sg-wa-card,.sg-wa a.sg-email-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:17px 16px;border:1px solid #9bcbb2;background:#fff;border-radius:10px;color:#173d2c}
.sg-wa a:hover{border-color:#087642;background:#f8fffb}
.sg-wa strong{font-size:17px;line-height:1.35}.sg-wa span{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.sg-contact-label{display:flex;align-items:center;gap:10px}.sg-contact-icon{flex:0 0 24px;color:#067543}
.sg-related{margin:36px 0 28px;padding:18px 0;border-top:1px solid #d5e3db}.sg-related h2{font-size:18px;margin:0 0 10px;color:#163c2c}
.sg-related ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}.sg-related a{color:#075f3c;font-size:14px;text-decoration:underline}
footer{display:flex;justify-content:space-between;gap:12px;max-width:1200px;margin:auto;padding:18px 30px;color:#8ea3b8;font-size:11px}
@media(max-width:1180px){.design-grid.nine{grid-template-columns:repeat(3,minmax(0,1fr))}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.component-grid{grid-template-columns:1fr}}
@media(max-width:700px){.product-gallery{height:460px}.design-grid.nine{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-grid,.sg-wa-grid{grid-template-columns:1fr}.product-image-rail{grid-template-columns:repeat(9,58px)}}
/* v6: output energy on source buttons + 3 key facts */
.option-group button .src-energy{display:block;font-size:11px;font-weight:600;color:#5b6b7c;margin-top:2px}
.option-group button[aria-pressed="true"] .src-energy{color:inherit}
.key-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){.key-facts{grid-template-columns:1fr 1fr}.key-facts>div:last-child{grid-column:1/-1}}