/* Stitch screen 6c0f73fb62f64dd098bf781654851e7b; real booking data only. */
body.mosbus-app .st-results-screen .st-results-overview {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    min-height: 58px;
    padding-top: 8px;
    padding-bottom: 8px;
}

body.mosbus-app .st-results-screen .figma-results-head,
body.mosbus-app .st-results-screen .figma-results-head > div:first-child {
    align-items: center;
    gap: 12px;
}

body.mosbus-app .st-results-screen .st-results-summary-fallback[hidden] {
    display: none !important;
}

body.mosbus-app .st-results-screen .st-results-criteria {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

body.mosbus-app .st-results-screen .st-results-route {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: var(--st-ink);
    font-size: 15px;
    white-space: nowrap;
}

body.mosbus-app .st-results-screen .st-results-route strong {
    overflow: hidden;
    text-overflow: ellipsis;
}

body.mosbus-app .st-results-screen .st-results-route i {
    color: #94a3b8;
    font-size: 12px;
}

body.mosbus-app .st-results-screen .st-results-journey-date {
    padding: 5px 9px;
    border-radius: 5px;
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

body.mosbus-app .st-results-screen .figma-pill-row {
    margin-left: 0;
}

body.mosbus-app .st-results-screen .figma-pill-row .btn {
    min-height: 28px;
    padding: 0 3px;
    border: 0 !important;
    background: transparent !important;
    text-decoration: none;
}

body.mosbus-app .st-results-screen .figma-pill-row .btn:hover {
    text-decoration: underline;
}

body.mosbus-app .st-results-screen .st-results-available {
    order: 2;
}

body.mosbus-app .st-results-screen .rb-results-layout {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 20px !important;
}

body.mosbus-app .st-results-screen .rb-filter-panel,
body.mosbus-app .st-results-screen .figma-results-toolbar,
body.mosbus-app .st-results-screen .rb-result-card {
    border-radius: 9px !important;
}

body.mosbus-app .st-results-screen .rb-filter-panel {
    padding: 14px 16px !important;
}

body.mosbus-app .st-results-screen .rb-filter-header {
    padding-bottom: 11px;
}

body.mosbus-app .st-results-screen .rb-filter-header .section-title {
    font-size: 12px !important;
}

body.mosbus-app .st-results-screen .rb-filter-block {
    padding: 12px 0;
}

body.mosbus-app .st-results-screen .rb-filter-block-head {
    color: #475569;
    font-size: 11px !important;
    letter-spacing: 0;
    text-transform: none;
}

body.mosbus-app .st-results-screen .rb-filter-check-group {
    gap: 5px;
    margin-top: 8px;
}

body.mosbus-app .st-results-screen .rb-filter-block:first-child .rb-filter-check-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.mosbus-app .st-results-screen .rb-filter-block:first-child .rb-filter-checkbox {
    min-height: 30px;
    padding: 5px 6px;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    background: #f8fafc;
    font-size: 10px !important;
}

body.mosbus-app .st-results-screen .rb-filter-checkbox {
    min-height: 24px;
    gap: 7px;
}

body.mosbus-app .st-results-screen .rb-filter-checkbox input {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
}

body.mosbus-app .st-results-screen .rb-filter-checkbox > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.mosbus-app .st-results-screen .st-filter-count {
    margin-left: auto;
    color: #94a3b8;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
}

body.mosbus-app .st-results-screen #operatorFilterList {
    max-height: 150px;
    overflow-y: auto;
}

body.mosbus-app .st-results-screen .figma-results-toolbar {
    min-height: 44px;
    margin-bottom: 0;
    padding: 6px 12px !important;
}

body.mosbus-app .st-results-screen .figma-results-toolbar-copy {
    flex-wrap: wrap;
    gap: 5px;
}

body.mosbus-app .st-results-screen .figma-results-toolbar-copy span {
    order: -1;
}

body.mosbus-app .st-results-screen .mb-results-sort select {
    min-height: 30px;
    font-size: 11px !important;
}

body.mosbus-app .st-results-screen .rb-results-main-column,
body.mosbus-app .st-results-screen .rb-results-list {
    gap: 12px;
}

body.mosbus-app .st-results-screen .rb-result-shell {
    grid-template-columns: minmax(0, 1fr) 174px !important;
}

body.mosbus-app .st-results-screen .rb-result-main {
    display: grid !important;
    align-content: center;
    gap: 8px;
    padding: 14px 16px !important;
}

body.mosbus-app .st-results-screen .rb-result-head,
body.mosbus-app .st-results-screen .rb-result-title-row {
    gap: 6px 9px;
}

body.mosbus-app .st-results-screen .rb-result-title-row {
    justify-content: flex-start;
}

body.mosbus-app .st-results-screen .rb-result-head h2 {
    font-size: 14px !important;
    line-height: 20px !important;
}

body.mosbus-app .st-results-screen .rb-result-bus-type,
body.mosbus-app .st-results-screen .rb-drop-point,
body.mosbus-app .st-results-screen .mb-facility-chip {
    min-height: 22px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 3px 7px !important;
    border-radius: 5px !important;
    font-size: 10px !important;
    line-height: 14px;
}

body.mosbus-app .st-results-screen .rb-bus-configuration {
    margin: 0;
}

body.mosbus-app .st-results-screen .rb-bus-configuration__label,
body.mosbus-app .st-results-screen .rb-bus-configuration__note {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

body.mosbus-app .st-results-screen .rb-bus-configuration__row,
body.mosbus-app .st-results-screen .mb-facility-row {
    gap: 4px;
}

body.mosbus-app .st-results-screen .rb-route-strip {
    grid-template-columns: minmax(100px, 1fr) minmax(110px, 1.05fr) minmax(100px, 1fr) !important;
    gap: 14px;
    margin: 0 !important;
    padding: 7px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.mosbus-app .st-results-screen .rb-route-point strong {
    font-size: 17px !important;
    line-height: 21px !important;
}

body.mosbus-app .st-results-screen .rb-route-point span {
    font-size: 11px !important;
}

body.mosbus-app .st-results-screen .rb-route-line {
    border-top-style: solid;
    border-top-color: #d8e0ea;
}

body.mosbus-app .st-results-screen .rb-route-line::before {
    background: #94a3b8;
}

body.mosbus-app .st-results-screen .rb-route-line::after {
    background: #d92d38;
}

body.mosbus-app .st-results-screen .rb-result-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 14px;
    min-width: 0;
    padding-top: 8px;
    border-top: 1px solid #edf2f7;
}

body.mosbus-app .st-results-screen .rb-service-facts {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin: 0;
}

body.mosbus-app .st-results-screen .rb-service-fact {
    display: inline-flex;
    min-height: 22px;
    padding: 0 !important;
    border: 0;
    background: transparent;
    white-space: nowrap;
}

body.mosbus-app .st-results-screen .rb-service-fact--availability {
    padding: 3px 7px !important;
    border: 1px solid #a7f3d0;
    border-radius: 5px;
    background: #ecfdf5;
}

body.mosbus-app .st-results-screen .rb-service-fact > i,
body.mosbus-app .st-results-screen .rb-service-fact__dot,
body.mosbus-app .st-results-screen .rb-service-fact--availability .rb-service-fact__label {
    display: none;
}

body.mosbus-app .st-results-screen .rb-service-fact > span {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

body.mosbus-app .st-results-screen .rb-service-fact__label {
    display: inline;
    color: #64748b;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

body.mosbus-app .st-results-screen .rb-service-fact strong {
    overflow: visible;
    font-size: 11px !important;
    line-height: 15px;
    white-space: nowrap;
}

body.mosbus-app .st-results-screen .rb-policy-strip {
    display: inline-flex !important;
    flex: 1 1 220px;
    min-width: 0;
    min-height: 22px;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 10px !important;
}

body.mosbus-app .st-results-screen .rb-policy-strip > i {
    display: none;
}

body.mosbus-app .st-results-screen .mb-policy-copy {
    min-width: 0;
    overflow: hidden;
}

body.mosbus-app .st-results-screen .mb-policy-label,
body.mosbus-app .st-results-screen .mb-policy-copy strong {
    color: #64748b;
    font-size: 10px !important;
    font-weight: 500;
}

body.mosbus-app .st-results-screen .mb-policy-copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.mosbus-app .st-results-screen .mb-policy-info {
    flex: 0 0 18px;
}

body.mosbus-app .st-results-screen .rb-result-price-panel {
    gap: 12px;
    padding: 14px !important;
    background: #fff !important;
    text-align: right;
}

body.mosbus-app .st-results-screen .rb-result-price-panel > div {
    justify-items: end;
}

body.mosbus-app .st-results-screen .rb-result-price,
body.mosbus-app .st-results-screen .rb-result-card .rb-result-price {
    color: #0f172a !important;
    font-size: 20px !important;
    line-height: 25px !important;
    font-weight: 800 !important;
}

body.mosbus-app .st-results-screen .rb-result-card.is-best-value .rb-result-price {
    color: #047857 !important;
}

body.mosbus-app .st-results-screen .rb-result-tax-note {
    max-width: 150px;
    color: #64748b;
    font-size: 9px;
    line-height: 12px;
    text-align: right;
}

body.mosbus-app .st-results-screen .rb-result-seat-btn {
    min-height: 36px;
    border-radius: 6px !important;
}

body.mosbus-app .st-results-screen .rb-results-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
}

body.mosbus-app .st-results-screen .st-results-page-summary {
    color: #64748b;
    font-size: 11px;
}

body.mosbus-app .st-results-screen .st-results-page-actions {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

@media (max-width: 1180px) {
    body.mosbus-app .st-results-screen .st-results-overview {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    body.mosbus-app .st-results-screen .st-results-overview .mb-stepper {
        max-width: 620px !important;
    }
}

@media (max-width: 1023px) {
    body.mosbus-app .st-results-screen .rb-results-layout {
        grid-template-columns: 1fr !important;
    }

    body.mosbus-app .st-results-screen .rb-result-shell {
        grid-template-columns: 1fr !important;
    }

    body.mosbus-app .st-results-screen .rb-result-price-panel {
        flex-direction: row;
        align-items: center !important;
        justify-content: space-between !important;
        border-top: 1px solid #e2e8f0;
        border-left: 0;
        text-align: left;
    }

    body.mosbus-app .st-results-screen .rb-result-price-panel > div {
        justify-items: start;
    }

    body.mosbus-app .st-results-screen .rb-result-tax-note {
        text-align: left;
    }

    body.mosbus-app .st-results-screen .rb-result-seat-btn {
        width: min(220px, 40%) !important;
        min-width: 140px;
    }

    body.mosbus-app .st-results-screen [data-policy]:not(.is-open):hover .mb-policy-popover,
    body.mosbus-app .st-results-screen [data-policy]:not(.is-open):focus-within .mb-policy-popover {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

@media (max-width: 700px) {
    body.mosbus-app .st-results-screen .st-results-criteria {
        flex-wrap: wrap;
        gap: 5px 8px;
    }

    body.mosbus-app .st-results-screen .figma-results-head > div:first-child {
        flex-wrap: wrap;
    }

    body.mosbus-app .st-results-screen .rb-result-shell {
        grid-template-columns: 1fr !important;
    }

    body.mosbus-app .st-results-screen .rb-result-price-panel {
        flex-direction: row;
        align-items: center !important;
        justify-content: space-between !important;
        border-top: 1px solid #e2e8f0;
        border-left: 0;
        text-align: left;
    }

    body.mosbus-app .st-results-screen .rb-result-price-panel > div {
        justify-items: start;
    }

    body.mosbus-app .st-results-screen .rb-result-tax-note {
        text-align: left;
    }

    body.mosbus-app .st-results-screen .rb-result-seat-btn {
        width: min(210px, 44%) !important;
        min-width: 120px;
    }

    body.mosbus-app .st-results-screen .rb-results-pagination {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    body.mosbus-app .st-results-screen .rb-result-main {
        padding: 13px !important;
    }

    body.mosbus-app .st-results-screen .rb-route-strip {
        grid-template-columns: minmax(70px, 1fr) minmax(70px, .9fr) minmax(70px, 1fr) !important;
        gap: 6px;
    }

    body.mosbus-app .st-results-screen .rb-result-price-panel {
        flex-direction: column;
        align-items: stretch !important;
        text-align: center;
    }

    body.mosbus-app .st-results-screen .rb-result-price-panel > div {
        justify-items: center;
    }

    body.mosbus-app .st-results-screen .rb-result-tax-note {
        text-align: center;
    }

    body.mosbus-app .st-results-screen .rb-result-seat-btn {
        width: 100% !important;
    }
}