.elementor-1393 .elementor-element.elementor-element-3f702e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-1393 .elementor-element.elementor-element-54f0a82{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}/* Start custom CSS for shortcode, class: .elementor-element-54f0a82 *//* 1. Main Container & Spacing */
.berocket_single_filter_widget {
    border-bottom: none !important; /* Bari lines khatam */
    margin-bottom: 45px !important; /* Sections ke beech gap */
}

/* 2. Checkbox List Items & Lines (Categories & Brands) */
/* Sirf Categories aur Brands wali list mein lines aayengi */
.bapf_ckbox:not(.bapf_stylecolor):not(#bapf_14) ul li {
    border-bottom: 1px solid #e5e5e5 !important; /* Har item ke niche line */
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
    width: 100%;
    display: flex;
    align-items: center;
}

/* Har section ki aakhri line ko hatane ke liye */
.bapf_ckbox ul li:last-child {
    border-bottom: none !important;
}

/* 3. Color Dots Styling (No lines here) */
.bapf_stylecolor ul {
    display: flex !important;
    gap: 20px !important; /* Dots ke beech space */
}

.bapf_stylecolor ul li {
    border-bottom: none !important; /* Color ke niche line nahi chahiye */
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    width: auto !important;
}

.bapf_clr_span {
    width: 48px !important; /* Dot size bada kar diya */
    height: 48px !important;
    border-radius: 50% !important;
    border: 1px solid #000 !important; /* Outline jaisa photo mein hai */
    transition: transform 0.2s;
}

/* 4. Size Boxes Styling (No lines here) */
#bapf_14 ul {
    display: flex !important;
    flex-direction: row !important; /* Horizontal layout */
    gap: 12px !important;
}

#bapf_14 ul li {
    border-bottom: none !important; /* Size boxes ke niche line nahi chahiye */
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    width: auto !important;
}

#bapf_14 label {
    width: 55px !important;
    height: 55px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    background: #fff;
}

/* Selected Size State */
#bapf_14 input[type="checkbox"]:checked + label {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* 5. Custom Checkbox (Tick box) Square styling */
.bapf_ckbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
}

.bapf_ckbox input[type="checkbox"]:checked {
    background-color: #000;
    border-color: #000;
}/* End custom CSS */