/* The screenshots are unaltered simulator captures, not device mockups. */
.calculator-devices{border-top:1px solid var(--line)}
.calculator-devices-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:34px}
.product-page .calculator-devices-heading h2{font-size:clamp(34px,3.4vw,46px);line-height:1.12;margin:0}
.calculator-devices-heading p{font-size:15px;max-width:460px;margin:0}
.calculator-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.calculator-device-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px;overflow:hidden}
.calculator-device-card-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin-bottom:18px}
.product-page .calculator-device-card h3{font-size:17px;line-height:1.25;margin:0;letter-spacing:-.02em}
.calculator-device-card-head span{font:10px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}
.calculator-device-image{display:grid;place-items:center;flex:1;min-width:0;min-height:250px;padding:16px;background:var(--surface-raised);border-radius:12px}
.calculator-device-image img{display:block;width:auto;height:auto;max-width:100%;max-height:410px;object-fit:contain;border-radius:12px;box-shadow:0 18px 35px #0004}
.calculator-device-image:hover img{box-shadow:0 20px 42px #0006}
@media(max-width:700px){.calculator-devices-heading{grid-template-columns:1fr;gap:16px}.calculator-device-grid{grid-template-columns:1fr}.calculator-device-card{padding:18px}.calculator-device-image{min-height:0;padding:12px}.calculator-device-image img{max-height:380px}}