{"id":3289,"date":"2025-03-09T15:08:08","date_gmt":"2025-03-09T15:08:08","guid":{"rendered":"https:\/\/browserbros.gr\/b2b\/?page_id=3289"},"modified":"2026-01-06T09:38:53","modified_gmt":"2026-01-06T09:38:53","slug":"full-page-slider-cloned-3213","status":"publish","type":"page","link":"https:\/\/wipesnmore.gr\/","title":{"rendered":"Full Page Slider – [Cloned #3213]"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n WipesNMore - \u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --gold: #D4A551;\n --gold-dark: #B8913F;\n --navy: #0A0E27;\n --white: #FFFFFF;\n --gray-50: #FAFBFC;\n --gray-100: #F4F6F8;\n --gray-200: #E8EBED;\n --text: #1F2937;\n --text-light: #6B7280;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n color: var(--text);\n background: var(--white);\n }\n\n \/* Header *\/\n .header {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(255,255,255,0.95);\n backdrop-filter: blur(20px);\n z-index: 1000;\n border-bottom: 1px solid var(--gray-200);\n }\n\n .nav-container {\n max-width: 1600px;\n margin: 0 auto;\n padding: 1.2rem 3rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-size: 1.6rem;\n font-weight: 800;\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .btn-login {\n padding: 0.75rem 2rem;\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n color: white;\n border: none;\n border-radius: 12px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .btn-login:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(212,165,81,0.35);\n }\n\n \/* Hero *\/\n .hero {\n margin-top: 85px;\n padding: 3rem 3rem 2rem;\n background: linear-gradient(180deg, var(--gray-50) 0%, var(--white) 100%);\n }\n\n .hero-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .hero h1 {\n font-size: 3rem;\n font-weight: 900;\n color: var(--navy);\n margin-bottom: 0.8rem;\n letter-spacing: -1px;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n color: var(--text-light);\n margin-bottom: 2.5rem;\n }\n\n \/* PRODUCTION READY SEARCH *\/\n .search-wrapper {\n position: relative;\n margin-bottom: 2rem;\n }\n\n .search-box {\n position: relative;\n }\n\n .search-input {\n width: 100%;\n padding: 1.3rem 8rem 1.3rem 3.5rem;\n border: 2px solid var(--gray-200);\n border-radius: 16px;\n font-size: 1.05rem;\n outline: none;\n background: white;\n transition: all 0.3s;\n }\n\n .search-input:focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 4px rgba(212,165,81,0.08);\n }\n\n .search-icon {\n position: absolute;\n left: 1.2rem;\n top: 50%;\n transform: translateY(-50%);\n font-size: 1.2rem;\n color: var(--text-light);\n }\n\n .search-btn {\n position: absolute;\n right: 0.5rem;\n top: 50%;\n transform: translateY(-50%);\n padding: 0.8rem 2rem;\n background: var(--gold);\n color: white;\n border: none;\n border-radius: 12px;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .search-btn:hover {\n background: var(--gold-dark);\n }\n\n \/* Live Search Results *\/\n .search-results {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background: white;\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.15);\n margin-top: 0.5rem;\n max-height: 400px;\n overflow-y: auto;\n display: none;\n z-index: 100;\n }\n\n .search-results.show {\n display: block;\n }\n\n .search-result-item {\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--gray-200);\n cursor: pointer;\n transition: background 0.2s;\n }\n\n .search-result-item:hover {\n background: var(--gray-50);\n }\n\n .search-result-item:last-child {\n border-bottom: none;\n }\n\n .result-title {\n font-weight: 700;\n color: var(--navy);\n margin-bottom: 0.3rem;\n }\n\n .result-category {\n font-size: 0.85rem;\n color: var(--gold);\n font-weight: 600;\n }\n\n \/* PRODUCTION READY FILTERS *\/\n .filters-container {\n background: white;\n border-radius: 20px;\n padding: 2rem;\n box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n border: 1px solid var(--gray-200);\n }\n\n \/* Smart Tab System *\/\n .filter-tabs {\n display: flex;\n gap: 0.5rem;\n margin-bottom: 2rem;\n background: var(--gray-100);\n padding: 0.4rem;\n border-radius: 14px;\n overflow-x: auto;\n }\n\n .filter-tab {\n padding: 0.8rem 2rem;\n background: transparent;\n border: none;\n border-radius: 10px;\n font-weight: 700;\n font-size: 0.95rem;\n color: var(--text-light);\n cursor: pointer;\n transition: all 0.3s;\n white-space: nowrap;\n }\n\n .filter-tab.active {\n background: white;\n color: var(--navy);\n box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n }\n\n \/* Filter Panels *\/\n .filter-panel {\n display: none;\n }\n\n .filter-panel.active {\n display: block;\n animation: fadeIn 0.3s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Tag Selection System *\/\n .filter-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 0.8rem;\n }\n\n .filter-option {\n position: relative;\n }\n\n .filter-checkbox {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n }\n\n .filter-label {\n display: block;\n padding: 1rem 1.2rem;\n background: var(--gray-50);\n border: 2px solid var(--gray-200);\n border-radius: 12px;\n font-weight: 600;\n color: var(--text);\n cursor: pointer;\n transition: all 0.3s;\n text-align: center;\n user-select: none;\n }\n\n .filter-checkbox:checked + .filter-label {\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n border-color: var(--gold-dark);\n color: white;\n transform: scale(1.02);\n box-shadow: 0 4px 15px rgba(212,165,81,0.3);\n }\n\n .filter-label:hover {\n border-color: var(--gold);\n transform: translateY(-2px);\n }\n\n \/* Active Filters Display *\/\n .active-filters-bar {\n margin-top: 1.5rem;\n padding: 1.2rem;\n background: var(--gray-50);\n border-radius: 12px;\n display: none;\n gap: 0.8rem;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .active-filters-bar.show {\n display: flex;\n }\n\n .active-label {\n font-weight: 700;\n font-size: 0.9rem;\n color: var(--text);\n }\n\n .active-tag {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.5rem 1rem;\n background: white;\n border: 1px solid var(--gray-200);\n border-radius: 8px;\n font-size: 0.85rem;\n font-weight: 600;\n }\n\n .active-tag .remove-tag {\n cursor: pointer;\n font-size: 1.1rem;\n color: var(--text-light);\n line-height: 1;\n transition: color 0.2s;\n }\n\n .active-tag .remove-tag:hover {\n color: var(--gold);\n }\n\n .clear-filters-btn {\n margin-left: auto;\n padding: 0.5rem 1rem;\n background: transparent;\n border: none;\n color: var(--gold);\n font-weight: 700;\n cursor: pointer;\n border-radius: 8px;\n transition: background 0.2s;\n }\n\n .clear-filters-btn:hover {\n background: rgba(212,165,81,0.1);\n }\n\n \/* Apply Button *\/\n .apply-btn {\n width: 100%;\n padding: 1.2rem;\n margin-top: 2rem;\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n color: white;\n border: none;\n border-radius: 14px;\n font-weight: 700;\n font-size: 1.05rem;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .apply-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(212,165,81,0.4);\n }\n\n \/* Results Count *\/\n .results-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 2rem 0 1.5rem;\n padding: 1.2rem;\n background: var(--gray-50);\n border-radius: 12px;\n }\n\n .results-count {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--text);\n }\n\n .results-count .count {\n color: var(--gold);\n }\n\n .sort-select {\n padding: 0.7rem 1.2rem;\n border: 1px solid var(--gray-200);\n border-radius: 10px;\n background: white;\n font-weight: 600;\n cursor: pointer;\n outline: none;\n }\n\n \/* Products Grid *\/\n .products-section {\n padding: 0 3rem 5rem;\n }\n\n .products-container {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n\n .product-card {\n background: white;\n border: 1px solid var(--gray-200);\n border-radius: 16px;\n overflow: hidden;\n transition: all 0.3s;\n cursor: pointer;\n }\n\n .product-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n }\n\n .product-image {\n height: 220px;\n background: linear-gradient(135deg, var(--gray-100) 0%, var(--gray-200) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 4rem;\n opacity: 0.3;\n }\n\n .product-content {\n padding: 1.5rem;\n }\n\n .product-category {\n font-size: 0.75rem;\n color: var(--gold);\n font-weight: 800;\n text-transform: uppercase;\n margin-bottom: 0.6rem;\n }\n\n .product-title {\n font-size: 1.2rem;\n font-weight: 800;\n color: var(--navy);\n margin-bottom: 0.8rem;\n }\n\n .product-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 1rem;\n border-top: 1px solid var(--gray-200);\n }\n\n .product-count {\n font-size: 0.85rem;\n color: var(--text-light);\n font-weight: 600;\n }\n\n .product-link {\n color: var(--gold);\n font-weight: 700;\n text-decoration: none;\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px) {\n .products-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .filter-grid {\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n }\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n .products-grid {\n grid-template-columns: 1fr;\n }\n .filter-grid {\n grid-template-columns: 1fr;\n }\n .search-input {\n padding: 1.2rem 1rem;\n }\n .search-btn {\n position: relative;\n width: 100%;\n margin-top: 0.5rem;\n }\n .nav-container {\n padding: 1rem 1.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Header -->\n <header class=\"header\">\n <nav class=\"nav-container\">\n <div class=\"logo\">WipesNMore<\/div>\n <button class=\"btn-login\" onclick=\"window.location.href='\/my-account'\">\u0395\u03af\u03c3\u03bf\u03b4\u03bf\u03c2 \/ \u0395\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae<\/button>\n <\/nav>\n <\/header>\n\n <!-- Hero -->\n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1>\u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd<\/h1>\n <p class=\"hero-subtitle\">\u03a6\u03b9\u03bb\u03c4\u03c1\u03ac\u03c1\u03b5\u03c4\u03b5 \u03bc\u03b5 \u03b2\u03ac\u03c3\u03b7 \u03c4\u03bf\u03bd \u03ba\u03bb\u03ac\u03b4\u03bf \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03c7\u03c1\u03ae\u03c3\u03b7 \u03c3\u03b1\u03c2<\/p>\n\n <!-- PRODUCTION READY SEARCH -->\n <div class=\"search-wrapper\">\n <div class=\"search-box\">\n <span class=\"search-icon\">\ud83d\udd0d<\/span>\n <input \n type=\"text\" \n class=\"search-input\" \n placeholder=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03c9\u03bd... (\u03c0.\u03c7. \u03ba\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03b1\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5)\" \n id=\"productSearch\"\n autocomplete=\"off\"\n >\n <button class=\"search-btn\" onclick=\"performSearch()\">\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7<\/button>\n <\/div>\n \n <!-- Live Search Results -->\n <div class=\"search-results\" id=\"searchResults\"><\/div>\n <\/div>\n\n <!-- PRODUCTION READY FILTERS -->\n <div class=\"filters-container\">\n <!-- Tab Navigation -->\n <div class=\"filter-tabs\">\n <button class=\"filter-tab active\" onclick=\"switchTab('industry')\">\u039a\u03bb\u03ac\u03b4\u03bf\u03c2 \u0395\u03c0\u03b9\u03c7\u03b5\u03af\u03c1\u03b7\u03c3\u03b7\u03c2<\/button>\n <button class=\"filter-tab\" onclick=\"switchTab('usage')\">\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1<\/button>\n <button class=\"filter-tab\" onclick=\"switchTab('vehicle')\">\u03a4\u03cd\u03c0\u03bf\u03c2 \u039f\u03c7\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/button>\n <\/div>\n\n <!-- INDUSTRY FILTER -->\n <div class=\"filter-panel active\" id=\"panel-industry\">\n <div class=\"filter-grid\">\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"ind-hotel\" class=\"filter-checkbox\" value=\"hotel\" data-label=\"\u039e\u03b5\u03bd\u03bf\u03b4\u03bf\u03c7\u03b5\u03af\u03b1\" data-category=\"pa_industry\">\n <label for=\"ind-hotel\" class=\"filter-label\">\u039e\u03b5\u03bd\u03bf\u03b4\u03bf\u03c7\u03b5\u03af\u03b1<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"ind-restaurant\" class=\"filter-checkbox\" value=\"restaurant\" data-label=\"\u0395\u03c3\u03c4\u03b9\u03b1\u03c4\u03cc\u03c1\u03b9\u03b1\" data-category=\"pa_industry\">\n <label for=\"ind-restaurant\" class=\"filter-label\">\u0395\u03c3\u03c4\u03b9\u03b1\u03c4\u03cc\u03c1\u03b9\u03b1 & Cafe<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"ind-carwash\" class=\"filter-checkbox\" value=\"carwash\" data-label=\"\u03a0\u03bb\u03c5\u03bd\u03c4\u03ae\u03c1\u03b9\u03b1\" data-category=\"pa_industry\">\n <label for=\"ind-carwash\" class=\"filter-label\">\u03a0\u03bb\u03c5\u03bd\u03c4\u03ae\u03c1\u03b9\u03b1 \u0391\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03c9\u03bd<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"ind-garage\" class=\"filter-checkbox\" value=\"garage\" data-label=\"\u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b5\u03af\u03b1\" data-category=\"pa_industry\">\n <label for=\"ind-garage\" class=\"filter-label\">\u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b5\u03af\u03b1<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"ind-medical\" class=\"filter-checkbox\" value=\"medical\" data-label=\"\u0399\u03b1\u03c4\u03c1\u03b9\u03ba\u03bf\u03af \u03a7\u03ce\u03c1\u03bf\u03b9\" data-category=\"pa_industry\">\n <label for=\"ind-medical\" class=\"filter-label\">\u0399\u03b1\u03c4\u03c1\u03b9\u03ba\u03bf\u03af \u03a7\u03ce\u03c1\u03bf\u03b9<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"ind-office\" class=\"filter-checkbox\" value=\"office\" data-label=\"\u0393\u03c1\u03b1\u03c6\u03b5\u03af\u03b1\" data-category=\"pa_industry\">\n <label for=\"ind-office\" class=\"filter-label\">\u0393\u03c1\u03b1\u03c6\u03b5\u03af\u03b1<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"ind-retail\" class=\"filter-checkbox\" value=\"retail\" data-label=\"\u039b\u03b9\u03b1\u03bd\u03b9\u03ba\u03cc\" data-category=\"pa_industry\">\n <label for=\"ind-retail\" class=\"filter-label\">\u039b\u03b9\u03b1\u03bd\u03b9\u03ba\u03cc \u0395\u03bc\u03c0\u03cc\u03c1\u03b9\u03bf<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"ind-industrial\" class=\"filter-checkbox\" value=\"industrial\" data-label=\"\u0392\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03af\u03b1\" data-category=\"pa_industry\">\n <label for=\"ind-industrial\" class=\"filter-label\">\u0392\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03af\u03b1<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- USAGE FILTER -->\n <div class=\"filter-panel\" id=\"panel-usage\">\n <div class=\"filter-grid\">\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"use-exterior\" class=\"filter-checkbox\" value=\"exterior\" data-label=\"\u0395\u03be\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03cc\u03c2 \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2\" data-category=\"pa_usage\">\n <label for=\"use-exterior\" class=\"filter-label\">\u0395\u03be\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03cc\u03c2 \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"use-interior\" class=\"filter-checkbox\" value=\"interior\" data-label=\"\u0395\u03c3\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03cc\u03c2 \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2\" data-category=\"pa_usage\">\n <label for=\"use-interior\" class=\"filter-label\">\u0395\u03c3\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03cc\u03c2 \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"use-disinfection\" class=\"filter-checkbox\" value=\"disinfection\" data-label=\"\u0391\u03c0\u03bf\u03bb\u03cd\u03bc\u03b1\u03bd\u03c3\u03b7\" data-category=\"pa_usage\">\n <label for=\"use-disinfection\" class=\"filter-label\">\u0391\u03c0\u03bf\u03bb\u03cd\u03bc\u03b1\u03bd\u03c3\u03b7<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"use-protection\" class=\"filter-checkbox\" value=\"protection\" data-label=\"\u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1\" data-category=\"pa_usage\">\n <label for=\"use-protection\" class=\"filter-label\">\u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 & \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"use-degreasing\" class=\"filter-checkbox\" value=\"degreasing\" data-label=\"\u0391\u03c0\u03bf\u03bb\u03af\u03c0\u03b1\u03bd\u03c3\u03b7\" data-category=\"pa_usage\">\n <label for=\"use-degreasing\" class=\"filter-label\">\u0391\u03c0\u03bf\u03bb\u03af\u03c0\u03b1\u03bd\u03c3\u03b7<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"use-polishing\" class=\"filter-checkbox\" value=\"polishing\" data-label=\"\u0393\u03c5\u03ac\u03bb\u03b9\u03c3\u03bc\u03b1\" data-category=\"pa_usage\">\n <label for=\"use-polishing\" class=\"filter-label\">\u0393\u03c5\u03ac\u03bb\u03b9\u03c3\u03bc\u03b1<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"use-deodorizing\" class=\"filter-checkbox\" value=\"deodorizing\" data-label=\"\u0391\u03c1\u03c9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2\" data-category=\"pa_usage\">\n <label for=\"use-deodorizing\" class=\"filter-label\">\u0391\u03c1\u03c9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"use-descaling\" class=\"filter-checkbox\" value=\"descaling\" data-label=\"\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\" data-category=\"pa_usage\">\n <label for=\"use-descaling\" class=\"filter-label\">\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- VEHICLE TYPE FILTER -->\n <div class=\"filter-panel\" id=\"panel-vehicle\">\n <div class=\"filter-grid\">\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"veh-car\" class=\"filter-checkbox\" value=\"car\" data-label=\"\u0391\u03c5\u03c4\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03bf\" data-category=\"pa_vehicle\">\n <label for=\"veh-car\" class=\"filter-label\">\u0391\u03c5\u03c4\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03bf<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"veh-motorcycle\" class=\"filter-checkbox\" value=\"motorcycle\" data-label=\"\u039c\u03bf\u03c4\u03bf\u03c3\u03c5\u03ba\u03bb\u03ad\u03c4\u03b1\" data-category=\"pa_vehicle\">\n <label for=\"veh-motorcycle\" class=\"filter-label\">\u039c\u03bf\u03c4\u03bf\u03c3\u03c5\u03ba\u03bb\u03ad\u03c4\u03b1<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"veh-truck\" class=\"filter-checkbox\" value=\"truck\" data-label=\"\u03a6\u03bf\u03c1\u03c4\u03b7\u03b3\u03cc\" data-category=\"pa_vehicle\">\n <label for=\"veh-truck\" class=\"filter-label\">\u03a6\u03bf\u03c1\u03c4\u03b7\u03b3\u03cc<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"veh-van\" class=\"filter-checkbox\" value=\"van\" data-label=\"\u0392\u03b1\u03bd\u03ac\u03ba\u03b9\" data-category=\"pa_vehicle\">\n <label for=\"veh-van\" class=\"filter-label\">\u0392\u03b1\u03bd\u03ac\u03ba\u03b9<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"veh-bus\" class=\"filter-checkbox\" value=\"bus\" data-label=\"\u039b\u03b5\u03c9\u03c6\u03bf\u03c1\u03b5\u03af\u03bf\" data-category=\"pa_vehicle\">\n <label for=\"veh-bus\" class=\"filter-label\">\u039b\u03b5\u03c9\u03c6\u03bf\u03c1\u03b5\u03af\u03bf<\/label>\n <\/div>\n <div class=\"filter-option\">\n <input type=\"checkbox\" id=\"veh-bicycle\" class=\"filter-checkbox\" value=\"bicycle\" data-label=\"\u03a0\u03bf\u03b4\u03ae\u03bb\u03b1\u03c4\u03bf\" data-category=\"pa_vehicle\">\n <label for=\"veh-bicycle\" class=\"filter-label\">\u03a0\u03bf\u03b4\u03ae\u03bb\u03b1\u03c4\u03bf<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Active Filters Display -->\n <div class=\"active-filters-bar\" id=\"activeFiltersBar\">\n <span class=\"active-label\">\u0395\u03bd\u03b5\u03c1\u03b3\u03ac \u03c6\u03af\u03bb\u03c4\u03c1\u03b1:<\/span>\n <div id=\"activeFilterTags\"><\/div>\n <button class=\"clear-filters-btn\" onclick=\"clearAllFilters()\">\u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03cc\u03bb\u03c9\u03bd<\/button>\n <\/div>\n\n <!-- Apply Filters Button -->\n <button class=\"apply-btn\" onclick=\"applyFilters()\">\n \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03c9\u03bd <span id=\"filterCount\"><\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Products Section -->\n <section class=\"products-section\">\n <div class=\"products-container\">\n <!-- Results Info -->\n <div class=\"results-info\">\n <div class=\"results-count\">\n \u0392\u03c1\u03ad\u03b8\u03b7\u03ba\u03b1\u03bd <span class=\"count\" id=\"productCount\">17<\/span> \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1\n <\/div>\n <select class=\"sort-select\" id=\"sortSelect\" onchange=\"sortProducts()\">\n <option value=\"menu_order\">\u03a0\u03c1\u03bf\u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae<\/option>\n <option value=\"popularity\">\u0394\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03cc\u03c4\u03b7\u03c4\u03b1<\/option>\n <option value=\"rating\">\u0392\u03b1\u03b8\u03bc\u03bf\u03bb\u03bf\u03b3\u03af\u03b1<\/option>\n <option value=\"date\">\u039d\u03b5\u03cc\u03c4\u03b5\u03c1\u03b1<\/option>\n <option value=\"price\">\u03a4\u03b9\u03bc\u03ae: \u03a7\u03b1\u03bc\u03b7\u03bb\u03ae \u03c3\u03b5 \u03a5\u03c8\u03b7\u03bb\u03ae<\/option>\n <option value=\"price-desc\">\u03a4\u03b9\u03bc\u03ae: \u03a5\u03c8\u03b7\u03bb\u03ae \u03c3\u03b5 \u03a7\u03b1\u03bc\u03b7\u03bb\u03ae<\/option>\n <\/select>\n <\/div>\n\n <!-- Products Grid -->\n <div class=\"products-grid\" id=\"productsGrid\">\n <!-- Products will be loaded here -->\n <div class=\"product-card\" data-product-id=\"1\">\n <div class=\"product-image\">\ud83e\uddf4<\/div>\n <div class=\"product-content\">\n <div class=\"product-category\">\u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac<\/div>\n <div class=\"product-title\">\u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u039f\u03c7\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd<\/div>\n <div class=\"product-meta\">\n <span class=\"product-count\">80+ \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1<\/span>\n <a href=\"#\" class=\"product-link\">\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"product-card\" data-product-id=\"2\">\n <div class=\"product-image\">\ud83d\udca6<\/div>\n <div class=\"product-content\">\n <div class=\"product-category\">\u03a0\u03c1\u03bf\u03c0\u03bb\u03cd\u03c3\u03b7<\/div>\n <div class=\"product-title\">\u03a0\u03c1\u03bf\u03c0\u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 - \u0395\u03bd\u03b5\u03c1\u03b3\u03bf\u03af \u0391\u03c6\u03c1\u03bf\u03af<\/div>\n <div class=\"product-meta\">\n <span class=\"product-count\">15+ \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1<\/span>\n <a href=\"#\" class=\"product-link\">\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"product-card\" data-product-id=\"3\">\n <div class=\"product-image\">\ud83e\uddfd<\/div>\n <div class=\"product-content\">\n <div class=\"product-category\">\u03a0\u03bb\u03cd\u03c3\u03b7<\/div>\n <div class=\"product-title\">\u03a3\u03b1\u03bc\u03c0\u03bf\u03c5\u03ac\u03bd \u0391\u03c5\u03c4\u03bf\u03ba\u03b9\u03bd\u03ae\u03c4\u03bf\u03c5<\/div>\n <div class=\"product-meta\">\n <span class=\"product-count\">20+ \u03a0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1<\/span>\n <a href=\"#\" class=\"product-link\">\u03a0\u03c1\u03bf\u03b2\u03bf\u03bb\u03ae \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/* ====================\n PRODUCTION READY JAVASCRIPT\n WooCommerce Compatible\n ==================== *\/\n\n \/\/ Mock product data - Replace with AJAX call to WooCommerce\n const mockProducts = [\n { id: 1, title: \"\u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u039f\u03c7\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd\", category: \"\u0391\u03c5\u03c4\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03b1\", industry: [\"carwash\", \"garage\"], usage: [\"exterior\"], vehicle: [\"car\"] },\n { id: 2, title: \"\u03a0\u03c1\u03bf\u03c0\u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 - \u0395\u03bd\u03b5\u03c1\u03b3\u03bf\u03af \u0391\u03c6\u03c1\u03bf\u03af\", category: \"\u03a0\u03c1\u03bf\u03c0\u03bb\u03cd\u03c3\u03b7\", industry: [\"carwash\"], usage: [\"exterior\"], vehicle: [\"car\", \"truck\"] },\n { id: 3, title: \"\u03a3\u03b1\u03bc\u03c0\u03bf\u03c5\u03ac\u03bd \u0391\u03c5\u03c4\u03bf\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WipesNMore – \u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac WipesNMore \u0395\u03af\u03c3\u03bf\u03b4\u03bf\u03c2 \/ \u0395\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae \u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd \u03a6\u03b9\u03bb\u03c4\u03c1\u03ac\u03c1\u03b5\u03c4\u03b5 \u03bc\u03b5 \u03b2\u03ac\u03c3\u03b7 \u03c4\u03bf\u03bd \u03ba\u03bb\u03ac\u03b4\u03bf \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03c7\u03c1\u03ae\u03c3\u03b7 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3289","page","type-page","status-publish","hentry"],"acf":{"full_width":true,"header_transparent":true,"header_white":true},"_links":{"self":[{"href":"https:\/\/wipesnmore.gr\/index.php?rest_route=\/wp\/v2\/pages\/3289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wipesnmore.gr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wipesnmore.gr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wipesnmore.gr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wipesnmore.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3289"}],"version-history":[{"count":63,"href":"https:\/\/wipesnmore.gr\/index.php?rest_route=\/wp\/v2\/pages\/3289\/revisions"}],"predecessor-version":[{"id":5733,"href":"https:\/\/wipesnmore.gr\/index.php?rest_route=\/wp\/v2\/pages\/3289\/revisions\/5733"}],"wp:attachment":[{"href":"https:\/\/wipesnmore.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}