/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  Hello Elementor Child Theme for BuyerBuy Fashion Store
 Author:       BUYERBUY
 Author URI:   https://buyer267.com/
 Template:     hello-elementor
 Version:      1.1.0
 Text Domain:  hello-elementor-child
*/

/* ==========================================================================
   BuyerBuy Global Container & Viewport Standards (1200px)
   ========================================================================== */
:root {
    --bb-container-width: 1200px;
}

.site-main,
.site-content,
.e-con.e-con-boxed,
.elementor-section.elementor-section-boxed > .elementor-container,
.bb-woocommerce-container {
    max-width: var(--bb-container-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body {
    overflow-x: hidden;
}

/* ==========================================================================
   WooCommerce 2-Column Grid Layout Adapter for Hello Elementor
   ========================================================================== */
.bb-woocommerce-page-wrap {
    width: 100%;
    background: transparent;
}
.bb-woocommerce-container.ast-left-sidebar {
    display: flex;
    gap: 36px;
    padding: 30px 20px;
    max-width: var(--bb-container-width, 1200px);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.bb-woocommerce-container.ast-left-sidebar #secondary {
    width: 240px;
    flex: 0 0 240px;
    box-sizing: border-box;
}
.bb-woocommerce-container.ast-left-sidebar #primary {
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
}
.bb-woocommerce-container.ast-left-sidebar #primary.full-width {
    width: 100%;
    max-width: var(--bb-container-width, 1200px);
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
}
@media (max-width: 921px) {
    .bb-woocommerce-container.ast-left-sidebar {
        flex-direction: column;
        gap: 20px;
    }
    .bb-woocommerce-container.ast-left-sidebar #secondary {
        width: 100%;
        flex: none;
    }
}