.article:has(.hearse-route) { max-width: 1240px; margin: 0 auto; padding: 0 16px; overflow: visible; }
.hearse-route { position: relative; width: 100%; min-height: 720px; overflow: hidden; border-radius: 24px; background: #f4f0e7; font-family: Arial, Helvetica, sans-serif; }
.hearse-route__map { position: absolute; inset: 0; width: 100%; height: 720px; background: #f4f0e7; }
.hearse-route__panel { position: relative; z-index: 5; width: 360px; padding: 18px 0 18px 18px; display: grid; gap: 8px; }
.hearse-route__fields, .hearse-route__total { background: #fff; border-radius: 24px; box-shadow: 0 10px 34px rgba(35,35,35,.12); overflow: visible; }
.hearse-route__field, .hearse-route__stop { position: relative; display: block; padding: 14px 18px 13px 54px; min-height: 67px; border-bottom: 1px solid #ececec; }
.hearse-route__field:before, .hearse-route__stop:before { content: ""; position: absolute; left: 25px; top: 29px; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 3px solid #111; }
.hearse-route__field:first-child:before { border-color: #ff6448; }
.hearse-route__stop:before { border-color: #999; }
.hearse-route__field span { display: block; margin-bottom: 2px; color: #909090; font-size: 14px; line-height: 18px; }
.hearse-route input { width: 100%; border: 0; outline: 0; background: transparent; color: #222; font: 16px/22px Arial, Helvetica, sans-serif; }
.hearse-route__my-location { width: 100%; min-height: 46px; padding: 0 18px 0 54px; border: 0; border-bottom: 1px solid #ececec; background: #fff; color: #2b72d6; text-align: left; font: 15px/20px Arial, Helvetica, sans-serif; cursor: pointer; }
.hearse-route__my-location:before { content: "⌖"; margin-right: 13px; color: #2b72d6; font-size: 18px; }
.hearse-route__stop { display: flex; align-items: center; gap: 8px; }
.hearse-route__stop input { flex: 1; }
.hearse-route__stop button { width: 30px; height: 30px; border: 0; border-radius: 50%; background: #f2f2f2; color: #777; font-size: 22px; line-height: 28px; cursor: pointer; }
.hearse-route__add { display: flex; align-items: center; width: 100%; min-height: 58px; padding: 0 18px 0 24px; border: 0; background: #fff; color: #222; font: 16px/22px Arial, Helvetica, sans-serif; cursor: pointer; border-radius: 0 0 24px 24px; }
.hearse-route__add:before { content: "+"; margin-right: 17px; color: #777; font-size: 30px; line-height: 1; }
.hearse-route__total { padding: 18px 20px; }
.hearse-route__total span { display: block; color: #8c8c8c; font-size: 14px; line-height: 18px; }
.hearse-route__total strong { display: block; margin-top: 3px; color: #111; font-size: 30px; line-height: 36px; }
.hearse-route__total small { display: block; margin-top: 4px; color: #777; font-size: 14px; line-height: 20px; }
.hearse-route__total em { display: block; min-height: 18px; margin-top: 4px; color: #e14d35; font-style: normal; font-size: 13px; line-height: 18px; }
.hearse-route__order { width: 100%; min-height: 58px; border: 0; border-radius: 18px; background: #ffdd00; color: #111; font: 17px/22px Arial, Helvetica, sans-serif; cursor: pointer; box-shadow: 0 10px 24px rgba(222,182,0,.2); }
.hearse-route__order:hover { background: #ffd000; }
.hearse-route__order:disabled { opacity: .55; cursor: default; }
.hearse-route__status { padding: 10px 14px; border-radius: 8px; background: #fff; color: #555; font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
.hearse-route__status[data-state="error"] { color: #bc3525; }
.hearse-route [hidden] { display: none !important; }
.hearse-route, .hearse-route *, .hearse-route *:before { box-sizing: border-box; }
.hearse-route__vehicles { position: relative; min-width: 0; }
.hearse-route__vehicle-toggle, .hearse-route__vehicle-option { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 88px; padding: 14px 16px; border: 0; background: #fff; color: #222; text-align: left; font: 15px/20px Arial, Helvetica, sans-serif; cursor: pointer; }
.hearse-route__vehicle-toggle { border-radius: 24px; box-shadow: 0 10px 34px rgba(35,35,35,.12); }
.hearse-route__vehicle-thumb { flex: 0 0 84px; display: flex; align-items: center; justify-content: center; width: 84px; height: 52px; overflow: hidden; border-radius: 6px; background: transparent; }
.hearse-route__vehicle-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hearse-route__vehicle-copy { flex: 1; min-width: 0; }
.hearse-route__vehicle-copy strong { display: block; color: #222; font-size: 15px; line-height: 20px; font-weight: 600; overflow-wrap: anywhere; }
.hearse-route__vehicle-copy small { display: block; margin-top: 3px; overflow: hidden; color: #888; font-size: 13px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.hearse-route__vehicle-chevron { flex: 0 0 8px; width: 8px; height: 8px; margin: 0 3px 4px; border-right: 2px solid #777; border-bottom: 2px solid #777; transform: rotate(45deg); }
.hearse-route__vehicle-toggle[aria-expanded="true"] .hearse-route__vehicle-chevron { transform: rotate(225deg); margin-top: 6px; }
.hearse-route__vehicle-list { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 20; max-height: 280px; overflow-y: auto; background: #fff; border-radius: 16px; box-shadow: 0 14px 36px rgba(35,35,35,.16); }
.hearse-route__vehicle-option { border-bottom: 1px solid #eee; }
.hearse-route__vehicle-option:last-child { border-bottom: 0; }
.hearse-route__vehicle-option:hover, .hearse-route__vehicle-option:focus-visible { background: #f6f6f6; }
.hearse-route__vehicle-option[aria-checked="true"] { background: #fff9d9; }
.hearse-route__vehicle-option[aria-checked="true"]:after { content: "\2713"; flex: 0 0 16px; color: #222; font-size: 18px; }
.hearse-route__vehicle-toggle:focus-visible, .hearse-route__vehicle-option:focus-visible { outline: 2px solid #2b72d6; outline-offset: -3px; }
@media (max-width: 600px) {
    .article:has(.hearse-route) { padding: 0 8px; }
    .hearse-route__panel { width: min(360px, 100%); padding: 12px; }
    .hearse-route__field, .hearse-route__stop { padding-right: 14px; }
    .hearse-route__map {
        position: relative;
        height: 300px;
        border-radius: 24px;
        overflow: hidden;
    }
    .hearse-route {
        background: transparent;
    }
    
    .hearse-route__fields, .hearse-route__total,
    .hearse-route__vehicle-toggle {
        box-shadow: 0 5px 13px rgba(35, 35, 35, .12);
    }
}
[class*="ymaps"][class*="suggest"] { z-index: 100000 !important; box-sizing: border-box !important; font-family: Arial, Helvetica, sans-serif !important; }
[class*="ymaps"][class*="suggest"] [class*="popup"], [class*="ymaps"][class*="suggest"] [class*="content"] { border: 0 !important; border-radius: 16px !important; box-shadow: 0 14px 36px rgba(35,35,35,.16) !important; overflow: hidden !important; background: #fff !important; }
[class*="ymaps"][class*="suggest-item"], [class*="ymaps"][class*="suggest"] li, [class*="ymaps"][class*="suggest"] [role="option"] { min-height: 46px !important; padding: 10px 16px !important; border-bottom: 1px solid #eeeeee !important; color: #222 !important; font: 15px/20px Arial, Helvetica, sans-serif !important; background: #fff !important; cursor: pointer !important; }
[class*="ymaps"][class*="suggest-item"]:hover, [class*="ymaps"][class*="suggest"] li:hover, [class*="ymaps"][class*="suggest"] [role="option"]:hover { background: #f6f6f6 !important; }
[class*="ymaps"][class*="suggest"] b, [class*="ymaps"][class*="suggest"] strong { color: #111 !important; font-weight: 700 !important; }