.elementor-24446 .elementor-element.elementor-element-6677f59a{--display:flex;}@media(min-width:768px){.elementor-24446 .elementor-element.elementor-element-6677f59a{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-6677f59a */<style>
/* =====================================================
   XSTORE + ELEMENTOR FULL WIDTH OVERRIDE
   ===================================================== */

/* Force full width for this content */
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container,
.elementor-section,
.elementor-section .elementor-container,
.elementor-column,
.elementor-column-wrap,
.elementor-widget-wrap {
    max-width: 100% !important;
    width: 100% !important;
}

/* XStore specific overrides */
.container,
.page-wrapper .container,
.content-page .container,
.et-container,
.et_b_header-wrapper .container,
body .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove any content padding */
.content-page,
.page-content,
#content,
.site-content,
main.content {
    padding: 0 !important;
    margin: 0 !important;
}

/* Force our sections to be full width */
.sco-sticky-header,
.sco-shop-hero,
.sco-products-section,
.sco-trust-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    box-sizing: border-box !important;
}

/* =====================================================
   STEROIDS CANADA PREMIUM SHOP PAGE - MEDICAL THEME
   ===================================================== */

:root {
    --sco-primary: #0066a1;

/* Ensure main site header/nav stays above everything */
body > header,
#masthead,
.site-header,
.elementor-location-header,
header.elementor-section,
.elementor-widget-nav-menu,
nav.primary-navigation,
.main-navigation,
#site-navigation {
    z-index: 99999 !important;
}

/* Ensure dropdown menus appear above everything */
.sub-menu,
.dropdown-menu,
.elementor-nav-menu--dropdown,
.menu-item-has-children > .sub-menu,
.mega-menu,
ul.sub-menu,
.nav-menu .sub-menu {
    z-index: 999999 !important;
}

/* Lower our custom sticky header z-index */
.sco-sticky-header {
    position: relative; /* Change from sticky */
    z-index: 10 !important; /* Much lower than site nav */
    width: 100%;
    background: linear-gradient(135deg, var(--sco-dark) 0%, var(--sco-navy) 50%, #0f2847 100%);
    box-shadow: 0 4px 30px rgba(0, 168, 232, 0.2), 0 1px 0 rgba(0, 168, 232, 0.4);
    overflow: visible;
}/* End custom CSS */