/* Baeblade: the catalog can be resized freely by dragging its bottom-right corner (see baeblade.js). */
.octane-catalog-window {
    min-width: 570px !important;
    max-width: calc(100vw - 24px) !important;
    min-height: 570px !important;
}
.draggable-window:has(> .octane-catalog-window) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}
.octane-catalog-window::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    cursor: nwse-resize;
    z-index: 50;
}
/* Let the standard page grow with the window: the item grid takes the extra height and the
   price and buy rows stay pinned to the bottom. */
.octane-catalog-window .octane-catalog-default-layout {
    height: 100% !important;
    min-height: 460px !important;
    max-height: none !important;
}
.octane-catalog-window .octane-catalog-default-layout .octane-catalog-grid-shell {
    height: auto !important;
}
.octane-catalog-window .octane-catalog-default-layout .octane-catalog-price-row {
    top: auto !important;
    bottom: 30px !important;
}
.octane-catalog-window .octane-catalog-default-layout .octane-catalog-purchase-row {
    top: auto !important;
    bottom: 0 !important;
}
.octane-catalog-window .octane-catalog-navigation-shell {
    min-height: 0 !important;
    overflow: hidden;
}
.octane-catalog-window .octane-catalog-navigation-scroll-area {
    height: 100% !important;
    max-height: 100% !important;
}