/* Azur Elementor-free sticky sidebar. Structural only; no colors or typography. */
.azur-sticky-sidebar,
.azur-sticky-sidebar-scope {
    overflow: visible !important;
}

.azur-sticky-sidebar {
    align-self: flex-start;
    --azur-sticky-sidebar-offset: 18px;
}

.azur-sticky-sidebar__inner {
    box-sizing: border-box;
    width: 100%;
}

body:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--active .azur-sticky-sidebar__inner,
body:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--active.azur-sticky-sidebar--self {
    position: sticky;
    top: var(--azur-sticky-sidebar-offset, 18px);
    z-index: 5;
}

body:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--disabled,
body:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--disabled .azur-sticky-sidebar__inner {
    position: relative !important;
    top: auto !important;
}

@media (max-width: 1024px) {
    body:not(.elementor-editor-active) .azur-sticky-sidebar:not([data-azur-sticky-device-tablet="1"]):not([data-azur-sticky-device-mobile="1"]) .azur-sticky-sidebar__inner,
    body:not(.elementor-editor-active) .azur-sticky-sidebar:not([data-azur-sticky-device-tablet="1"]):not([data-azur-sticky-device-mobile="1"]).azur-sticky-sidebar--self {
        position: relative !important;
        top: auto !important;
    }
}

@media (max-width: 767px) {
    body:not(.elementor-editor-active) .azur-sticky-sidebar:not([data-azur-sticky-device-mobile="1"]) .azur-sticky-sidebar__inner,
    body:not(.elementor-editor-active) .azur-sticky-sidebar:not([data-azur-sticky-device-mobile="1"]).azur-sticky-sidebar--self {
        position: relative !important;
        top: auto !important;
    }
}


/* v1.0.5.10/1.0.5.12: make the sticky target use the row height, not the sidebar's
   own short content height. This is the missing piece for Elementor grid/column
   layouts where the right column was aligned to the top and therefore had no
   sticky travel distance. */
body:not(.elementor-editor-active) .azur-sticky-sidebar-row,
body:not(.elementor-editor-active) .azur-sticky-sidebar-scope {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

body:not(.elementor-editor-active) .azur-sticky-sidebar-row {
    align-items: stretch !important;
}

body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top > .elementor-container,
body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top > .elementor-container.azur-sticky-sidebar-row {
    align-items: stretch !important;
}

body:not(.elementor-editor-active) .azur-sticky-sidebar-row > .azur-sticky-sidebar,
body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-sidebar.azur-sticky-sidebar {
    align-self: stretch !important;
    height: auto !important;
}

body:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--active > .elementor-widget-wrap,
body:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--active > .elementor-column-wrap,
body:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--active > .elementor-column-wrap > .elementor-widget-wrap,
body:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--active > .e-con-inner {
    position: relative !important;
    top: auto !important;
    min-height: 100% !important;
    height: 100% !important;
    overflow: visible !important;
}

body:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--active .azur-sticky-sidebar__inner {
    align-self: flex-start;
    max-width: 100%;
}



/* v1.0.5.12 fallback: the native demo sidebar must stick even if the JS
   wrapper has not yet run, and even on render paths where the right column was
   imported before custom control metadata existed. Keep this structural only. */
body:not(.elementor-editor-active) .azur-single-native-top > .elementor-container {
    align-items: stretch !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

body:not(.elementor-editor-active) .azur-single-native-top > .elementor-container > .azur-single-native-sidebar,
body:not(.elementor-editor-active) .azur-single-native-sidebar.azur-sticky-sidebar {
    align-self: stretch !important;
    height: auto !important;
    overflow: visible !important;
}

body:not(.elementor-editor-active) .azur-single-native-sidebar > .elementor-widget-wrap {
    position: sticky;
    top: var(--azur-sticky-sidebar-offset, calc(var(--azur-custom-header-height, 76px) + 20px));
    align-self: flex-start;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    z-index: 5;
}

body:not(.elementor-editor-active) .azur-single-native-top,
body:not(.elementor-editor-active) .azur-dynamic-template-wrapper--single-yacht,
body:not(.elementor-editor-active) .azur-dynamic-template-wrapper--listing {
    overflow: visible !important;
}

/* v1.0.5.12: Azur theme compatibility guard.
   The Azur theme's horizontal overflow guards were creating a containing/scroll
   ancestor above the Elementor single-yacht grid, which prevents native
   position: sticky from travelling in several browsers. Keep this scoped to the
   public single-yacht template and only to structural wrappers. */
body.single-azur_yacht:not(.elementor-editor-active) #primary.site-main,
body.single-azur_yacht:not(.elementor-editor-active) #primary.azur-main-canvas,
body.single-azur_yacht:not(.elementor-editor-active) .site-main,
body.single-azur_yacht:not(.elementor-editor-active) .azur-page-content,
body.single-azur_yacht:not(.elementor-editor-active) .entry-content,
body.single-azur_yacht:not(.elementor-editor-active) .azur-template-fallback,
body.single-azur_yacht:not(.elementor-editor-active) .azur-dynamic-template-wrapper,
body.single-azur_yacht:not(.elementor-editor-active) .azur-dynamic-template-wrapper--single-yacht,
body.single-azur_yacht:not(.elementor-editor-active) .azur-dynamic-template-wrapper--listing,
body.single-azur_yacht:not(.elementor-editor-active) .elementor,
body.single-azur_yacht:not(.elementor-editor-active) .elementor-section-wrap,
body.single-azur_yacht:not(.elementor-editor-active) .elementor-section,
body.single-azur_yacht:not(.elementor-editor-active) .elementor-container,
body.single-azur_yacht:not(.elementor-editor-active) .elementor-column,
body.single-azur_yacht:not(.elementor-editor-active) .elementor-column-wrap,
body.single-azur_yacht:not(.elementor-editor-active) .elementor-widget-wrap,
body.single-azur_yacht:not(.elementor-editor-active) .e-con,
body.single-azur_yacht:not(.elementor-editor-active) .e-con-inner {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top,
body.single-azur_yacht:not(.elementor-editor-active) .azur-single-premium-top,
body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-section,
body.single-azur_yacht:not(.elementor-editor-active) .azur-single-premium-section {
    contain: none !important;
    transform: none !important;
}

body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top > .elementor-container,
body.single-azur_yacht:not(.elementor-editor-active) .azur-single-premium-top > .elementor-container,
body.single-azur_yacht:not(.elementor-editor-active) .azur-sticky-sidebar-row {
    align-items: stretch !important;
    min-height: 100% !important;
}

body.single-azur_yacht:not(.elementor-editor-active) .azur-sticky-sidebar.azur-sticky-sidebar--active .azur-sticky-sidebar__inner {
    position: sticky !important;
    top: var(--azur-sticky-sidebar-offset, 18px) !important;
}

@supports (overflow: clip) {
    body.single-azur_yacht:not(.elementor-editor-active) {
        overflow-x: clip !important;
    }
}

html.azur-single-yacht-sticky-safe,
html.azur-single-yacht-sticky-safe body.single-azur_yacht {
    overflow-x: clip !important;
}


/* Azur v1.0.5.14: Mobile single-yacht visual order.
   Custom-template safe: this only activates inside the Azur native/mobile-order
   scope and uses semantic Azur classes. Arbitrary customer templates are not
   globally reordered. Customers can opt into the same behavior by adding the
   native scope/classes to their custom Elementor template. Desired mobile flow:
   Gallery -> Title -> Price -> Listing Details -> Features -> Description ->
   Broker/Contact -> Inquiry -> Related. */
@media (max-width: 767px) {
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top > .elementor-container,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope > .elementor-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-main-column,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-sidebar,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-main-column > .elementor-widget-wrap,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-sidebar > .elementor-widget-wrap,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-sidebar .azur-sticky-sidebar__inner,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-main-column,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-sidebar,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-main-column > .elementor-widget-wrap,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-sidebar > .elementor-widget-wrap,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-sidebar .azur-sticky-sidebar__inner {
        display: contents !important;
    }

    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-main-column > .elementor-widget-wrap > .elementor-element,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-sidebar > .elementor-widget-wrap > .elementor-element,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-sidebar .azur-sticky-sidebar__inner > .elementor-element,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-main-column > .elementor-widget-wrap > .elementor-element,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-sidebar > .elementor-widget-wrap > .elementor-element,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-sidebar .azur-sticky-sidebar__inner > .elementor-element {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Default content widgets stay below the summary unless they declare one of
       the semantic order classes below. This keeps custom templates predictable. */
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-main-column > .elementor-widget-wrap > .elementor-element,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-main-column > .elementor-widget-wrap > .elementor-element {
        order: 60 !important;
    }

    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-gallery-widget,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-top .azur-single-native-main-column > .elementor-widget-wrap > .elementor-element:first-child,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-gallery-widget,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-mobile-order-scope .azur-single-native-main-column > .elementor-widget-wrap > .elementor-element:first-child {
        order: 10 !important;
    }

    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-title { order: 20 !important; }
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-price { order: 30 !important; }
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-details-widget { order: 40 !important; }
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-features-widget { order: 50 !important; }
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-specs-strip-widget { order: 45 !important; }
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-description-widget { order: 60 !important; }
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-broker,
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-contact-widget { order: 70 !important; }
    body.single-azur_yacht:not(.elementor-editor-active) .azur-single-native-inquiry-widget { order: 80 !important; }
}


/* Azur v1.0.5.16: JS-backed mobile flow for native single-yacht templates.
   Scoped to Azur native/mobile-order rows only; arbitrary customer templates are
   not globally reordered. Desktop sticky remains untouched. */
@media (max-width: 767px) {
    .azur-single-mobile-order-applied {
        display: block !important;
    }

    .azur-single-mobile-order-applied > .azur-single-mobile-flow {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: clamp(18px, 5vw, 26px) !important;
    }

    .azur-single-mobile-flow__item {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    .azur-single-mobile-order-hidden {
        display: none !important;
    }

    .azur-single-mobile-order-applied > .azur-single-mobile-order-empty-column {
        display: none !important;
    }
}


/* Azur v1.0.5.16: keep leftover custom widgets visible below the JS-built flow. */
@media (max-width: 767px) {
    html body:not(.elementor-editor-active) .azur-single-mobile-order-applied.azur-single-mobile-order-applied > .elementor-column,
    html body:not(.elementor-editor-active) .azur-single-mobile-order-applied.azur-single-mobile-order-applied > .e-con {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    html body:not(.elementor-editor-active) .azur-single-mobile-order-applied.azur-single-mobile-order-applied > .azur-single-mobile-order-empty-column {
        display: none !important;
    }
}

/* Azur v1.0.5.17: once JS builds the mobile flow, DOM order is authoritative.
   This prevents older native/order CSS or customer widget order values from
   re-sorting the requested mobile sequence. */
@media (max-width: 767px) {
    html body:not(.elementor-editor-active) .azur-single-mobile-order-applied > .azur-single-mobile-flow > .azur-single-mobile-flow__item.azur-single-mobile-flow__item {
        order: 0 !important;
    }
}

/* v0.0.0.0: Blog/Post templates use the same Azur sticky engine as yacht templates.
   Keep this structural: it only removes sticky-blocking overflow on the opted-in
   dynamic template wrappers and does not create a parallel sticky system. */
html.azur-blog-template-sticky-safe,
html.azur-blog-template-sticky-safe body,
html.azur-single-yacht-sticky-safe,
html.azur-single-yacht-sticky-safe body {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

body:not(.elementor-editor-active) .azur-dynamic-template-wrapper--blog_archive,
body:not(.elementor-editor-active) .azur-dynamic-template-wrapper--post_single,
body:not(.elementor-editor-active) .azur-blog-template-layout,
body:not(.elementor-editor-active) .azur-blog-template-main,
body:not(.elementor-editor-active) .azur-blog-template-sidebar,
body:not(.elementor-editor-active) .azur-blog-template-layout .elementor,
body:not(.elementor-editor-active) .azur-blog-template-layout .elementor-section-wrap,
body:not(.elementor-editor-active) .azur-blog-template-layout .elementor-section,
body:not(.elementor-editor-active) .azur-blog-template-layout .elementor-container,
body:not(.elementor-editor-active) .azur-blog-template-layout .elementor-column,
body:not(.elementor-editor-active) .azur-blog-template-layout .elementor-column-wrap,
body:not(.elementor-editor-active) .azur-blog-template-layout .elementor-widget-wrap,
body:not(.elementor-editor-active) .azur-blog-template-layout .e-con,
body:not(.elementor-editor-active) .azur-blog-template-layout .e-con-inner {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

body:not(.elementor-editor-active) .azur-blog-template-layout .azur-sticky-sidebar-row {
    align-items: stretch !important;
}

body:not(.elementor-editor-active) .azur-blog-template-sidebar.azur-sticky-sidebar {
    align-self: flex-start !important;
    height: auto !important;
}


/* Blog template sidebar uses the existing Azur sticky engine. Keep the sidebar
   as a flex-start sticky target; stretching it to the full row height removes
   the scroll distance and makes sticky appear disabled. */
body:not(.elementor-editor-active) .azur-blog-template-sidebar.azur-sticky-sidebar--active .azur-sticky-sidebar__inner,
body:not(.elementor-editor-active) .azur-blog-template-sidebar.azur-sticky-sidebar--active.azur-sticky-sidebar--self {
    position: sticky !important;
    top: var(--azur-sticky-sidebar-offset, 18px) !important;
    align-self: flex-start !important;
}

/* v0.0.0.0: Post Page Template sidebar is opted into the existing Azur sticky engine. */
body:not(.elementor-editor-active) .azur-post-template-layout,
body:not(.elementor-editor-active) .azur-post-template-sidebar-column,
body:not(.elementor-editor-active) .azur-post-template-sidebar {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}
body:not(.elementor-editor-active) .azur-post-template-sidebar.azur-sticky-sidebar {
    align-self: flex-start !important;
    height: auto !important;
}
body:not(.elementor-editor-active) .azur-post-template-sidebar.azur-sticky-sidebar--active .azur-sticky-sidebar__inner,
body:not(.elementor-editor-active) .azur-post-template-sidebar.azur-sticky-sidebar--active.azur-sticky-sidebar--self {
    position: sticky !important;
    top: var(--azur-sticky-sidebar-offset, 24px) !important;
}

/* Search Results + Sticky Sidebar demo layout.
   Vehica-style structure is intentionally split at the template level:
   top full-width Azur Inventory Filters Only, then lower Results Only +
   independent Sticky Sidebar. Inventory never renders the sidebar. */
.azur-search-results-sidebar-demo-top,
.azur-search-results-sidebar-demo {
    --azur-search-sidebar-width: 332px;
    --azur-search-layout-gap: 28px;
    --azur-search-layout-row-gap: 28px;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top > .elementor-container,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top__filters,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top__filters > .elementor-column-wrap,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top__filters > .elementor-column-wrap > .elementor-widget-wrap,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top__filters > .elementor-widget-wrap,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top__filters .elementor-widget-azur_inventory,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top__filters .elementor-widget-azur_inventory > .elementor-widget-container,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top__filters .azur-inventory,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top__filters .azur-inventory-panel {
    width: 100% !important;
    max-width: 100% !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo .azur-inventory-mode-results_only .azur-inventory-toolbar {
    margin-top: 0 !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo > .elementor-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--azur-search-sidebar-width);
    column-gap: var(--azur-search-layout-gap);
    row-gap: var(--azur-search-layout-row-gap);
    align-items: start;
    position: relative;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main {
    grid-column: 1;
    grid-row: 1;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main > .elementor-column-wrap,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main > .elementor-column-wrap > .elementor-widget-wrap,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main > .elementor-widget-wrap,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main .elementor-widget-azur_inventory,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main .elementor-widget-azur_inventory > .elementor-widget-container,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main .azur-inventory,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main .azur-inventory-toolbar,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main .azur-inventory-results-main {
    width: 100% !important;
    max-width: 100% !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__sidebar {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    min-width: 0 !important;
    width: 100% !important;
    max-width: var(--azur-search-sidebar-width) !important;
    flex: none !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__sidebar > .elementor-column-wrap,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__sidebar > .elementor-column-wrap > .elementor-widget-wrap,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__sidebar > .elementor-widget-wrap,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__sidebar .elementor-widget-azur_sticky_sidebar,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__sidebar .elementor-widget-azur_sticky_sidebar > .elementor-widget-container,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__sidebar .azur-sticky-sidebar-widget {
    width: 100% !important;
    max-width: 100% !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo .azur-inventory.azur-inventory-viewport-stretch,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo .azur-inventory.azur-inventory-edge-stretch,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo .azur-inventory.azur-inventory-css-full-bleed,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo .elementor-widget-azur_inventory.azur-inventory-widget-viewport-stretch,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top .azur-inventory.azur-inventory-viewport-stretch,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top .azur-inventory.azur-inventory-edge-stretch,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top .azur-inventory.azur-inventory-css-full-bleed,
body:not(.elementor-editor-active) .azur-search-results-sidebar-demo-top .elementor-widget-azur_inventory.azur-inventory-widget-viewport-stretch {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    flex-basis: auto !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo.azur-search-results-layout--list .azur-inventory-results {
    grid-template-columns: 1fr !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo.azur-search-results-layout--grid > .elementor-container {
    grid-template-columns: minmax(0, 1fr);
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo.azur-search-results-layout--grid .azur-search-results-sidebar-demo__sidebar {
    display: none !important;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo.azur-search-results-layout--grid .azur-search-results-sidebar-demo__main {
    grid-column: 1 / -1;
}

body:not(.elementor-editor-active) .azur-search-results-sidebar-demo.azur-search-results-layout--grid .azur-inventory-results {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@supports selector(:has(*)) {
    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo:has(.azur-inventory[data-view="grid"]) > .elementor-container,
    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo:has(.azur-inventory-view-grid) > .elementor-container {
        grid-template-columns: minmax(0, 1fr);
    }

    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo:has(.azur-inventory[data-view="grid"]) .azur-search-results-sidebar-demo__sidebar,
    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo:has(.azur-inventory-view-grid) .azur-search-results-sidebar-demo__sidebar {
        display: none !important;
    }

    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo:has(.azur-inventory[data-view="grid"]) .azur-search-results-sidebar-demo__main,
    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo:has(.azur-inventory-view-grid) .azur-search-results-sidebar-demo__main {
        grid-column: 1 / -1;
    }

    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo:has(.azur-inventory[data-view="grid"]) .azur-inventory-results,
    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo:has(.azur-inventory-view-grid) .azur-inventory-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1199px) {
    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo > .elementor-container {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__sidebar {
        display: none !important;
    }

    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo__main {
        grid-column: 1 / -1 !important;
    }

    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo .azur-inventory-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body:not(.elementor-editor-active) .azur-search-results-sidebar-demo .azur-inventory-results {
        grid-template-columns: 1fr !important;
    }
}