.duo-card { background: white; border: 1px solid #d4dfe9; min-width: 0; }
.duo-card > a { display: block; }
.duo-card h3 { margin: 0; padding: 18px 22px; font-size: 19px; line-height: 1.5; }
.duo-cover { display: grid; place-content: center; background: white; aspect-ratio: 1; overflow: hidden; }
.duo-cover img { display: block; width: 100%; height: 100%; object-fit: contain; }
.duo-cover:has(img) { display: block; }
.device-card .duo-cover { margin: 14px 0; }
.duo-cover p { color: #64778a; text-align: center; }
.duo-actions { display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: space-between; border-top: 1px solid #d4dfe9; padding: 15px 22px; }
.duo-actions button { color: #365c84; }
.duo-detail h1 { font-size: clamp(28px, 3vw, 52px); }
.duo-details { margin: 60px 0 0; }
.duo-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 370px), 1fr)); gap: 12px; align-items: start; }
.duo-gallery img { display: block; width: 100%; height: auto; }
.duo-other-language { margin-top: 24px; }
.duo-other-language summary { cursor: pointer; padding: 14px 0; }
@media (max-width: 700px) {
  .duo-card h3 { font-size: 15px; padding: 12px; }
  .duo-actions { font-size: 12px; padding: 12px; }
}