.opto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.opto-card{border:1px solid #d8dfe2;padding:20px;border-radius:10px;background:white;color:#142329}.opto-card img{width:100%;aspect-ratio:1;object-fit:contain}.opto-card h3{overflow-wrap:anywhere}.opto-note{font-size:14px;line-height:1.6}.opto-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.opto-tabs button{padding:10px 18px;cursor:pointer;border:1px solid #64757c;border-radius:6px;background:white;color:#142329}.opto-tabs button[aria-pressed=true]{background:#142329;color:white}.opto-card[hidden]{display:none}@media(max-width:850px){.opto-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.opto-grid{grid-template-columns:1fr}}.opto-card img{height:200px;aspect-ratio:auto;max-width:260px;margin:0 auto;display:block}.opto-detail .cooling-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:48px;align-items:center;margin-top:24px}.opto-detail .cooling-photo{margin:0;padding:20px}.opto-detail .cooling-photo img{width:100%;height:280px;max-height:280px;object-fit:contain}.opto-detail .cooling-layout h1.catalog-model{font-size:clamp(28px,3vw,44px);letter-spacing:-.025em;margin:10px 0}.opto-detail .cooling-layout h2{font-size:20px;line-height:1.4;font-weight:500}.opto-detail figcaption{font-size:12px;color:#52646c;margin-top:12px}.opto-detail nav{font-size:13px;line-height:1.8}.opto-detail .cooling-layout>div>p{max-width:620px;line-height:1.7}@media(max-width:760px){.opto-detail .cooling-layout{grid-template-columns:1fr;gap:24px}.opto-detail .cooling-photo{width:min(100%,320px);box-sizing:border-box;justify-self:center}.opto-detail .cooling-photo img{height:230px;max-height:230px}.opto-card img{height:180px}.opto-detail .cooling-layout h2{font-size:18px}}