/* Shared configured contact destinations for the mobile homepage. */
.dn-contact-dialog{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid #334155;border-radius:20px;background:#101820!important;color:#f8fafc!important;box-sizing:border-box;overflow:auto;z-index:2147483000}
.dn-contact-dialog::backdrop{background:rgb(0 0 0 / .65)}
.dn-contact-dialog h2{margin:0 32px 24px 0;font-size:22px;line-height:1.3;color:#f8fafc!important}
.dn-contact-dialog .dn-contact-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;width:40px;height:40px;background:transparent;color:#fff;border:0;font-size:28px;cursor:pointer}
.dn-contact-dialog .contact-grid{display:grid;gap:12px}
.dn-contact-dialog .contact-grid{min-height:48px;color:#cbd5e1}
.dn-contact-dialog .contact-choice{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:1px solid #334155;border-radius:10px;background:#202c3a!important;color:#f8fafc!important;text-decoration:none;font-weight:700}
.dn-contact-dialog .contact-choice:hover{background:#2b3b4d!important;border-color:#4b9ee8}
.dn-contact-dialog .contact-choice img{width:32px;height:32px;object-fit:contain;flex:0 0 32px}
@media(max-width:600px){.dn-contact-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:20px}.dn-contact-dialog h2{font-size:20px}.dn-contact-dialog .contact-choice{min-height:54px}}

/* Keep the shared dialog readable above page-specific light-theme rules. */
@layer dn-product-theme {
html body #dnContactDialog{width:min(520px,calc(100vw - 32px))!important;background:#101820!important;color:#f8fafc!important;color-scheme:dark}
html body #dnContactDialog #dnContactTitle{margin:0 44px 20px 0!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;background:none!important;font-size:22px!important;line-height:1.4!important;font-weight:700!important;opacity:1!important;text-shadow:none!important}
html body #dnContactDialog .contact-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;color:#f8fafc!important}
html body #dnContactDialog .contact-choice{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important;min-height:68px!important;padding:12px!important;background:#202c3a!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;border:1px solid #526174!important;border-radius:10px!important;font-size:14px!important;line-height:1.5!important;font-weight:700!important;overflow-wrap:anywhere;text-align:start!important;opacity:1!important}
html body #dnContactDialog .contact-choice:hover{background:#2b3b4d!important;border-color:#70c5ff!important}
html body #dnContactDialog .dn-contact-close{color:#fff!important;-webkit-text-fill-color:#fff!important;background:transparent!important;opacity:1!important}
html body #dnContactDialog :is(.contact-choice,.dn-contact-close):focus-visible{outline:2px solid #70c5ff!important;outline-offset:3px}
html[dir=rtl] body #dnContactDialog #dnContactTitle{margin:0 0 20px 44px!important}
@media(max-width:600px){html body #dnContactDialog{width:calc(100vw - 24px)!important}html body #dnContactDialog .contact-grid{grid-template-columns:1fr!important}html body #dnContactDialog #dnContactTitle{font-size:20px!important}}

}
