/* Keep the detail layout independent of modulekit's legacy inline top/height. */
@media (min-width: 936px) {
    .page aside.detail-aside {
        top: var(--tour-detail-aside-top, 172px) !important;
        bottom: 0 !important;
        height: auto !important;
    }

    .page aside.detail-aside .aside-inner {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .page aside.detail-aside .aside-inner > #aside-panel {
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        overflow-y: auto;
        overscroll-behavior-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #9a9a9a #f3f3f3;
        scrollbar-gutter: stable;
    }

    .page aside.detail-aside .aside-inner > #aside-panel::-webkit-scrollbar {
        width: 10px;
        background: #f3f3f3;
    }

    .page aside.detail-aside .aside-inner > #aside-panel::-webkit-scrollbar-thumb {
        border: 2px solid #f3f3f3;
        border-radius: 6px;
        background: #9a9a9a;
    }

    .page aside.detail-aside .aside-inner > #aside-price-bar {
        position: relative;
        flex: 0 0 auto;
    }
}

/* Old desktop handlers may still write inline styles after crossing the breakpoint. */
@media (max-width: 935px) {
    .page aside.detail-aside {
        top: auto !important;
        height: auto !important;
    }
}