/* Only the new installation controls. No global, cart or checkout selectors. */
#dtfx24-pwa-root[hidden], #dtfx24-pwa-open[hidden], #dtfx24-pwa-install[hidden] { display: none !important; }
#dtfx24-pwa-root { text-align: center; padding: 0 18px; }
#dtfx24-pwa-open { appearance: none; background: transparent; border: 0; color: #b7bbc6; padding: 12px 0; font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
#dtfx24-pwa-open:hover { color: #22d6ed; }
#dtfx24-pwa-open:focus-visible, #dtfx24-pwa-dialog button:focus-visible { outline: 2px solid #22d6ed; outline-offset: 4px; }
#dtfx24-pwa-dialog { box-sizing: border-box; width: min(92vw, 510px); max-width: 510px; max-height: 85dvh; margin: auto; padding: 28px; border: 1px solid #343741; border-radius: 18px; background: #141519; color: #f7f7f9; font: 15px/1.55 Arial, Helvetica, sans-serif; text-align: left; overflow: auto; overscroll-behavior: contain; box-shadow: 0 20px 80px #0009; }
#dtfx24-pwa-dialog:not([open]) { display: none; }
#dtfx24-pwa-dialog::backdrop { background: rgb(0 0 0 / 72%); }
#dtfx24-pwa-dialog .dtfx24-pwa-icon { display: block; width: 80px; height: 80px; border-radius: 18px; margin: 0 0 18px; }
#dtfx24-pwa-dialog .dtfx24-pwa-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .12em; color: #22d6ed; margin: 0 0 10px; }
#dtfx24-pwa-dialog h2 { color: #fff; font: 700 28px/1.12 Arial, Helvetica, sans-serif; letter-spacing: -.025em; margin: 0 0 14px; }
#dtfx24-pwa-dialog h3 { color: #fff; font: 700 17px/1.3 Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 22px 0 8px; }
#dtfx24-pwa-dialog p { color: #c1c4ce; margin: 0 0 14px; }
#dtfx24-pwa-dialog ol { padding-left: 22px; margin: 0; }
#dtfx24-pwa-dialog li { margin: 0 0 6px; }
#dtfx24-pwa-dialog strong { color: #fff; }
#dtfx24-pwa-dialog .dtfx24-pwa-note { margin: 22px 0 0; font-size: 12px; color: #a6a8b2; }
#dtfx24-pwa-close { position: absolute; top: 10px; right: 10px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #23252d; color: #fff; font: 26px/1 Arial, Helvetica, sans-serif; cursor: pointer; }
#dtfx24-pwa-install { padding: 13px 20px; width: 100%; border: 0; border-radius: 9px; background: #22d6ed; color: #090a0d; font: 700 15px/1.4 Arial, Helvetica, sans-serif; cursor: pointer; }
#dtfx24-pwa-dialog #dtfx24-pwa-status { font-size: 13px; color: #22d6ed; margin: 16px 0 0; }
#dtfx24-pwa-status:empty { display: none; }
@media (max-width: 400px) { #dtfx24-pwa-dialog { padding: 22px; } #dtfx24-pwa-dialog h2 { font-size: 25px; } }