{"id":1164,"date":"2026-03-03T12:05:09","date_gmt":"2026-03-03T08:05:09","guid":{"rendered":"https:\/\/gwm.vasco.ge\/?page_id=1164"},"modified":"2026-03-04T14:18:54","modified_gmt":"2026-03-04T10:18:54","slug":"accessories","status":"publish","type":"page","link":"https:\/\/gwm.vasco.ge\/en\/accessories\/","title":{"rendered":"Accessories"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1164\" class=\"elementor elementor-1164\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99169f8 e-flex e-con-boxed e-con e-parent\" data-id=\"99169f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a796d0 e-flex e-con-boxed e-con e-parent\" data-id=\"8a796d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f541d97 elementor-widget elementor-widget-shortcode\" data-id=\"f541d97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <style>\n            :root {\n                --gwm-c-dark: #000000; --gwm-c-light: #ffffff; --gwm-c-bg: #f5f5f7;\n                --gwm-c-gray: #e5e5ea; --gwm-c-text: #1d1d1f; --gwm-c-mut: #86868b;\n                --gwm-ease: cubic-bezier(0.16, 1, 0.3, 1);\n            }\nbutton.gwm-active-chip-remove {\n    border: none;\n    padding: 0;\n}\n            .gwm-pro-wrapper, .gwm-pro-shop-layout, .gwm-accessories-tab {\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n                color: var(--gwm-c-text); box-sizing: border-box; -webkit-font-smoothing: antialiased; \n                max-width: 1440px; margin: 0 auto;\n            }\n           .gwm-pro-wrapper *, .gwm-pro-shop-layout *, .gwm-accessories-tab * { box-sizing: border-box; }\n.gwm-pro-shop-layout, .gwm-accessories-tab { width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; }\n            .gwm-shop-content-col { width: 100%; max-width: 100%; }\n            .gwm-pro-grid, .gwm-pro-card { min-width: 0; width: 100%; max-width: 100%; word-wrap: break-word; }\n            .gwm-no-transition * { transition: none !important; animation: none !important; }\n            .hidden-desk { display: none !important; }\n\n            \/* STRICT THEME BLEED RESETS *\/\n            #gwm-shop-root a, #gwm-shop-root button, #gwm-shop-root input, #gwm-shop-root select {\n                outline: none !important; box-shadow: none !important;\n            }\n\n            \/* =========================================\n               1. TOOLBAR & ACTIVE FILTERS\n               ========================================= *\/\n            .gwm-shop-toolbar {\n                display: flex; justify-content: space-between; align-items: center;\n                background: rgba(255,255,255,0.8); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\n                padding: 12px 24px; border-radius: 20px; border: 1px solid rgba(0,0,0,0.05);\n                margin-bottom: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); z-index: 100; position: relative;\n            }\n            .gwm-tb-left { display: flex; align-items: center; gap: 15px; }\n            .gwm-results-count { font-size: 14px; font-weight: 700; color: var(--gwm-c-mut); }\n            \n            .gwm-tb-right { display: flex; align-items: center; gap: 12px; }\n            .gwm-tb-divider { width: 1px; height: 24px; background: var(--gwm-c-gray); }\n\n            .gwm-sort-wrapper { display: flex; align-items: center; gap: 6px; color: var(--gwm-c-mut); }\n            .gwm-sort-wrapper svg { width: 16px; height: 16px; stroke: currentColor; fill: none; display: block; }\n            .gwm-sort-dropdown { background: transparent; border: none; font-size: 14px; font-weight: 700; color: var(--gwm-c-dark); cursor: pointer; outline: none !important; padding-right: 5px; font-family: inherit; }\n            \n            .gwm-tb-controls { display: flex; align-items: center; gap: 6px; background: var(--gwm-c-bg); padding: 4px; border-radius: 12px; }\n            #gwm-shop-root .gwm-icon-btn {\n                background: transparent !important; border: none !important; width: 34px !important; height: 34px !important; border-radius: 8px !important;\n                display: flex !important; align-items: center !important; justify-content: center !important;\n                color: var(--gwm-c-mut) !important; cursor: pointer !important; transition: 0.3s !important; margin: 0 !important; padding: 0 !important;\n            }\n            #gwm-shop-root .gwm-icon-btn svg { width: 20px !important; height: 20px !important; stroke: currentColor !important; fill: none !important; display: block !important; }\n            #gwm-shop-root .gwm-icon-btn:hover, #gwm-shop-root .gwm-icon-btn:focus { background: transparent !important; color: var(--gwm-c-dark) !important; outline: none !important; }\n            #gwm-shop-root .gwm-icon-btn.active { background: #fff !important; color: var(--gwm-c-dark) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; }\n            #gwm-shop-root .gwm-icon-btn.active:hover, #gwm-shop-root .gwm-icon-btn.active:focus { background: #fff !important; color: var(--gwm-c-dark) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; }\n\n            \/* Desktop Grid Buttons Strict Logic *\/\n            @media (min-width: 991px) {\n                #gwm-shop-root.layout-side [data-action=\"gwm-grid-4\"] { display: none !important; }\n                #gwm-shop-root.layout-side [data-action=\"gwm-grid-2\"] { display: flex !important; }\n                \n                #gwm-shop-root.layout-top [data-action=\"gwm-grid-2\"] { display: none !important; }\n                #gwm-shop-root.layout-top [data-action=\"gwm-grid-4\"] { display: flex !important; }\n            }\n\n            .gwm-mob-filter-trigger { display: none; }\n            .gwm-mob-filter-trigger:hover, .gwm-mob-filter-trigger:focus { background: transparent !important; color: var(--gwm-c-dark) !important; outline: none !important; }\n\n            .gwm-shop-content-col { display: flex; flex-direction: column; width: 100%; min-width: 0; }\n            #gwm-active-filters-wrap { margin-bottom: 25px; min-height: empty: 0; }\n            .gwm-active-filters-container { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }\n            .gwm-active-chip { display: flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--gwm-c-dark); padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; color: var(--gwm-c-dark); box-shadow: 0 4px 10px rgba(0,0,0,0.03); }\n            .gwm-active-chip-remove { background: transparent !important; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--gwm-c-mut); transition: 0.2s; margin-left: 2px; }\n            .gwm-active-chip-remove:hover { color: #ff3b30 !important; transform: scale(1.1); }\n            .gwm-clear-all-btn { background: transparent !important; border: none; font-size: 13px; font-weight: 700; color: #ff3b30; text-decoration: underline; cursor: pointer; padding: 6px 10px; margin-left: 5px; transition: 0.2s; outline: none !important; font-family: inherit; }\n            .gwm-clear-all-btn:hover, .gwm-clear-all-btn:focus { color: #ff3b30 !important; opacity: 0.7 !important; outline: none !important; }\n\n            \/* =========================================\n               2. LAYOUT ENGINE (Filters Left, Search Right Edge)\n               ========================================= *\/\n            .gwm-pro-shop-layout { display: grid; align-items: start; }\n            .gwm-pro-main-area { min-height: 400px; position: relative; }\n            \n            \/* SIDEBAR LAYOUT *\/\n            .gwm-pro-shop-layout.layout-side { grid-template-columns: 300px 1fr; gap: 40px; }\n            .gwm-pro-shop-layout.layout-side .gwm-shop-toolbar { grid-column: 1 \/ -1; }\n            .gwm-pro-shop-layout.layout-side .gwm-pro-sidebar { position: sticky; top: 100px; background: #fff; padding: 30px; border-radius: 24px; border: 1px solid rgba(0,0,0,0.04); box-shadow: 0 10px 40px rgba(0,0,0,0.02); }\n            \n            .gwm-pro-shop-layout.layout-side .gwm-filters-inner { display: flex; flex-direction: column; gap: 20px; }\n            .gwm-pro-shop-layout.layout-side .gwm-filters-left { display: flex; flex-direction: column; gap: 30px; }\n            .gwm-pro-shop-layout.layout-side .gwm-filters-right { order: -1; margin-bottom: 10px; }\n            \n            .gwm-pro-shop-layout.layout-side .gwm-fg-title { font-size: 14px; font-weight: 800; text-transform: uppercase; margin-bottom: 15px; color: var(--gwm-c-dark); border: none !important; padding: 0 !important; background: transparent !important; }\n            .gwm-pro-shop-layout.layout-side .gwm-fg-title svg { display: none; }\n            .gwm-pro-shop-layout.layout-side .gwm-filter-dropdown { position: relative !important; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important; border: none !important; padding: 0 !important; background: transparent !important; }\n            \n            \/* TOP LAYOUT *\/\n            .gwm-pro-shop-layout.layout-top { grid-template-columns: 1fr; gap: 0; }\n            .gwm-pro-shop-layout.layout-top .gwm-pro-sidebar { margin-bottom: 30px; z-index: 50; position: relative; width: 100%; }\n            \n            .gwm-pro-shop-layout.layout-top .gwm-filters-inner {\n                display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 20px;\n            }\n            .gwm-pro-shop-layout.layout-top .gwm-filters-left {\n                display: flex; align-items: center; gap: 15px; flex-wrap: wrap;\n            }\n            .gwm-pro-shop-layout.layout-top .gwm-filters-right {\n                max-width: 320px; width: 100%; margin-left: auto;\n            }\n            \n            .gwm-pro-shop-layout.layout-top .gwm-pro-filter-group { position: relative; margin: 0; }\n            .gwm-pro-shop-layout.layout-top .gwm-fg-title { height: 44px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--gwm-c-gray); background: #fff; cursor: pointer; font-size: 14px; font-weight: 700; color: var(--gwm-c-dark); display: flex; align-items: center; gap: 8px; transition: 0.3s; user-select: none; box-sizing: border-box; }\n            .gwm-pro-shop-layout.layout-top .gwm-fg-title svg { width: 14px; height: 14px; stroke: currentColor; fill: none; transition: transform 0.3s; }\n            .gwm-pro-shop-layout.layout-top .gwm-pro-filter-group.active .gwm-fg-title { border-color: var(--gwm-c-dark); }\n            .gwm-pro-shop-layout.layout-top .gwm-pro-filter-group.active .gwm-fg-title svg { transform: rotate(180deg); }\n            \n            .gwm-pro-shop-layout.layout-top .gwm-filter-dropdown { position: absolute; top: calc(100% + 10px); left: 0; width: 300px; background: rgba(255,255,255,0.95); backdrop-filter: blur(20px); border-radius: 20px; box-shadow: 0 20px 50px rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.05); padding: 25px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: 0.3s var(--gwm-ease); z-index: 100; cursor: default; }\n            .gwm-pro-shop-layout.layout-top .gwm-pro-filter-group.active .gwm-filter-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }\n\n            \/* SEARCH INPUT BOX *\/\n            .gwm-search-input-box { display: flex; align-items: center; background: #fff; border-radius: 12px; border: 1px solid var(--gwm-c-gray); padding: 0 14px; transition: 0.3s; width: 100%; height: 44px; box-sizing: border-box; }\n            .gwm-search-input-box:focus-within { border-color: var(--gwm-c-dark) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important; }\n            .gwm-search-input-box svg { width: 18px; height: 18px; color: var(--gwm-c-mut); margin-right: 8px; flex-shrink: 0; stroke: currentColor; fill: none; }\n            .gwm-search-input-box input { border: none; background: transparent; outline: none !important; font-size: 14px; font-weight: 600; color: var(--gwm-c-dark); width: 100%; height: 100%; font-family: inherit; }\n            .gwm-search-input-box input::placeholder { color: #a1a1a6; font-weight: 500; }\n\n            \/* =========================================\n               3. PRICE UX & INPUT STYLES\n               ========================================= *\/\n            .gwm-price-ux { display: flex; flex-direction: column; gap: 15px; }\n            .gwm-price-inputs-row { display: flex; align-items: center; gap: 10px; }\n            .gwm-price-inputs-row input { flex: 1; width: 100%; padding: 10px 15px; border-radius: 10px; border: 1px solid var(--gwm-c-gray); font-size: 14px; font-weight: 600; outline: none !important; transition: 0.3s; background: var(--gwm-c-bg); color: var(--gwm-c-dark); font-family: inherit; }\n            .gwm-price-inputs-row input:focus { border-color: var(--gwm-c-dark) !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(0,0,0,0.05) !important; }\n            .gwm-price-sep { font-weight: 700; color: var(--gwm-c-mut); }\n            .gwm-price-presets { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }\n            .gwm-preset-btn { background: #fff; border: 1px solid var(--gwm-c-gray); padding: 8px; border-radius: 8px; font-size: 12px; font-weight: 600; color: var(--gwm-c-text); cursor: pointer; transition: 0.3s; text-align: center; outline: none !important; }\n            .gwm-preset-btn:hover, .gwm-preset-btn:focus { background: var(--gwm-c-dark) !important; color: #fff !important; border-color: var(--gwm-c-dark) !important; }\n\n            \/* Chips & Checks *\/\n            .gwm-chip-grid { display: flex; flex-wrap: wrap; gap: 8px; }\n            .gwm-chip { cursor: pointer; position: relative; }\n            .gwm-chip input { display: none; }\n            .gwm-chip span { display: block; padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; background: #fff; border: 1px solid var(--gwm-c-gray); color: var(--gwm-c-mut); transition: 0.3s; }\n            .gwm-chip:hover span { border-color: #c7c7cc; color: var(--gwm-c-dark); }\n            .gwm-chip input:checked + span { background: var(--gwm-c-dark); border-color: var(--gwm-c-dark); color: #fff; }\n\n            .gwm-cbx-list { display: flex; flex-direction: column; gap: 14px; max-height: 250px; overflow-y: auto; padding-right: 5px; }\n            .gwm-cbx-list::-webkit-scrollbar { width: 4px; }\n            .gwm-cbx-list::-webkit-scrollbar-thumb { background: #d1d1d6; border-radius: 10px; }\n            .gwm-pro-cbx-label { display: flex; align-items: center; gap: 12px; cursor: pointer; font-size: 14px; font-weight: 500; color: var(--gwm-c-text); transition: 0.3s; }\n            .gwm-pro-cbx-label:hover { color: var(--gwm-c-dark); }\n            .gwm-pro-cbx-label input { display: none; }\n            .gwm-pro-cbx { width: 22px; height: 22px; border-radius: 6px; border: 2px solid var(--gwm-c-gray); background: #fff; position: relative; transition: 0.3s; display: flex; justify-content: center; align-items: center; flex-shrink: 0; }\n            .gwm-pro-cbx::after { content: ''; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); opacity: 0; transition: 0.3s; }\n            .gwm-pro-cbx-label input:checked + .gwm-pro-cbx { background: var(--gwm-c-dark); border-color: var(--gwm-c-dark); }\n            .gwm-pro-cbx-label input:checked + .gwm-pro-cbx::after { transform: rotate(45deg) scale(1) translateY(-1px); opacity: 1; }\n\n            \/* =========================================\n               4. PERFECTED STRICT GRID & SUPER PREMIUM CARDS\n               ========================================= *\/\n            .gwm-pro-grid { display: grid; gap: 24px; }\n            \n@media (min-width: 991px) {\n                #gwm-shop-root.gwm-grid-2 .gwm-pro-grid { grid-template-columns: repeat(2, 1fr) !important; }\n                #gwm-shop-root.gwm-grid-3 .gwm-pro-grid { grid-template-columns: repeat(3, 1fr) !important; }\n                #gwm-shop-root.gwm-grid-4 .gwm-pro-grid { grid-template-columns: repeat(4, 1fr) !important; }\n                .gwm-accessories-tab .gwm-pro-grid { grid-template-columns: repeat(3, 1fr) !important; }\n            }\n\n            .gwm-pro-card {\n                background: #ffffff;\n                border-radius: 20px;\n                padding: 16px;\n                border: 1px solid rgba(0,0,0,0.03);\n                transition: all 0.5s var(--gwm-ease);\n                display: flex;\n                flex-direction: column;\n                position: relative;\n                height: 100%;\n                box-sizing: border-box;\n            }\n            .gwm-pro-card:hover {\n                transform: translateY(-8px);\n                box-shadow: 0 20px 40px rgba(0,0,0,0.06);\n                border-color: transparent;\n            }\n\n            .gwm-pro-card-visual {\n                background: #fbfbfd;\n                border-radius: 14px;\n                height: 250px;\n                position: relative;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                overflow: hidden;\n                margin-bottom: 20px;\n                text-decoration: none !important;\n                outline: none !important;\n            }\n            \n            .gwm-pro-img-wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }\n            .gwm-pro-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--gwm-ease); }\n            .gwm-pro-card:hover .gwm-pro-img-wrap img { transform: scale(1.05); }\n            \n            .gwm-pro-badges {\n                position: absolute;\n                top: 12px;\n                left: 12px;\n                display: flex;\n                gap: 6px;\n                flex-wrap: wrap;\n                z-index: 10;\n            }\n            .gwm-pro-badge {\n                background: rgba(255,255,255,0.7);\n                backdrop-filter: blur(12px);\n                -webkit-backdrop-filter: blur(12px);\n                border: 1px solid rgba(255,255,255,0.5);\n                color: #1d1d1f;\n                font-size: 10px;\n                font-weight: 700;\n                padding: 5px 10px;\n                border-radius: 10px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n                box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n            }\n            .gwm-pro-badge.gwm-model-badge {\n                background: rgba(0,0,0,0.85);\n                color: #fff;\n                border-color: rgba(0,0,0,0.1);\n            }\n            \n            .gwm-pro-card-data { display: flex; flex-direction: column; flex: 1; padding: 0 4px; }\n            \n            .gwm-pro-sku {\n                font-size: 11px;\n                font-weight: 700;\n                color: #a1a1a6;\n                margin-bottom: 6px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n            }\n\n            .gwm-pro-card-title {\n                margin: 0 0 16px 0;\n                font-size: 16px;\n                font-weight: 700;\n                line-height: 1.4;\n            }\n            .gwm-pro-card-title a { color: var(--gwm-c-dark) !important; text-decoration: none !important; transition: color 0.3s; outline: none !important; }\n            .gwm-pro-card-title a:hover, .gwm-pro-card-title a:focus { color: #555 !important; }\n            \n            .gwm-pro-card-bottom { display: flex; justify-content: space-between; align-items: flex-end; margin-top: auto; }\n            .gwm-pro-price-box { font-size: 18px; font-weight: 800; color: var(--gwm-c-dark); line-height: 1; }\n            .gwm-pro-price-box del { font-size: 13px; font-weight: 500; color: var(--gwm-c-mut); margin-right: 6px; }\n            .gwm-pro-price-box ins { text-decoration: none; }\n\n            \/* Premium Pill Cart Button *\/\n            .gwm-pro-btn-cart {\n                display: flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n                gap: 6px !important;\n                height: 40px !important;\n                width: 40px !important;\n                border-radius: 20px !important;\n                background: #f5f5f7 !important;\n                color: #1d1d1f !important;\n                text-decoration: none !important;\n                transition: all 0.4s var(--gwm-ease) !important;\n                overflow: hidden !important;\n                outline: none !important;\n            }\n            .gwm-pro-btn-cart svg { width: 18px !important; height: 18px !important; stroke: currentColor !important; fill: none !important; flex-shrink: 0 !important; }\n            .gwm-cart-text {\n                font-size: 13px !important;\n                font-weight: 700 !important;\n                max-width: 0 !important;\n                opacity: 0 !important;\n                white-space: nowrap !important;\n                transition: all 0.4s var(--gwm-ease) !important;\n            }\n            .gwm-pro-card:hover .gwm-pro-btn-cart,\n            .gwm-pro-btn-cart:focus {\n                width: 95px !important;\n                background: #000 !important;\n                color: #fff !important;\n            }\n            .gwm-pro-card:hover .gwm-cart-text,\n            .gwm-pro-btn-cart:focus .gwm-cart-text {\n                max-width: 60px !important;\n                opacity: 1 !important;\n            }\n\n\/* --- Desktop Layout Exceptions --- *\/\n            \/* Grid 4 matching *\/\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-card { padding: 12px; }\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-card-visual { height: 190px; margin-bottom: 15px; border-radius: 12px; }\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-card-title { font-size: 14px; margin-bottom: 12px; }\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-price-box { font-size: 16px; }\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-btn-cart { width: 36px !important; height: 36px !important; border-radius: 18px !important; }\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-btn-cart svg { width: 16px !important; height: 16px !important; }\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-sku { font-size: 10px; margin-bottom: 4px; }\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-badge { font-size: 9px; padding: 4px 8px; }\n            \n            \/* Fix: Force hover expansion for 4-column mode *\/\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-card:hover .gwm-pro-btn-cart,\n            #gwm-shop-root.gwm-grid-4 .gwm-pro-btn-cart:focus {\n                width: 90px !important;\n                background: #000 !important;\n                color: #fff !important;\n            }\n\n            \/* Layout Side + Grid 3 Exception (Prevent Huge Images) *\/\n            @media (min-width: 991px) {\n                #gwm-shop-root.layout-side.gwm-grid-3 .gwm-pro-card, \n                #gwm-shop-root.layout-side.gwm-grid-3 .skel-card { \n                    padding: 14px !important; \n                }\n                #gwm-shop-root.layout-side.gwm-grid-3 .gwm-pro-card-visual { \n                    height: 200px !important; \n                    min-height: 200px !important; \n                    margin-bottom: 16px !important; \n                }\n            }\n\n            \/* =========================================\n               5. SKELETON LOADING UI (BRUTE-FORCED PIXEL MATCH)\n               ========================================= *\/\n            .gwm-skeleton-wrapper { display: block; width: 100%; z-index: 10; }\n            \n            \/* Base skeleton exactly matches base .gwm-pro-card *\/\n            .skel-card { \n                background: #fff; border-radius: 20px; padding: 16px; \n                border: 1px solid rgba(0,0,0,0.03); display: flex; flex-direction: column; \n                height: 100%; min-height: 400px !important; box-sizing: border-box; \n            }\n            .skel-anim { background: linear-gradient(90deg, #f0f0f3 25%, #f8f8fa 50%, #f0f0f3 75%); background-size: 200% 100%; animation: skelLoading 1.5s infinite linear; border-radius: 4px; }\n            \n            \/* Base .gwm-pro-card-data matches .skel-data *\/\n            .skel-data { display: flex; flex-direction: column; flex: 1; padding: 0 4px; }\n            \n            \/* Internal Text Matchers *\/\n            .skel-sku { height: 11px; width: 35%; margin-bottom: 6px; }\n            .skel-title-1 { height: 16px; width: 85%; margin-bottom: 6px; }\n            .skel-title-2 { height: 16px; width: 50%; margin-bottom: 16px; }\n            \n            \/* Base .gwm-pro-card-bottom matches .skel-bottom *\/\n            .skel-bottom { display: flex; justify-content: space-between; align-items: flex-end; margin-top: auto; }\n            .skel-price { height: 20px; width: 40%; }\n            .skel-btn { height: 40px; width: 40px; border-radius: 20px !important; }\n\n            \/* Grid 4 matches exact sizes *\/\n            #gwm-shop-root.gwm-grid-4 .skel-card { padding: 12px; min-height: 320px !important; }\n            #gwm-shop-root.gwm-grid-4 .skel-title-1 { margin-bottom: 4px; }\n            #gwm-shop-root.gwm-grid-4 .skel-title-2 { margin-bottom: 12px; }\n            #gwm-shop-root.gwm-grid-4 .skel-btn { width: 36px; height: 36px; border-radius: 18px !important; }\n\n            \/* Mobile Grid 2 matching *\/\n            #gwm-shop-root.gwm-grid-mob-2 .skel-card { padding: 10px; border-radius: 16px; min-height: 260px !important; }\n            #gwm-shop-root.gwm-grid-mob-2 .skel-sku { height: 9px; margin-bottom: 4px; }\n            #gwm-shop-root.gwm-grid-mob-2 .skel-title-1 { height: 13px; margin-bottom: 4px; }\n            #gwm-shop-root.gwm-grid-mob-2 .skel-title-2 { height: 13px; margin-bottom: 8px; }\n            #gwm-shop-root.gwm-grid-mob-2 .skel-price { height: 18px; }\n            #gwm-shop-root.gwm-grid-mob-2 .skel-btn { width: 32px; height: 32px; border-radius: 16px !important; }\n\n            @keyframes skelLoading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }\n\n            \/* =========================================\n               6. OTHERS & BUTTONS\n               ========================================= *\/\n           .gwm-pro-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 60px; width: 100%; }\n            .gwm-pro-pagination a, .gwm-pro-pagination span { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 14px; font-size: 15px; font-weight: 700; color: var(--gwm-c-text); background: #fff; border: 1px solid var(--gwm-c-gray); text-decoration: none !important; transition: 0.3s; outline: none !important; }\n            .gwm-pro-pagination span.current, .gwm-pro-pagination a:hover, .gwm-pro-pagination a:focus { background: var(--gwm-c-dark) !important; color: #fff !important; border-color: var(--gwm-c-dark) !important; transform: translateY(-2px); }\n\n            .gwm-pro-footer { text-align: center; margin-top: 50px; }\n            .gwm-btn-elegant { display: inline-flex !important; align-items: center !important; gap: 10px !important; background: var(--gwm-c-dark) !important; color: #fff !important; padding: 14px 32px !important; border-radius: 100px !important; font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important; transition: 0.4s !important; border: none !important; outline: none !important; }\n            .gwm-btn-elegant svg { width: 18px !important; height: 18px !important; transition: transform 0.3s !important; stroke: currentColor !important; fill: none !important; display: block !important; }\n            .gwm-btn-elegant:hover, .gwm-btn-elegant:focus { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important; background: var(--gwm-c-text) !important; color: #fff !important; }\n            .gwm-btn-elegant:hover svg, .gwm-btn-elegant:focus svg { transform: translateX(4px) !important; }\n\n            .gwm-pro-empty { text-align: center; padding: 80px 20px; background: var(--gwm-c-bg); border-radius: 24px; color: var(--gwm-c-mut); margin: 20px 0; }\n            .gwm-empty-icon { width: 40px; height: 40px; padding:8px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; }\n            .gwm-pro-empty h3 { font-size: 20px; font-weight: 800; color: var(--gwm-c-dark); margin: 0 0 10px 0; }\n\n            \/* =========================================\n               MOBILE RESPONSIVENESS & 2-COLUMN FEATURE\n               ========================================= *\/\n            .gwm-sidebar-header-mob { display: none; }\n            \n            @media (max-width: 990px) {\n                .gwm-pro-shop-layout { grid-template-columns: 1fr !important; gap: 20px !important; }\n                .hidden-mob { display: none !important; }\n                .hidden-desk { display: flex !important; }\n                \n\/* Mobile Toolbar: Strict Left\/Right Split & No Truncation *\/\n                .gwm-shop-toolbar { \n                    padding: 10px 12px; \n                    flex-wrap: wrap !important;\n                    gap: 10px !important;\n                    width: 100%;\n                    margin-bottom:-30px;\n                }\n                .gwm-tb-left { flex: 0 0 auto; }\n                .gwm-tb-right { flex: 1; justify-content: flex-end; gap: 8px; min-width: 0; } \/* min-width 0 allows flex children to shrink *\/\n                .gwm-results-count { display: none !important; } \/* Hidden strictly *\/\n                \n                .gwm-sort-wrapper { flex: 1; display: flex; justify-content: flex-end; min-width: 0; }\n                .gwm-sort-dropdown { \n                    width: auto;\n                    max-width: 100%;\n                    font-size: 11px;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    overflow: hidden;\n                    flex-shrink: 1;\n                }\n                \n               .gwm-tb-left { gap: 10px; }\n                .gwm-mob-filter-trigger { display: flex; align-items: center; gap: 8px; background: transparent; border: none; font-size: 11px; font-weight: 700; color: var(--gwm-c-dark); cursor: pointer; padding: 0; outline: none !important; }\n                .gwm-mob-filter-trigger svg { width: 18px; height: 18px; stroke: currentColor; fill: none; }\n\n              \/* Smaller mobile toggles (Specificity Fixed) *\/\n                #gwm-shop-root .gwm-tb-controls.hidden-desk { padding: 3px; border-radius: 10px; }\n                #gwm-shop-root .gwm-tb-controls.hidden-desk .gwm-icon-btn { width: 28px !important; height: 28px !important; border-radius: 6px !important; }\n                #gwm-shop-root .gwm-tb-controls.hidden-desk .gwm-icon-btn svg { width: 14px !important; height: 14px !important; }\n                \/* Mobile Grid System *\/\n                #gwm-shop-root.gwm-grid-mob-1 .gwm-pro-grid { grid-template-columns: 1fr !important; }\n                #gwm-shop-root.gwm-grid-mob-2 .gwm-pro-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px; }\n\n                \/* Perfected Mobile 2-Column Compact View *\/\n                .gwm-grid-mob-2 .gwm-pro-card { padding: 10px; border-radius: 16px; }\n                .gwm-grid-mob-2 .gwm-pro-card-visual { height: 140px; border-radius: 12px; margin-bottom: 12px; }\n                .gwm-grid-mob-2 .gwm-pro-card-title { font-size: 13px; margin-bottom: 8px; line-height: 1.3; }\n                .gwm-grid-mob-2 .gwm-pro-price-box { font-size: 14px; }\n                .gwm-grid-mob-2 .gwm-pro-price-box del { font-size: 11px; }\n                .gwm-grid-mob-2 .gwm-pro-btn-cart { width: 32px !important; height: 32px !important; border-radius: 16px !important; }\n                .gwm-grid-mob-2 .gwm-pro-btn-cart svg { width: 14px !important; height: 14px !important; }\n                .gwm-grid-mob-2 .gwm-pro-sku { font-size: 9px; margin-bottom: 4px; }\n                .gwm-grid-mob-2 .gwm-pro-badge { font-size: 8px; padding: 3px 6px; border-radius: 6px; }\n                .gwm-grid-mob-2 .gwm-cart-text { display: none !important; }\n               .gwm-pro-card:hover .gwm-pro-btn-cart, .gwm-pro-btn-cart:focus { width: 40px !important; background: #000 !important; color: #fff !important; }\n                .gwm-grid-mob-2 .gwm-pro-card:hover .gwm-pro-btn-cart, .gwm-grid-mob-2 .gwm-pro-btn-cart:focus { width: 32px !important; }\n\n                \/* Sidebar \/ Modals *\/\n                .gwm-pro-sidebar { position: fixed !important; top: auto !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-height: 85vh; background: #fff !important; border-radius: 30px 30px 0 0 !important; padding: 30px !important; box-shadow: 0 -10px 40px rgba(0,0,0,0.2) !important; transform: translateY(100%) !important; transition: 0.5s cubic-bezier(0.2, 1, 0.3, 1) !important; overflow-y: auto; z-index: 999999 !important; border: none !important; margin: 0 !important; opacity: 1 !important; }\n                .gwm-pro-sidebar.open { transform: translateY(0) !important; }\n                .gwm-sidebar-header-mob { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; border-bottom: 1px solid var(--gwm-c-gray); padding-bottom: 15px; }\n                .gwm-sidebar-header-mob h3 { margin: 0; font-size: 20px; font-weight: 800; }\n                .gwm-close-mob { background: var(--gwm-c-bg) !important; border: none; width: 40px; height: 40px; border-radius: 20px; color: var(--gwm-c-dark); display: flex; align-items: center; justify-content: center; cursor: pointer; outline: none !important; }\n                .gwm-close-mob svg { width: 20px; height: 20px; stroke: currentColor; fill: none; display: block; }\n                .gwm-close-mob:hover, .gwm-close-mob:focus { background: var(--gwm-c-gray) !important; }\n\n                .gwm-pro-shop-layout.layout-top .gwm-filters-inner { display: flex; flex-direction: column; gap: 20px; align-items: stretch; }\n                .gwm-pro-shop-layout.layout-top .gwm-filters-left { flex-direction: column; width: 100%; gap: 20px; align-items: stretch; }\n                .gwm-pro-shop-layout.layout-top .gwm-filters-right { order: -1; max-width: 100%; width: 100%; margin-bottom: 10px; }\n                .gwm-pro-shop-layout.layout-top .gwm-pro-filter-group { width: 100%; }\n                \n                .gwm-pro-shop-layout.layout-top .gwm-fg-title { border: none; padding: 0; height: auto; background: transparent; margin-bottom: 15px; font-size: 16px; }\n                .gwm-pro-shop-layout.layout-top .gwm-fg-title svg { display: none; }\n                .gwm-pro-shop-layout.layout-top .gwm-filter-dropdown { position: relative; top: 0; left: 0; width: 100%; box-shadow: none; padding: 0; opacity: 1; visibility: visible; transform: none; border: none; }\n                \/* Mobile Accessories Popup Fixes (2 columns + compact sizes) *\/\n                .gwm-accessories-tab .gwm-pro-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px; }\n                .gwm-accessories-tab .gwm-pro-card { padding: 10px; border-radius: 16px; }\n                .gwm-accessories-tab .gwm-pro-card-visual { height: 100px; border-radius: 12px; margin-bottom: 12px; }\n                .gwm-accessories-tab .gwm-pro-card-title { font-size: 11px; margin-bottom: 8px; line-height: 1.3; }\n                .gwm-accessories-tab .gwm-pro-price-box { font-size: 12px; }\n                .gwm-accessories-tab .gwm-pro-btn-cart { width: 22px !important; height: 22px !important; border-radius: 16px !important; }\n                .gwm-accessories-tab .gwm-pro-btn-cart svg { width: 14px !important; height: 14px !important; }\n                .gwm-accessories-tab .gwm-pro-sku { font-size: 9px; margin-bottom: 4px; }\n                .gwm-accessories-tab .gwm-pro-badge { display: none; }\n                .gwm-accessories-tab .gwm-cart-text { display: none !important; }\n                \n                \/* Compact Footer Button on Mobile *\/\n                .gwm-btn-elegant { padding: 10px 20px !important; font-size: 13px !important; }\n            }\n        <\/style>\n                <div class=\"gwm-pro-shop-layout layout-top gwm-grid-3 gwm-grid-mob-2\" id=\"gwm-shop-root\">\n            \n            <div class=\"gwm-shop-toolbar\">\n<div class=\"gwm-tb-left\">\n                    <div class=\"gwm-tb-controls hidden-desk\">\n                        <button type=\"button\" class=\"gwm-icon-btn\" data-action=\"gwm-grid-mob-1\" title=\"1 \u10e1\u10d5\u10d4\u10e2\u10d8\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><\/svg>\n                        <\/button>\n                        <button type=\"button\" class=\"gwm-icon-btn active\" data-action=\"gwm-grid-mob-2\" title=\"2 \u10e1\u10d5\u10d4\u10e2\u10d8\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"7\" height=\"16\" rx=\"1\"\/><rect x=\"14\" y=\"4\" width=\"7\" height=\"16\" rx=\"1\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n\n                    <div class=\"gwm-tb-divider hidden-desk\"><\/div>\n\n                    <button type=\"button\" class=\"gwm-mob-filter-trigger\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h8M4 18h16\"\/><\/svg> \n                        \u10e4\u10d8\u10da\u10e2\u10e0\u10d4\u10d1\u10d8\n                    <\/button>\n                    <span class=\"gwm-results-count\" id=\"gwm-dyn-count\">\u10d8\u10e2\u10d5\u10d8\u10e0\u10d7\u10d4\u10d1\u10d0...<\/span>\n                <\/div>\n                \n                <div class=\"gwm-tb-right\">\n\n                    <div class=\"gwm-sort-wrapper\">\n                        <svg class=\"hidden-mob\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12\"\/><\/svg>\n                        <select id=\"gwm-sort-select\" class=\"gwm-sort-dropdown\" aria-label=\"\u10e1\u10dd\u10e0\u10e2\u10d8\u10e0\u10d4\u10d1\u10d0\">\n                            <option value=\"date\"  selected='selected'>\u10d0\u10ee\u10d0\u10da\u10d8 \u10d3\u10d0\u10db\u10d0\u10e2\u10d4\u10d1\u10e3\u10da\u10d8<\/option>\n                            <option value=\"price_asc\" >\u10e4\u10d0\u10e1\u10d8 (\u10d6\u10e0\u10d3\u10d0\u10d3\u10dd\u10d1\u10d8\u10d7)<\/option>\n                            <option value=\"price_desc\" >\u10e4\u10d0\u10e1\u10d8 (\u10d9\u10da\u10d4\u10d1\u10d0\u10d3\u10dd\u10d1\u10d8\u10d7)<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"gwm-tb-divider hidden-mob\"><\/div>\n\n                    <div class=\"gwm-tb-controls hidden-mob\">\n                        <button type=\"button\" class=\"gwm-icon-btn active\" data-action=\"layout-top\" title=\"\u10d6\u10d4\u10d3\u10d0 \u10e4\u10d8\u10da\u10e2\u10e0\u10d4\u10d1\u10d8\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"4\" rx=\"1\"\/><rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"1\"\/><\/svg>\n                        <\/button>\n                        <button type=\"button\" class=\"gwm-icon-btn\" data-action=\"layout-side\" title=\"\u10d2\u10d5\u10d4\u10e0\u10d3\u10d8\u10d7\u10d8 \u10e4\u10d8\u10da\u10e2\u10e0\u10d4\u10d1\u10d8\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"6\" height=\"18\" rx=\"1\"\/><rect x=\"13\" y=\"3\" width=\"8\" height=\"18\" rx=\"1\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n\n                    <div class=\"gwm-tb-divider hidden-mob\"><\/div>\n\n                    <div class=\"gwm-tb-controls hidden-mob gwm-desktop-grid-controls\">\n                        <button type=\"button\" class=\"gwm-icon-btn\" data-action=\"gwm-grid-2\" title=\"2 \u10e1\u10d5\u10d4\u10e2\u10d8\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"7\" height=\"16\" rx=\"1\"\/><rect x=\"14\" y=\"4\" width=\"7\" height=\"16\" rx=\"1\"\/><\/svg>\n                        <\/button>\n                        <button type=\"button\" class=\"gwm-icon-btn active\" data-action=\"gwm-grid-3\" title=\"3 \u10e1\u10d5\u10d4\u10e2\u10d8\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"\/><rect x=\"10\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"\/><rect x=\"17\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"\/><\/svg>\n                        <\/button>\n                        <button type=\"button\" class=\"gwm-icon-btn\" data-action=\"gwm-grid-4\" title=\"4 \u10e1\u10d5\u10d4\u10e2\u10d8\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"3\" height=\"16\" rx=\"0.5\"\/><rect x=\"8\" y=\"4\" width=\"3\" height=\"16\" rx=\"0.5\"\/><rect x=\"14\" y=\"4\" width=\"3\" height=\"16\" rx=\"0.5\"\/><rect x=\"20\" y=\"4\" width=\"3\" height=\"16\" rx=\"0.5\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <aside class=\"gwm-pro-sidebar\" id=\"gwm-pro-sidebar\">\n                <div class=\"gwm-sidebar-header-mob\">\n                    <h3>\u10e4\u10d8\u10da\u10e2\u10e0\u10d4\u10d1\u10d8<\/h3>\n                    <button type=\"button\" class=\"gwm-close-mob\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n                    <\/button>\n                <\/div>\n\n                <form id=\"gwm-shop-form\" action=\"https:\/\/gwm.vasco.ge\/en\/accessories\/\" method=\"GET\" class=\"gwm-filters-inner\">\n                    \n                    <div class=\"gwm-filters-left\">\n                                                    <div class=\"gwm-pro-filter-group\">\n                                <div class=\"gwm-fg-title\">\u10d9\u10d0\u10e2\u10d4\u10d2\u10dd\u10e0\u10d8\u10d0 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n                                <div class=\"gwm-filter-dropdown\">\n                                    <div class=\"gwm-chip-grid\">\n                                                                                <label class=\"gwm-chip\"><input type=\"radio\" name=\"filter_cat\" value=\"\"  checked='checked'><span>\u10e7\u10d5\u10d4\u10da\u10d0<\/span><\/label>\n                                                                                    <label class=\"gwm-chip\"><input type=\"radio\" name=\"filter_cat\" value=\"%e1%83%a1%e1%83%ae%e1%83%95%e1%83%90%e1%83%93%e1%83%90%e1%83%a1%e1%83%ae%e1%83%95%e1%83%90\" ><span>\u10e1\u10ee\u10d5\u10d0\u10d3\u10d0\u10e1\u10ee\u10d5\u10d0<\/span><\/label>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        \n                        <div class=\"gwm-pro-filter-group\">\n                            <div class=\"gwm-fg-title\">\u10db\u10dd\u10d3\u10d4\u10da\u10d8 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n                            <div class=\"gwm-filter-dropdown\">\n                                <div class=\"gwm-cbx-list\">\n                                                                        <label class=\"gwm-pro-cbx-label\"><input type=\"radio\" name=\"filter_model\" value=\"\"  checked='checked'><div class=\"gwm-pro-cbx\"><\/div><span>\u10e7\u10d5\u10d4\u10da\u10d0 \u10db\u10dd\u10d3\u10d4\u10da\u10d8<\/span><\/label>\n                                                                            <label class=\"gwm-pro-cbx-label\"><input type=\"radio\" name=\"filter_model\" value=\"poer\" ><div class=\"gwm-pro-cbx\"><\/div><span>Poer<\/span><\/label>\n                                                                            <label class=\"gwm-pro-cbx-label\"><input type=\"radio\" name=\"filter_model\" value=\"tank-500\" ><div class=\"gwm-pro-cbx\"><\/div><span>Tank 500<\/span><\/label>\n                                                                            <label class=\"gwm-pro-cbx-label\"><input type=\"radio\" name=\"filter_model\" value=\"tank-300\" ><div class=\"gwm-pro-cbx\"><\/div><span>Tank 300<\/span><\/label>\n                                                                            <label class=\"gwm-pro-cbx-label\"><input type=\"radio\" name=\"filter_model\" value=\"haval-jolion\" ><div class=\"gwm-pro-cbx\"><\/div><span>Haval Jolion<\/span><\/label>\n                                                                            <label class=\"gwm-pro-cbx-label\"><input type=\"radio\" name=\"filter_model\" value=\"haval-h6\" ><div class=\"gwm-pro-cbx\"><\/div><span>Haval H6<\/span><\/label>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"gwm-pro-filter-group\">\n                            <div class=\"gwm-fg-title\">\u10e4\u10d0\u10e1\u10d8 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n                            <div class=\"gwm-filter-dropdown gwm-price-ux\">\n                                <div class=\"gwm-price-inputs-row\">\n                                    <input type=\"number\" id=\"gwm-min-price\" name=\"min_price\" placeholder=\"\u10db\u10d8\u10dc. \u20be\" value=\"\">\n                                    <span class=\"gwm-price-sep\">-<\/span>\n                                    <input type=\"number\" id=\"gwm-max-price\" name=\"max_price\" placeholder=\"\u10db\u10d0\u10e5\u10e1. \u20be\" value=\"\">\n                                <\/div>\n                                <div class=\"gwm-price-presets\">\n                                    <button type=\"button\" class=\"gwm-preset-btn\" data-min=\"0\" data-max=\"1000\">0 - 1000 \u20be<\/button>\n                                    <button type=\"button\" class=\"gwm-preset-btn\" data-min=\"1000\" data-max=\"2000\">1000 - 2000 \u20be<\/button>\n                                    <button type=\"button\" class=\"gwm-preset-btn\" data-min=\"2000\" data-max=\"3000\">2000 - 3000 \u20be<\/button>\n                                    <button type=\"button\" class=\"gwm-preset-btn\" data-min=\"3000\" data-max=\"\">3000+ \u20be<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"gwm-filters-right gwm-search-group\">\n                        <div class=\"gwm-search-input-box\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\/><\/svg>\n                            <input type=\"search\" name=\"gwm_search\" placeholder=\"\u10eb\u10d8\u10d4\u10d1\u10d0...\" value=\"\" autocomplete=\"off\">\n                        <\/div>\n                    <\/div>\n\n                <\/form>\n            <\/aside>\n\n            <div class=\"gwm-shop-content-col\">\n                <div id=\"gwm-active-filters-wrap\"><\/div>\n\n                <main class=\"gwm-pro-main-area\" id=\"gwm-shop-results\">\n                    <div id=\"gwm-temp-count\" style=\"display:none;\">\u10db\u10dd\u10d8\u10eb\u10d4\u10d1\u10dc\u10d0 3 \u10d0\u10e5\u10e1\u10d4\u10e1\u10e3\u10d0\u10e0\u10d8<\/div><div class=\"gwm-pro-grid\">        <article class=\"gwm-pro-card\">\n            <a href=\"https:\/\/gwm.vasco.ge\/en\/product\/tank-300-%e1%83%98%e1%83%a1-%e1%83%ac%e1%83%98%e1%83%9c%e1%83%90-%e1%83%93%e1%83%90%e1%83%9b%e1%83%aa%e1%83%90%e1%83%95%e1%83%98-%e1%83%a0%e1%83%99%e1%83%90%e1%83%9a%e1%83%98-%e1%83%a8%e1%83%90\/\" class=\"gwm-pro-card-visual\" aria-label=\"Tank 300-\u10d8\u10e1 \u10ec\u10d8\u10dc\u10d0 \u10d3\u10d0\u10db\u10ea\u10d0\u10d5\u10d8 \u10e0\u10d9\u10d0\u10da\u10d8 &#8211; \u10e8\u10d0\u10d5\u10d8\">\n                <div class=\"gwm-pro-badges\">\n                    <span class=\"gwm-pro-badge\">\u10e1\u10ee\u10d5\u10d0\u10d3\u10d0\u10e1\u10ee\u10d5\u10d0<\/span>\n                                            <span class=\"gwm-pro-badge gwm-model-badge\">Tank 300<\/span>\n                                    <\/div>\n                \n                <div class=\"gwm-pro-img-wrap\">\n                    <img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/gwm.vasco.ge\/wp-content\/uploads\/2026\/03\/0x200-2-300x200.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Tank 300-\u10d8\u10e1 \u10ec\u10d8\u10dc\u10d0 \u10d3\u10d0\u10db\u10ea\u10d0\u10d5\u10d8 \u10e0\u10d9\u10d0\u10da\u10d8 - \u10e8\u10d0\u10d5\u10d8\" \/>                <\/div>\n            <\/a>\n            \n            <div class=\"gwm-pro-card-data\">\n                                    <div class=\"gwm-pro-sku\">SKU: AGP1502100B<\/div>\n                                \n                <h3 class=\"gwm-pro-card-title\">\n                    <a href=\"https:\/\/gwm.vasco.ge\/en\/product\/tank-300-%e1%83%98%e1%83%a1-%e1%83%ac%e1%83%98%e1%83%9c%e1%83%90-%e1%83%93%e1%83%90%e1%83%9b%e1%83%aa%e1%83%90%e1%83%95%e1%83%98-%e1%83%a0%e1%83%99%e1%83%90%e1%83%9a%e1%83%98-%e1%83%a8%e1%83%90\/\">Tank 300-\u10d8\u10e1 \u10ec\u10d8\u10dc\u10d0 \u10d3\u10d0\u10db\u10ea\u10d0\u10d5\u10d8 \u10e0\u10d9\u10d0\u10da\u10d8 &#8211; \u10e8\u10d0\u10d5\u10d8<\/a>\n                <\/h3>\n                \n                <div class=\"gwm-pro-card-bottom\">\n                    <div class=\"gwm-pro-price-box\"><span class=\"woocommerce-Price-amount amount\"><bdi>4 000,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&#x20be;<\/span><\/bdi><\/span><\/div>\n                    <a href=\"https:\/\/gwm.vasco.ge\/en\/product\/tank-300-%e1%83%98%e1%83%a1-%e1%83%ac%e1%83%98%e1%83%9c%e1%83%90-%e1%83%93%e1%83%90%e1%83%9b%e1%83%aa%e1%83%90%e1%83%95%e1%83%98-%e1%83%a0%e1%83%99%e1%83%90%e1%83%9a%e1%83%98-%e1%83%a8%e1%83%90\/\" class=\"gwm-pro-btn-cart\" aria-label=\"\u10dc\u10d0\u10ee\u10d5\u10d0\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <span class=\"gwm-cart-text\">\u10dc\u10d0\u10ee\u10d5\u10d0<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/article>\n                <article class=\"gwm-pro-card\">\n            <a href=\"https:\/\/gwm.vasco.ge\/en\/product\/tank-300-%e1%83%98%e1%83%a1-%e1%83%99%e1%83%90%e1%83%9e%e1%83%9d%e1%83%a2%e1%83%98%e1%83%a1-%e1%83%93%e1%83%90%e1%83%9b%e1%83%aa%e1%83%90%e1%83%95%e1%83%98-matte-black\/\" class=\"gwm-pro-card-visual\" aria-label=\"Tank 300-\u10d8\u10e1 \u10d9\u10d0\u10de\u10dd\u10e2\u10d8\u10e1 \u10d3\u10d0\u10db\u10ea\u10d0\u10d5\u10d8 \u2014 Matte Black\">\n                <div class=\"gwm-pro-badges\">\n                    <span class=\"gwm-pro-badge\">\u10e1\u10ee\u10d5\u10d0\u10d3\u10d0\u10e1\u10ee\u10d5\u10d0<\/span>\n                                            <span class=\"gwm-pro-badge gwm-model-badge\">Tank 300<\/span>\n                                    <\/div>\n                \n                <div class=\"gwm-pro-img-wrap\">\n                    <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/gwm.vasco.ge\/wp-content\/uploads\/2026\/03\/0x200-1.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Tank 300-\u10d8\u10e1 \u10d9\u10d0\u10de\u10dd\u10e2\u10d8\u10e1 \u10d3\u10d0\u10db\u10ea\u10d0\u10d5\u10d8 \u2014 Matte Black\" srcset=\"https:\/\/gwm.vasco.ge\/wp-content\/uploads\/2026\/03\/0x200-1.webp 300w, https:\/\/gwm.vasco.ge\/wp-content\/uploads\/2026\/03\/0x200-1-18x12.webp 18w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                <\/div>\n            <\/a>\n            \n            <div class=\"gwm-pro-card-data\">\n                                    <div class=\"gwm-pro-sku\">SKU: AGP1502110A<\/div>\n                                \n                <h3 class=\"gwm-pro-card-title\">\n                    <a href=\"https:\/\/gwm.vasco.ge\/en\/product\/tank-300-%e1%83%98%e1%83%a1-%e1%83%99%e1%83%90%e1%83%9e%e1%83%9d%e1%83%a2%e1%83%98%e1%83%a1-%e1%83%93%e1%83%90%e1%83%9b%e1%83%aa%e1%83%90%e1%83%95%e1%83%98-matte-black\/\">Tank 300-\u10d8\u10e1 \u10d9\u10d0\u10de\u10dd\u10e2\u10d8\u10e1 \u10d3\u10d0\u10db\u10ea\u10d0\u10d5\u10d8 \u2014 Matte Black<\/a>\n                <\/h3>\n                \n                <div class=\"gwm-pro-card-bottom\">\n                    <div class=\"gwm-pro-price-box\"><span class=\"woocommerce-Price-amount amount\"><bdi>700,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&#x20be;<\/span><\/bdi><\/span><\/div>\n                    <a href=\"https:\/\/gwm.vasco.ge\/en\/product\/tank-300-%e1%83%98%e1%83%a1-%e1%83%99%e1%83%90%e1%83%9e%e1%83%9d%e1%83%a2%e1%83%98%e1%83%a1-%e1%83%93%e1%83%90%e1%83%9b%e1%83%aa%e1%83%90%e1%83%95%e1%83%98-matte-black\/\" class=\"gwm-pro-btn-cart\" aria-label=\"\u10dc\u10d0\u10ee\u10d5\u10d0\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <span class=\"gwm-cart-text\">\u10dc\u10d0\u10ee\u10d5\u10d0<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/article>\n                <article class=\"gwm-pro-card\">\n            <a href=\"https:\/\/gwm.vasco.ge\/en\/product\/%e1%83%a1%e1%83%90%e1%83%ae%e1%83%a3%e1%83%a0%e1%83%90%e1%83%95%e1%83%98%e1%83%a1-%e1%83%a1%e1%83%90%e1%83%91%e1%83%90%e1%83%a0%e1%83%92%e1%83%a3%e1%83%9a%e1%83%98-1400-x-2100\/\" class=\"gwm-pro-card-visual\" aria-label=\"\u10e1\u10d0\u10ee\u10e3\u10e0\u10d0\u10d5\u10d8\u10e1 \u10e1\u10d0\u10d1\u10d0\u10e0\u10d2\u10e3\u10da\u10d8 1400 x 2100\">\n                <div class=\"gwm-pro-badges\">\n                    <span class=\"gwm-pro-badge\">\u10e1\u10ee\u10d5\u10d0\u10d3\u10d0\u10e1\u10ee\u10d5\u10d0<\/span>\n                                            <span class=\"gwm-pro-badge gwm-model-badge\">Tank 300<\/span>\n                                    <\/div>\n                \n                <div class=\"gwm-pro-img-wrap\">\n                    <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/gwm.vasco.ge\/wp-content\/uploads\/2026\/03\/0x200-300x200.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u10e1\u10d0\u10ee\u10e3\u10e0\u10d0\u10d5\u10d8\u10e1 \u10e1\u10d0\u10d1\u10d0\u10e0\u10d2\u10e3\u10da\u10d8 1400 x 2100\" \/>                <\/div>\n            <\/a>\n            \n            <div class=\"gwm-pro-card-data\">\n                                    <div class=\"gwm-pro-sku\">SKU: AGP0003200A<\/div>\n                                \n                <h3 class=\"gwm-pro-card-title\">\n                    <a href=\"https:\/\/gwm.vasco.ge\/en\/product\/%e1%83%a1%e1%83%90%e1%83%ae%e1%83%a3%e1%83%a0%e1%83%90%e1%83%95%e1%83%98%e1%83%a1-%e1%83%a1%e1%83%90%e1%83%91%e1%83%90%e1%83%a0%e1%83%92%e1%83%a3%e1%83%9a%e1%83%98-1400-x-2100\/\">\u10e1\u10d0\u10ee\u10e3\u10e0\u10d0\u10d5\u10d8\u10e1 \u10e1\u10d0\u10d1\u10d0\u10e0\u10d2\u10e3\u10da\u10d8 1400 x 2100<\/a>\n                <\/h3>\n                \n                <div class=\"gwm-pro-card-bottom\">\n                    <div class=\"gwm-pro-price-box\"><span class=\"woocommerce-Price-amount amount\"><bdi>3 500,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&#x20be;<\/span><\/bdi><\/span><\/div>\n                    <a href=\"https:\/\/gwm.vasco.ge\/en\/product\/%e1%83%a1%e1%83%90%e1%83%ae%e1%83%a3%e1%83%a0%e1%83%90%e1%83%95%e1%83%98%e1%83%a1-%e1%83%a1%e1%83%90%e1%83%91%e1%83%90%e1%83%a0%e1%83%92%e1%83%a3%e1%83%9a%e1%83%98-1400-x-2100\/\" class=\"gwm-pro-btn-cart\" aria-label=\"\u10dc\u10d0\u10ee\u10d5\u10d0\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <span class=\"gwm-cart-text\">\u10dc\u10d0\u10ee\u10d5\u10d0<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/article>\n        <\/div><nav class=\"gwm-pro-pagination\" aria-label=\"\u10dc\u10d0\u10d5\u10d8\u10d2\u10d0\u10ea\u10d8\u10d0\"><\/nav>                <\/main>\n            <\/div>\n            \n        <\/div>\n\n                <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const root = document.getElementById('gwm-shop-root');\n            const form = document.getElementById('gwm-shop-form');\n            const results = document.getElementById('gwm-shop-results');\n            const sortSelect = document.getElementById('gwm-sort-select');\n            \n            if(!form || !results || !root) return;\n\n            \/\/ Layout states loaded securely\n            const savedLayout = localStorage.getItem('gwm_layout') || 'layout-top';\n            let savedGrid = localStorage.getItem('gwm_grid') || 'gwm-grid-3';\n            const savedGridMob = localStorage.getItem('gwm_grid_mob') || 'gwm-grid-mob-2';\n            \n            \/\/ Grid conditional logic for initial render\n            if (savedLayout === 'layout-side' && savedGrid === 'gwm-grid-4') {\n                savedGrid = 'gwm-grid-3';\n            } else if (savedLayout === 'layout-top' && savedGrid === 'gwm-grid-2') {\n                savedGrid = 'gwm-grid-3';\n            }\n\n            root.classList.remove('layout-top', 'layout-side', 'gwm-grid-2', 'gwm-grid-3', 'gwm-grid-4', 'gwm-grid-mob-1', 'gwm-grid-mob-2');\n            root.classList.add(savedLayout, savedGrid, savedGridMob);\n\n            document.querySelectorAll('[data-action]').forEach(btn => {\n                const act = btn.dataset.action;\n                if(act === savedLayout || act === savedGrid || act === savedGridMob) btn.classList.add('active');\n                else if (act.startsWith('layout') || act.startsWith('gwm-grid')) btn.classList.remove('active');\n            });\n\n            \/\/ --- Active Filters Tag System ---\n            function updateActiveFiltersUI() {\n                const wrap = document.getElementById('gwm-active-filters-wrap');\n                if(!wrap) return;\n                \n                const activeFilters =[];\n                \n                const searchInput = form.querySelector('input[name=\"gwm_search\"]');\n                if(searchInput && searchInput.value.trim()) activeFilters.push({ id: 'gwm_search', label: '\u10eb\u10d8\u10d4\u10d1\u10d0: ' + searchInput.value.trim() });\n                \n                const cat = form.querySelector('input[name=\"filter_cat\"]:checked');\n                if(cat && cat.value) activeFilters.push({ id: 'filter_cat', label: cat.nextElementSibling.textContent });\n                \n                const model = form.querySelector('input[name=\"filter_model\"]:checked');\n                if(model && model.value) activeFilters.push({ id: 'filter_model', label: model.parentElement.querySelector('span').textContent });\n                \n                const min = form.querySelector('input[name=\"min_price\"]').value;\n                const max = form.querySelector('input[name=\"max_price\"]').value;\n                if(min || max) {\n                    let p = '\u10e4\u10d0\u10e1\u10d8: ';\n                    if(min && max) p += `${min}\u20be - ${max}\u20be`;\n                    else if(min) p += `\u10db\u10d8\u10dc ${min}\u20be`;\n                    else if(max) p += `\u10db\u10d0\u10e5\u10e1 ${max}\u20be`;\n                    activeFilters.push({ id: 'price', label: p });\n                }\n                \n                if(activeFilters.length === 0) {\n                    wrap.innerHTML = '';\n                    return;\n                }\n                \n                let html = '<div class=\"gwm-active-filters-container\">';\n                activeFilters.forEach(f => {\n                    html += `<div class=\"gwm-active-chip\">\n                        ${f.label}\n                        <button type=\"button\" class=\"gwm-active-chip-remove\" data-id=\"${f.id}\" aria-label=\"\u10d0\u10db\u10dd\u10e8\u10da\u10d0\">\n                            <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"\/><\/svg>\n                        <\/button>\n                    <\/div>`;\n                });\n                html += `<button type=\"button\" class=\"gwm-clear-all-btn\">\u10e4\u10d8\u10da\u10e2\u10e0\u10d4\u10d1\u10d8\u10e1 \u10d2\u10d0\u10e1\u10e3\u10e4\u10d7\u10d0\u10d5\u10d4\u10d1\u10d0<\/button>`;\n                html += '<\/div>';\n                \n                wrap.innerHTML = html;\n            }\n\n            document.addEventListener('click', (e) => {\n                const removeBtn = e.target.closest('.gwm-active-chip-remove');\n                if(removeBtn) {\n                    const id = removeBtn.dataset.id;\n                    if(id === 'gwm_search') form.querySelector('input[name=\"gwm_search\"]').value = '';\n                    if(id === 'filter_cat') {\n                        const d = form.querySelector('input[name=\"filter_cat\"][value=\"\"]');\n                        if(d) d.checked = true;\n                    }\n                    if(id === 'filter_model') {\n                        const d = form.querySelector('input[name=\"filter_model\"][value=\"\"]');\n                        if(d) d.checked = true;\n                    }\n                    if(id === 'price') {\n                        form.querySelector('input[name=\"min_price\"]').value = '';\n                        form.querySelector('input[name=\"max_price\"]').value = '';\n                    }\n                    triggerFetch();\n                }\n                \n                if(e.target.closest('.gwm-clear-all-btn')) {\n                    const searchInput = form.querySelector('input[name=\"gwm_search\"]');\n                    if(searchInput) searchInput.value = '';\n                    \n                    const dCat = form.querySelector('input[name=\"filter_cat\"][value=\"\"]');\n                    if(dCat) dCat.checked = true;\n                    \n                    const dMod = form.querySelector('input[name=\"filter_model\"][value=\"\"]');\n                    if(dMod) dMod.checked = true;\n                    \n                    form.querySelector('input[name=\"min_price\"]').value = '';\n                    form.querySelector('input[name=\"max_price\"]').value = '';\n                    triggerFetch();\n                }\n            });\n\n            const filterGroups = document.querySelectorAll('.gwm-pro-filter-group');\n            function closeAllDropdowns() { filterGroups.forEach(g => g.classList.remove('active')); }\n\n            filterGroups.forEach(group => {\n                const title = group.querySelector('.gwm-fg-title');\n                const dropdown = group.querySelector('.gwm-filter-dropdown');\n                if(!title || !dropdown) return;\n                \n                title.addEventListener('click', (e) => {\n                    if (window.innerWidth > 990 && root.classList.contains('layout-top')) {\n                        e.stopPropagation();\n                        const isActive = group.classList.contains('active');\n                        closeAllDropdowns();\n                        if(!isActive) group.classList.add('active');\n                    }\n                });\n                dropdown.addEventListener('click', e => e.stopPropagation());\n            });\n            document.addEventListener('click', closeAllDropdowns);\n\n            document.querySelectorAll('.gwm-preset-btn').forEach(btn => {\n                btn.addEventListener('click', () => {\n                    document.getElementById('gwm-min-price').value = btn.dataset.min;\n                    document.getElementById('gwm-max-price').value = btn.dataset.max;\n                    triggerFetch();\n                });\n            });\n\n            form.addEventListener('keydown', (e) => {\n                if(e.key === 'Enter') { e.preventDefault(); triggerFetch(); }\n            });\n\n            const skeletonCard = `\n                <div class=\"skel-card\">\n                    <div class=\"gwm-pro-card-visual skel-anim\" style=\"display: block; border: none; border-radius:15px;\"><\/div>\n                    <div class=\"skel-data\">\n                        <div class=\"skel-anim skel-sku\"><\/div>\n                        <div class=\"skel-anim skel-title-1\"><\/div>\n                        <div class=\"skel-anim skel-title-2\"><\/div>\n                        <div class=\"skel-bottom\">\n                            <div class=\"skel-anim skel-price\"><\/div>\n                            <div class=\"skel-anim skel-btn\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>`;\n                \n            const injectSkeleton = () => {\n                const currentCards = results.querySelectorAll('.gwm-pro-card').length;\n                let defaultCount = 6;\n                if (window.innerWidth < 990 && root.classList.contains('gwm-grid-mob-2')) defaultCount = 4;\n                else if (window.innerWidth > 990 && root.classList.contains('gwm-grid-4')) defaultCount = 8;\n                \n                const count = currentCards > 0 ? currentCards : defaultCount;\n                results.innerHTML = `<div class=\"gwm-skeleton-wrapper\"><div class=\"gwm-pro-grid\">${skeletonCard.repeat(count)}<\/div><\/div>`;\n            };\n\n            let debounceTimer;\n            const triggerFetch = () => {\n                updateActiveFiltersUI();\n                clearTimeout(debounceTimer);\n                debounceTimer = setTimeout(() => fetchResults(), 400);\n            };\n\n            form.addEventListener('input', (e) => {\n                if(e.target.closest('.gwm-icon-btn')) return; \n                triggerFetch();\n            });\n\n            if(sortSelect) sortSelect.addEventListener('change', triggerFetch);\n\n            results.addEventListener('click', (e) => {\n                const pageLink = e.target.closest('a.page-numbers');\n                if(pageLink) {\n                    e.preventDefault();\n                    fetchResults(pageLink.href);\n                    window.scrollTo({ top: results.offsetTop - 100, behavior: 'smooth' });\n                }\n            });\n\n            async function fetchResults(url = null) {\n                injectSkeleton();\n                \n                const fd = new FormData(form);\n                const p = new URLSearchParams();\n                \n                for (const[k, v] of fd.entries()) {\n                    if (v.trim() !== '') p.append(k, v);\n                }\n                if (sortSelect) p.append('gwm_sort', sortSelect.value);\n                \n                if (url) {\n                    const u = new URL(url);\n                    if(u.searchParams.get('paged')) p.append('paged', u.searchParams.get('paged'));\n                }\n\n                const qs = p.toString();\n                const endpoint = 'https:\/\/gwm.vasco.ge\/wp-admin\/admin-ajax.php?action=gwm_filter_shop&' + qs;\n                \n                try {\n                    const res = await fetch(endpoint);\n                    if(!res.ok) throw new Error('Error');\n                    results.innerHTML = await res.text();\n                    \n                    const tempCount = document.getElementById('gwm-temp-count');\n                    const dynCount = document.getElementById('gwm-dyn-count');\n                    if(tempCount && dynCount) dynCount.textContent = tempCount.textContent;\n\n                    const newUrl = window.location.pathname + (qs ? '?' + qs : '');\n                    window.history.pushState({path: newUrl}, '', newUrl);\n                } catch (e) { console.error(e); } \n            }\n\n            \/\/ Grid & Layout Memory System\n            document.querySelectorAll('.gwm-icon-btn').forEach(btn => {\n                btn.addEventListener('click', () => {\n                    const action = btn.dataset.action;\n                    \n                    if (action.startsWith('layout')) {\n                        document.querySelectorAll('[data-action^=\"layout\"]').forEach(b => b.classList.remove('active'));\n                        btn.classList.add('active');\n                        closeAllDropdowns();\n                        \n                        root.classList.add('gwm-no-transition');\n                        root.classList.remove('layout-top', 'layout-side');\n                        root.classList.add(action);\n                        localStorage.setItem('gwm_layout', action);\n                        \n                        \/\/ Handle auto-switching grids if incompatible\n                        if (action === 'layout-side' && root.classList.contains('gwm-grid-4')) {\n                            const g3Btn = document.querySelector('[data-action=\"gwm-grid-3\"]');\n                            if (g3Btn) g3Btn.click();\n                        } else if (action === 'layout-top' && root.classList.contains('gwm-grid-2')) {\n                            const g3Btn = document.querySelector('[data-action=\"gwm-grid-3\"]');\n                            if (g3Btn) g3Btn.click();\n                        }\n                        \n                        setTimeout(() => { root.classList.remove('gwm-no-transition'); }, 50);\n                    }\n                    else if (action.startsWith('gwm-grid-mob')) {\n                        document.querySelectorAll('[data-action^=\"gwm-grid-mob\"]').forEach(b => b.classList.remove('active'));\n                        btn.classList.add('active');\n                        root.classList.remove('gwm-grid-mob-1', 'gwm-grid-mob-2');\n                        root.classList.add(action);\n                        localStorage.setItem('gwm_grid_mob', action);\n                    }\n                    else if (action.startsWith('gwm-grid')) {\n                        document.querySelectorAll('[data-action^=\"gwm-grid-\"]:not([data-action*=\"mob\"])').forEach(b => b.classList.remove('active'));\n                        btn.classList.add('active');\n                        root.classList.remove('gwm-grid-2', 'gwm-grid-3', 'gwm-grid-4');\n                        root.classList.add(action);\n                        localStorage.setItem('gwm_grid', action);\n                    }\n                });\n            });\n\n            const mobTrigger = document.querySelector('.gwm-mob-filter-trigger');\n            const closeMob = document.querySelector('.gwm-close-mob');\n            const sidebar = document.getElementById('gwm-pro-sidebar');\n            if(mobTrigger && sidebar) mobTrigger.addEventListener('click', () => sidebar.classList.add('open'));\n            if(closeMob && sidebar) closeMob.addEventListener('click', () => sidebar.classList.remove('open'));\n\n            updateActiveFiltersUI();\n            const initTemp = document.getElementById('gwm-temp-count');\n            if(!initTemp) triggerFetch();\n            else {\n                const dynCount = document.getElementById('gwm-dyn-count');\n                if(dynCount) dynCount.textContent = initTemp.textContent;\n            }\n        });\n        <\/script>\n                <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1164","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/pages\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/comments?post=1164"}],"version-history":[{"count":0,"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/pages\/1164\/revisions"}],"wp:attachment":[{"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/media?parent=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}