.product-download-groups{display:grid;gap:24px;margin-top:16px}
.product-download-group h2{margin:0 0 12px}
.product-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.product-download-card{min-width:0;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;background:#fff;overflow-wrap:anywhere}
.download-head{display:flex;align-items:flex-start;gap:12px}
.download-format{flex:none;width:48px;height:48px;border-radius:10px;background:#fff1f3;color:#cf0a2c;display:flex;align-items:center;justify-content:center;font:800 12px/1 Manrope,sans-serif;letter-spacing:.04em}
.product-download-card h4{flex:1;min-width:0;margin:0;font-size:15px;line-height:1.4;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-download-card p{font-size:13px;line-height:1.6;margin:0;color:#596273}
.download-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.download-button{flex:none;min-height:40px;padding:8px 18px;border:1px solid #cf0a2c;background:#fff;color:#cf0a2c;border-radius:9px;font:700 13px Manrope,sans-serif;cursor:pointer}
.download-button:hover{background:#fff1f3}
.download-button:disabled{cursor:wait;opacity:.65}
/* «i» → «×»: the stem turns 45°, the dot slides into the centre, the second bar springs out. */
.download-info{flex:none;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid #d0d5dd;background:#fff;color:#596273;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.download-info:hover{border-color:#cf0a2c;color:#cf0a2c}
.download-info[aria-expanded="true"]{background:#f3f4f6;border-color:#d0d5dd;color:#111827}
.download-info svg{width:18px;height:18px;overflow:visible}
.download-info line,.download-info circle{transform-box:view-box;transform-origin:12px 12px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .25s}
.download-info .stem{transform:translateY(2px) scaleY(.6)}
.download-info .bar2{transform:rotate(-45deg) scaleY(0);opacity:0}
.download-info[aria-expanded="true"] .dot{transform:translateY(4.5px) scale(0);opacity:0}
.download-info[aria-expanded="true"] .stem{transform:rotate(45deg) scaleY(1)}
.download-info[aria-expanded="true"] .bar2{transform:rotate(-45deg) scaleY(1);opacity:1}
/* Details open inside the card; neighbours keep their height (align-items:start on the grid). */
.download-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.download-details>div{overflow:hidden}
.download-details>div>div{display:grid;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid #eef0f3}
.product-download-card.open .download-details{grid-template-rows:1fr}
.download-purpose,.download-fullname{color:#374151}
.download-fullname{font-weight:700}
.download-button:focus-visible,.download-info:focus-visible,#downloadsRetry:focus-visible{outline:3px solid #cf0a2c;outline-offset:3px}
#downloadsAuthHint{font-size:14px;color:#667085;line-height:1.6;margin:0}
#downloadsStatus{font-size:14px;line-height:1.6;margin:16px 0 0}
#downloadsRetry{min-height:44px;margin-top:12px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 16px;background:#fff;cursor:pointer}
@media(prefers-reduced-motion:reduce){.download-info,.download-info line,.download-info circle,.download-details{transition:none}}
@media(max-width:600px){.product-download-grid{grid-template-columns:1fr}}