.co-route-prompt[hidden] { display: none !important; }
.co-route-prompt { position: fixed; inset: 0; z-index: 1000000; display: grid; place-items: center; padding: 20px; background: rgba(14, 26, 42, .68); }
.co-route-prompt__dialog { position: relative; box-sizing: border-box; width: min(510px, 100%); max-height: calc(100dvh - 40px); overflow-y: auto; padding: 0 28px 28px; border-radius: 18px; background: #fff; box-shadow: 0 24px 70px rgba(8, 26, 39, .3); color: #182b3b; }
.co-route-prompt__header { display: flex; align-items: center; gap: 14px; margin: 0 -28px 24px; padding: 22px 28px 18px; border-bottom: 1px solid #d9e7ec; background: #eff9fb; }
.co-route-prompt__logo { display: block; width: 78px; height: auto; max-height: 50px; object-fit: contain; }
.co-route-prompt__partner { color: #24404d; font-size: 13px; font-weight: 700; letter-spacing: .01em; }
.co-route-prompt h2 { margin: 0 36px 10px 0; color: #142d3c; font-size: clamp(24px, 5vw, 30px); line-height: 1.2; }
.co-route-prompt p { line-height: 1.5; }
#co-route-prompt-copy { margin: 0 0 16px; color: #405566; font-size: 15px; }
.co-route-prompt__benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 0 18px; padding: 0; list-style: none; }
.co-route-prompt__benefits li { padding: 10px 7px; border: 1px solid #cfe5eb; border-radius: 9px; background: #f4fbfc; color: #183f4e; font-size: 12px; font-weight: 700; text-align: center; }
.co-route-prompt__price { margin: 0 0 12px; font-weight: 700; font-size: 13px; }
.co-route-prompt__rule { margin: 0 0 18px; padding: 12px 14px; border-left: 3px solid #5bbbd0; border-radius: 0 9px 9px 0; background: #f3f7f9; color: #405566; font-size: 13px; }
.co-route-prompt__error { color: #97271c; font-weight: 600; }
.co-route-prompt__close { position: absolute; top: 16px; right: 17px; display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #fff; color: #365366; font-size: 26px; cursor: pointer; }
.co-route-prompt__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.co-route-prompt__actions button { min-height: 48px; padding: 10px 13px; border: 1px solid #399eb5; border-radius: 9px; background: #fff; color: #175c6e; font-weight: 700; cursor: pointer; }
.co-route-prompt__actions .co-route-prompt__add { background: #147e96; color: #fff; }
.co-route-prompt__actions button:hover { box-shadow: 0 2px 10px rgba(20, 126, 150, .18); }
.co-route-prompt__actions button:focus-visible, .co-route-prompt__close:focus-visible { outline: 3px solid #0a6179; outline-offset: 2px; }
.co-route-prompt__actions button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 480px) { .co-route-prompt { padding: 12px; } .co-route-prompt__dialog { max-height: calc(100dvh - 24px); padding: 0 18px 20px; } .co-route-prompt__header { margin: 0 -18px 18px; padding: 18px; } .co-route-prompt__benefits { grid-template-columns: 1fr; gap: 5px; } .co-route-prompt__benefits li { padding: 6px; } .co-route-prompt__actions { grid-template-columns: 1fr; } }