/* Only the homepage ReasonUp showcase uses these rules. */
#reasonup .product-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px}
#reasonup .product-copy{padding-right:0}
#reasonup .product-visual{min-width:0;max-width:none;width:100%;padding-left:0;margin:0}
#reasonup .ru-slide{margin:0 0 24px;min-width:0}
#reasonup .ru-gallery [hidden]{display:none}
#reasonup .ru-frame{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:946/665;background:#fff;border:1px solid #dbeaf4;border-radius:12px;overflow:hidden}
#reasonup .ru-frame>img{display:block;width:100%;height:100%;object-fit:contain}
#reasonup figcaption{text-align:center;font-size:15px;line-height:1.5;color:#44516d;padding:12px 8px 0;min-height:57px}
#reasonup .ru-gallery.is-enhanced .ru-slide{margin-bottom:0}
#reasonup .ru-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}
#reasonup .ru-controls button{font:inherit;cursor:pointer;min-width:44px;min-height:44px;border:1px solid #bbcde0;border-radius:50%;background:#fff;color:#101f56;display:inline-flex;align-items:center;justify-content:center}
#reasonup .ru-controls button:hover{background:#edf9ff;border-color:#0066ed}
#reasonup .ru-controls button:focus-visible{outline:3px solid #b34c00;outline-offset:3px}
#reasonup .ru-prev span,#reasonup .ru-next span{font-size:26px;line-height:1}
#reasonup .ru-dots{display:flex;gap:0}
#reasonup .ru-dots button{border:0;background:transparent}
#reasonup .ru-dots span{display:block;width:10px;height:10px;border-radius:50%;background:#a4afbf}
#reasonup .ru-dots [aria-current="true"] span{background:#0066ed;box-shadow:0 0 0 3px #e0edff}
#reasonup .ru-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){#reasonup .product-grid{grid-template-columns:minmax(0,1fr)}#reasonup .product-visual{max-width:850px;margin-inline:auto}#reasonup .ru-controls{gap:8px}#reasonup figcaption{font-size:14px}}