.elementor-5207 .elementor-element.elementor-element-26e9c79{--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:43px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5207 .elementor-element.elementor-element-4037053{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5207 .elementor-element.elementor-element-4037053:not(.elementor-motion-effects-element-type-background), .elementor-5207 .elementor-element.elementor-element-4037053 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5207 .elementor-element.elementor-element-4037053::before, .elementor-5207 .elementor-element.elementor-element-4037053 > .elementor-background-video-container::before, .elementor-5207 .elementor-element.elementor-element-4037053 > .e-con-inner > .elementor-background-video-container::before, .elementor-5207 .elementor-element.elementor-element-4037053 > .elementor-background-slideshow::before, .elementor-5207 .elementor-element.elementor-element-4037053 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5207 .elementor-element.elementor-element-4037053 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-5207 .elementor-element.elementor-element-cba54db{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-5207 .elementor-element.elementor-element-14f2c76{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5207 .elementor-element.elementor-element-0236042{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:100px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5207 .elementor-element.elementor-element-2efe3fd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:28px;font-weight:600;color:#000000;}.elementor-5207 .elementor-element.elementor-element-32c2268{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#757575;}.elementor-5207 .elementor-element.elementor-element-2c7a94f{--grid-columns:1;--grid-row-gap:1px;--grid-column-gap:2px;}@media(max-width:1024px){.elementor-5207 .elementor-element.elementor-element-2c7a94f{--grid-columns:2;}}@media(min-width:768px){.elementor-5207 .elementor-element.elementor-element-26e9c79{--content-width:1400px;}.elementor-5207 .elementor-element.elementor-element-4037053{--width:20%;}.elementor-5207 .elementor-element.elementor-element-14f2c76{--width:80%;}.elementor-5207 .elementor-element.elementor-element-0236042{--width:100%;}}@media(max-width:767px){.elementor-5207 .elementor-element.elementor-element-2efe3fd{margin:9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5207 .elementor-element.elementor-element-2efe3fd .elementor-heading-title{font-size:20px;}.elementor-5207 .elementor-element.elementor-element-32c2268{font-size:13px;line-height:1.3em;}.elementor-5207 .elementor-element.elementor-element-2c7a94f{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-cba54db *//* ==========================================================
   TECHNEWGADGETS - MODERN WOOCOMMERCE HUSKY FILTER DESIGN
   ALL PROPERTIES IMPORTANT VERSION
   ========================================================== */


/* GLOBAL FILTER SIDEBAR */

.woof {
    width:100% !important;
    max-width:270px !important;
}


.woof_container {

    background:#ffffff !important;
    border:1px solid #e5eaf1 !important;
    border-radius:10px !important;
    margin-bottom:14px !important;
    padding:0 !important;
    overflow:hidden !important;

    box-shadow:
    0 2px 10px rgba(15,23,42,0.06) !important;

    transition:.25s ease !important;

}


.woof_sid_flat_white {

    background:#fff !important;
    border:solid 0px #eee !important;
    padding:9px !important;

}


.woof_container:hover {

    box-shadow:
    0 5px 18px rgba(15,23,42,0.10) !important;

}



/* FILTER HEADER */

.woof_container h4,
.woof_container_inner h4 {

    background:#f8fafc !important;
    color:#111827 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:20px !important;
    padding:12px 15px !important;
    margin:0 !important;
    border-bottom:1px solid #edf1f5 !important;
    letter-spacing:.2px !important;

}



/* FILTER OPTIONS AREA */

.woof_list {

    margin:0 !important;
    padding:10px 15px 12px !important;

}


.woof_list li {

    list-style:none !important;
    display:flex !important;
    align-items:center !important;
    height:30px !important;
    margin:0 !important;
    padding:0 !important;

}



/* LABEL */

.woof_checkbox_label {

    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;

    color:#475569 !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:18px !important;

    cursor:pointer !important;
    transition:.2s ease !important;

}


.woof_checkbox_label:hover {

    color:#2563eb !important;

}



/* CUSTOM CHECKBOX */

.woof_checkbox_label input[type="checkbox"],
.woof input[type="checkbox"] {

    appearance:none !important;
    -webkit-appearance:none !important;

    width:16px !important;
    height:16px !important;
    min-width:16px !important;

    border:1.5px solid #cbd5e1 !important;

    border-radius:4px !important;

    background:#ffffff !important;

    cursor:pointer !important;

    position:relative !important;

    margin:0 !important;

}


.woof_checkbox_label input[type="checkbox"]:hover,
.woof input[type="checkbox"]:hover {

    border-color:#2563eb !important;

}


.woof_checkbox_label input[type="checkbox"]:checked,
.woof input[type="checkbox"]:checked {

    background:#2563eb !important;
    border-color:#2563eb !important;

}


.woof_checkbox_label input[type="checkbox"]:checked:after,
.woof input[type="checkbox"]:checked:after {

    content:"✓" !important;

    position:absolute !important;

    color:#fff !important;

    font-size:12px !important;

    font-weight:700 !important;

    left:3px !important;

    top:-2px !important;

}



/* SEARCH FILTER */

.woof_text_search_container {

    padding:14px 15px !important;

}


.woof_text_search input {

    width:100% !important;

    height:42px !important;

    border-radius:8px !important;

    border:1px solid #d7dee8 !important;

    background:#ffffff !important;

    padding:0 14px !important;

    color:#334155 !important;

    font-size:14px !important;

    font-weight:400 !important;

    outline:none !important;

    transition:.25s ease !important;

}


.woof_text_search input::placeholder {

    color:#94a3b8 !important;

}


.woof_text_search input:focus {

    border-color:#2563eb !important;

    box-shadow:
    0 0 0 3px rgba(37,99,235,.12) !important;

}



/* REMOVE OLD HUSKY SPACING */

.woof_container_inner {

    padding:0 !important;

}


.woof_childs_list {

    margin:0 !important;

}


.woof_list label {

    margin:0 !important;

}



/* PRODUCT LIST AREA */

.woof_redraw_zone {

    width:100% !important;

}



/* PRODUCT CARD */

.woocommerce ul.products li.product,
.products .product {

    background:#ffffff !important;

    border:1px solid #e5e7eb !important;

    border-radius:14px !important;

    padding:18px !important;

    margin-bottom:16px !important;

    box-shadow:
    0 2px 8px rgba(15,23,42,.05) !important;

    transition:.25s ease !important;

}


.woocommerce ul.products li.product:hover,
.products .product:hover {

    border-color:#2563eb !important;

    box-shadow:
    0 10px 25px rgba(37,99,235,.12) !important;

}



/* PRODUCT TITLE */

.woocommerce-loop-product__title {

    font-size:17px !important;

    font-weight:700 !important;

    color:#111827 !important;

    line-height:1.45 !important;

}



/* PRODUCT PRICE */

.woocommerce ul.products li.product .price {

    color:#16a34a !important;

    font-size:20px !important;

    font-weight:800 !important;

}



/* ELEMENTOR SIDEBAR */

.elementor-widget-woocommerce-sidebar {

    width:270px !important;

}



/* MOBILE */

@media(max-width:768px){

    .woof {

        max-width:100% !important;

    }


    .elementor-widget-woocommerce-sidebar {

        width:100% !important;

    }


    .woof_checkbox_label {

        font-size:13px !important;

    }

}


/* Husky Filter Checkbox + Text Spacing Fix */

.woof_list li {
    display:flex !important;
    align-items:center !important;
}


.woof_list li input[type="checkbox"] {

    margin-right:10px !important;

}


.woof_checkbox_label {

    gap:10px !important;

    display:flex !important;

    align-items:center !important;

}


.woof_checkbox_label span,
.woof_list li label {

    margin-left:10px !important;

}


/* Fix checkbox size alignment */

.woof input[type="checkbox"] {

    flex:0 0 16px !important;

    margin:0 10px 0 0 !important;

}

/* =========================================================
   TNG MOBILE HUSKY FILTER
   TechNewGadgets
   ========================================================= */

:root {
    --tng-filter-black: #111111;
    --tng-filter-white: #ffffff;
    --tng-filter-border: #e8e8e8;
    --tng-filter-muted: #777777;
    --tng-filter-overlay: rgba(0, 0, 0, 0.48);
}


/* =========================================================
   DESKTOP
   Keep existing HUSKY layout unchanged
   ========================================================= */

@media (min-width: 769px) {

    .tng-mobile-filter-bar,
    .tng-mobile-filter-overlay,
    .tng-mobile-filter-header {
        display: none !important;
    }

}


/* =========================================================
   MOBILE ONLY
   ========================================================= */

@media (max-width: 768px) {

    /* -----------------------------------------------------
       Prevent horizontal overflow
       ----------------------------------------------------- */

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }


    /* -----------------------------------------------------
       Give page enough bottom space for fixed filter bar
       ----------------------------------------------------- */

    body {
        padding-bottom: 64px;
    }


    /* -----------------------------------------------------
       Hide the desktop Elementor filter column/container
       ONLY if it contains the HUSKY filter.
       The HUSKY form itself will become fixed.
       ----------------------------------------------------- */

    /* HUSKY main filter */
    .woof[data-sid="swoof01"] {
        position: fixed !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        height: 100dvh !important;

        max-height: 100dvh !important;

        background: #fff !important;

        z-index: 999998 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        transform: translateY(100%);
        visibility: hidden;
        opacity: 0;

        transition:
            transform 0.32s cubic-bezier(.22,.61,.36,1),
            opacity 0.25s ease,
            visibility 0.32s ease;

        -webkit-overflow-scrolling: touch;

        overscroll-behavior: contain;
    }


    /* -----------------------------------------------------
       OPEN STATE
       ----------------------------------------------------- */

    body.tng-filter-open .woof[data-sid="swoof01"] {

        transform: translateY(0);

        visibility: visible;

        opacity: 1;

    }


    /* -----------------------------------------------------
       HUSKY CONTENT
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container {
        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        border-bottom: 1px solid var(--tng-filter-border);

        background: #fff;
    }


    /* -----------------------------------------------------
       Filter headings
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container .woof_container_inner {

        padding: 0 !important;

    }


    .woof[data-sid="swoof01"] .woof_container h4,
    .woof[data-sid="swoof01"] .woof_container .woof_container_title {

        min-height: 54px;

        display: flex !important;

        align-items: center;

        justify-content: space-between;

        padding: 16px 20px !important;

        margin: 0 !important;

        font-family: Arial, Helvetica, sans-serif !important;

        font-size: 15px !important;

        line-height: 1.3 !important;

        font-weight: 600 !important;

        color: #111 !important;

        background: #fff;

        cursor: pointer;
    }


    /* -----------------------------------------------------
       Arrow on filter headings
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container h4::after,
    .woof[data-sid="swoof01"] .woof_container .woof_container_title::after {

        content: "";

        width: 8px;

        height: 8px;

        border-right: 1.5px solid #222;

        border-bottom: 1.5px solid #222;

        transform: rotate(45deg);

        transition: transform 0.25s ease;

        flex-shrink: 0;

        margin-left: 15px;
    }


    /* -----------------------------------------------------
       Open heading arrow
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container.tng-filter-section-open h4::after,
    .woof[data-sid="swoof01"] .woof_container.tng-filter-section-open .woof_container_title::after {

        transform: rotate(225deg);

    }


    /* -----------------------------------------------------
       Filter options
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container ul,
    .woof[data-sid="swoof01"] .woof_container .woof_list {

        margin: 0 !important;

        padding: 0 20px 16px !important;

        list-style: none !important;
    }


    /* -----------------------------------------------------
       Individual checkbox row
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container li {

        margin: 0 !important;

        padding: 0 !important;

        list-style: none !important;
    }


    .woof[data-sid="swoof01"] .woof_container li label {

        display: flex !important;

        align-items: center !important;

        min-height: 44px !important;

        padding: 8px 0 !important;

        margin: 0 !important;

        font-family: Arial, Helvetica, sans-serif !important;

        font-size: 14px !important;

        line-height: 1.4 !important;

        color: #333 !important;

        cursor: pointer;
    }


    /* -----------------------------------------------------
       Checkbox
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container input[type="checkbox"] {

        width: 18px !important;

        height: 18px !important;

        min-width: 18px !important;

        margin: 0 11px 0 0 !important;

        accent-color: #111 !important;

        cursor: pointer;
    }


    /* -----------------------------------------------------
       Radio buttons
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container input[type="radio"] {

        width: 18px !important;

        height: 18px !important;

        min-width: 18px !important;

        margin-right: 11px !important;

        accent-color: #111 !important;

    }


    /* -----------------------------------------------------
       Selected option
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container li.woof_checkbox_label_selected label,
    .woof[data-sid="swoof01"] .woof_container li.woof_radio_label_selected label {

        font-weight: 600 !important;

        color: #111 !important;

    }


    /* -----------------------------------------------------
       Hide filter contents when collapsed
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_container:not(.tng-filter-section-open) > ul,
    .woof[data-sid="swoof01"] .woof_container:not(.tng-filter-section-open) > .woof_list {

        display: none !important;

    }


    /* -----------------------------------------------------
       HUSKY submit area
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] .woof_submit_search_form_container {

        position: sticky !important;

        bottom: 0 !important;

        z-index: 20 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        min-height: 64px !important;

        padding: 10px 16px !important;

        background: #fff !important;

        border-top: 1px solid #e8e8e8 !important;

        box-shadow: 0 -4px 15px rgba(0,0,0,0.06);

    }


    /* -----------------------------------------------------
       HUSKY buttons
       ----------------------------------------------------- */

    .woof[data-sid="swoof01"] button,
    .woof[data-sid="swoof01"] input[type="submit"],
    .woof[data-sid="swoof01"] .woof_submit_search_form {

        min-height: 44px !important;

        border-radius: 6px !important;

        font-family: Arial, Helvetica, sans-serif !important;

    }


    /* -----------------------------------------------------
       Mobile filter overlay
       ----------------------------------------------------- */

    .tng-mobile-filter-overlay {

        position: fixed;

        inset: 0;

        z-index: 999997;

        background: var(--tng-filter-overlay);

        opacity: 0;

        visibility: hidden;

        pointer-events: none;

        transition:
            opacity 0.25s ease,
            visibility 0.25s ease;

    }


    body.tng-filter-open .tng-mobile-filter-overlay {

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

    }


    /* -----------------------------------------------------
       Custom mobile filter header
       ----------------------------------------------------- */

    .tng-mobile-filter-header {

        position: sticky;

        top: 0;

        z-index: 999999;

        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%;

        min-height: 64px;

        padding: 0 18px;

        background: #fff;

        border-bottom: 1px solid #e8e8e8;

        box-shadow: 0 2px 8px rgba(0,0,0,0.04);

    }


    .tng-mobile-filter-title {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 18px;

        line-height: 1;

        font-weight: 700;

        color: #111;

    }


    .tng-mobile-filter-close {

        width: 40px;

        height: 40px;

        display: flex;

        align-items: center;

        justify-content: center;

        border: 0;

        border-radius: 50%;

        background: #f5f5f5;

        color: #111;

        font-size: 24px;

        line-height: 1;

        cursor: pointer;

        padding: 0;

    }


    .tng-mobile-filter-close:active {

        transform: scale(0.94);

    }


    /* -----------------------------------------------------
       Fixed bottom Filter bar
       ----------------------------------------------------- */

    .tng-mobile-filter-bar {

        position: fixed;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 999996;

        width: 100%;

        height: 60px;

        display: flex;

        align-items: center;

        justify-content: center;

        background: #fff;

        border-top: 1px solid #e4e4e4;

        box-shadow: 0 -4px 16px rgba(0,0,0,0.08);

        padding:

            6px

            max(16px, env(safe-area-inset-left))

            calc(6px + env(safe-area-inset-bottom))

            max(16px, env(safe-area-inset-right));

    }


    .tng-mobile-filter-button {

        width: 100%;

        height: 46px;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 9px;

        border: 0;

        border-radius: 6px;

        background: #111;

        color: #fff;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 15px;

        font-weight: 600;

        cursor: pointer;

        -webkit-tap-highlight-color: transparent;

    }


    .tng-mobile-filter-button:active {

        transform: scale(0.98);

    }


    /* Funnel icon */

    .tng-mobile-filter-icon {

        width: 17px;

        height: 17px;

        position: relative;

        display: inline-block;

    }


    .tng-mobile-filter-icon::before {

        content: "";

        position: absolute;

        left: 1px;

        top: 2px;

        width: 15px;

        height: 2px;

        background: currentColor;

        box-shadow:

            3px 5px 0 currentColor,

            6px 10px 0 currentColor;

        transform: skewX(-18deg);

    }


    /* -----------------------------------------------------
       Hide our bottom bar while filter is open
       ----------------------------------------------------- */

    body.tng-filter-open .tng-mobile-filter-bar {

        opacity: 0;

        pointer-events: none;

    }


    /* -----------------------------------------------------
       Prevent background page scrolling
       ----------------------------------------------------- */

    body.tng-filter-open {

        overflow: hidden !important;

    }


    /* -----------------------------------------------------
       Very small mobile devices
       ----------------------------------------------------- */

    @media (max-width: 380px) {

        .tng-mobile-filter-header {

            min-height: 58px;

        }

        .tng-mobile-filter-title {

            font-size: 17px;

        }

        .woof[data-sid="swoof01"] .woof_container h4,
        .woof[data-sid="swoof01"] .woof_container .woof_container_title {

            padding-left: 16px !important;

            padding-right: 16px !important;

        }

        .woof[data-sid="swoof01"] .woof_container ul,
        .woof[data-sid="swoof01"] .woof_container .woof_list {

            padding-left: 16px !important;

            padding-right: 16px !important;

        }

    }

}/* End custom CSS */