{"id":183,"date":"2025-10-13T11:05:58","date_gmt":"2025-10-13T11:05:58","guid":{"rendered":"https:\/\/mediumaquamarine-lobster-346027.hostingersite.com\/?page_id=183"},"modified":"2026-02-22T21:50:44","modified_gmt":"2026-02-22T21:50:44","slug":"shop-3","status":"publish","type":"page","link":"https:\/\/shaheenfaroukdesigns.com\/ar\/shop-3\/","title":{"rendered":"\u0627\u0644\u0645\u062a\u062c\u0631"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"183\" class=\"elementor elementor-183\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58ac301 e-flex e-con-boxed e-con e-parent\" data-id=\"58ac301\" 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-ac1e3cc elementor-widget elementor-widget-shortcode\" data-id=\"ac1e3cc\" 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>\r\n            button.category-toggle {\r\n                background: transparent;\r\n            }button.category-toggle:hover {\r\n                background-color: transparent !important;\r\n            }button.category-toggle {\r\n                background: transparent !important;\r\n            }\r\n        .wc-shop-layout {\r\n            display: grid;\r\n            grid-template-columns: 280px 1fr;\r\n            gap: 40px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        \/* Sidebar *\/\r\n        .shop-sidebar {\r\n            background: white;\r\n            border-radius: 12px;\r\n            padding: 24px;\r\n            max-height: calc(107vh - 40px);\r\n            overflow-y: auto;\r\n            position: sticky;\r\n            top: 20px;\r\n        }\r\n        \/* Custom Scrollbar for Sidebar *\/\r\n        .shop-sidebar::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n        .shop-sidebar::-webkit-scrollbar-track {\r\n            background: #f1f1f1;\r\n            border-radius: 10px;\r\n        }\r\n        .shop-sidebar::-webkit-scrollbar-thumb {\r\n            background: #2d5f5d;\r\n            border-radius: 10px;\r\n            transition: background 0.3s ease;\r\n        }\r\n        .shop-sidebar::-webkit-scrollbar-thumb:hover {\r\n            background: #234a48;\r\n        }\r\n        .sidebar-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 24px;\r\n            padding-bottom: 16px;\r\n            border-bottom: 1px solid #e0e0e0;\r\n        }\r\n        .sidebar-header h3 {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            margin: 0;\r\n        }\r\n        .reset-filters {\r\n            background: none;\r\n            border: none;\r\n            color: #666;\r\n            font-size: 13px;\r\n            cursor: pointer;\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* Filter Sections *\/\r\n        .filter-section {\r\n            margin-bottom: 24px;\r\n            border-bottom: 1px solid #f0f0f0;\r\n            padding-bottom: 16px;\r\n        }\r\n        .filter-section:last-child {\r\n            border-bottom: none;\r\n        }.category-item:nth-child(1) {\r\n    display: none;\r\n}\r\n        .filter-title {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            margin: 0 0 12px 0;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            cursor: pointer;\r\n        }\r\n        .toggle-icon {\r\n            transition: transform 0.3s;\r\n        }\r\n        .filter-section.collapsed .toggle-icon {\r\n            transform: rotate(-90deg);\r\n        }\r\n        .filter-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n        }\r\n        .filter-checkbox {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            position: relative;\r\n        }\r\n        .filter-checkbox input[type=\"checkbox\"] {\r\n            appearance: none;\r\n            -webkit-appearance: none;\r\n            -moz-appearance: none;\r\n            width: 18px;\r\n            height: 18px;\r\n            border: 2px solid #d1d5db;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: all 0.2s ease;\r\n            background: white;\r\n            flex-shrink: 0;\r\n        }\r\n        .filter-checkbox input[type=\"checkbox\"]:hover {\r\n            border-color: #2d5f5d;\r\n        }\r\n        .filter-checkbox input[type=\"checkbox\"]:checked {\r\n            background: #2d5f5d;\r\n            border-color: #2d5f5d;\r\n        }\r\n        .filter-checkbox input[type=\"checkbox\"]:checked::after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 5px;\r\n            top: 2px;\r\n            width: 4px;\r\n            height: 8px;\r\n            border: solid white;\r\n            border-width: 0 2px 2px 0;\r\n            transform: rotate(45deg);\r\n        }\r\n        .filter-checkbox input[type=\"checkbox\"]:focus {\r\n            outline: 2px solid rgba(45, 95, 93, 0.3);\r\n            outline-offset: 2px;\r\n        }\r\n        .filter-checkbox span {\r\n            color: #374151;\r\n            user-select: none;\r\n        }\r\n\r\n        \/* Category Hierarchy Styles *\/\r\n        .category-item {\r\n            margin-bottom: 4px;\r\n        }\r\n        .category-parent-row {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 8px;\r\n        }\r\n        .category-parent-row .filter-checkbox {\r\n            flex: 1;\r\n        }\r\n        .category-toggle {\r\n            width: 24px;\r\n            height: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            padding: 0;\r\n            border-radius: 4px;\r\n            transition: all 0.2s ease;\r\n            flex-shrink: 0;\r\n        }\r\n        .category-toggle:hover {\r\n            background: #f3f4f6;\r\n        }\r\n        .category-toggle svg {\r\n            transition: transform 0.3s ease;\r\n            stroke: #6b7280;\r\n        }\r\n        .category-item.expanded .category-toggle svg {\r\n            transform: rotate(90deg);\r\n        }\r\n        .category-children {\r\n            padding-left: 26px;\r\n            margin-top: 8px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 6px;\r\n            border-left: 2px solid #e5e7eb;\r\n            margin-left: 9px;\r\n            padding-top: 6px;\r\n            padding-bottom: 6px;\r\n        }\r\n        .child-category {\r\n            font-size: 13px;\r\n        }\r\n        .child-category span {\r\n            color: #6b7280;\r\n        }\r\n        .child-category input[type=\"checkbox\"]:checked ~ span {\r\n            color: #374151;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Color Filter Swatches (Sidebar) *\/\r\n        .color-filter-swatches-sidebar {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n        }\r\n        .filter-checkbox-color-sidebar {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            padding: 6px 8px;\r\n            border-radius: 5px;\r\n            transition: background-color 0.2s ease;\r\n        }\r\n        .filter-checkbox-color-sidebar:hover {\r\n            background-color: #f5f5f5;\r\n        }\r\n        .filter-checkbox-color-sidebar input[type=\"checkbox\"] {\r\n            display: none;\r\n        }\r\n        .color-swatch-sidebar {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            border: 2px solid #e0e0e0;\r\n            display: inline-block;\r\n            flex-shrink: 0;\r\n            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.2s ease;\r\n        }\r\n        .filter-checkbox-color-sidebar input[type=\"checkbox\"]:checked ~ .color-swatch-sidebar {\r\n            border-color: #2d5f5d;\r\n            border-width: 3px;\r\n            box-shadow: 0 0 0 2px rgba(45, 95, 93, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.1);\r\n            transform: scale(1.1);\r\n        }\r\n        .filter-checkbox-color-sidebar:hover .color-swatch-sidebar {\r\n            transform: scale(1.05);\r\n            border-color: #2d5f5d;\r\n        }\r\n        .color-label-sidebar {\r\n            color: #374151;\r\n            user-select: none;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Color Filter Swatches *\/\r\n        .filter-checkbox-color {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            position: relative;\r\n        }\r\n        .filter-checkbox-color input[type=\"checkbox\"] {\r\n            display: none; \/* Hide the checkbox *\/\r\n        }\r\n        .color-swatch-filter {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            border: 2px solid #e0e0e0;\r\n            display: inline-block;\r\n            flex-shrink: 0;\r\n            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.2s ease;\r\n            position: relative;\r\n        }\r\n        .filter-checkbox-color input[type=\"checkbox\"]:checked ~ .color-swatch-filter {\r\n            border-color: #d4af37;\r\n            box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.1);\r\n            transform: scale(1.1);\r\n        }\r\n        .filter-checkbox-color input[type=\"checkbox\"]:checked ~ .color-swatch-filter::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            border: 2px solid white;\r\n            box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\r\n        }\r\n        .filter-checkbox-color:hover .color-swatch-filter {\r\n            transform: scale(1.05);\r\n            border-color: #d4af37;\r\n        }\r\n        .filter-checkbox-color span:last-child {\r\n            color: #374151;\r\n            user-select: none;\r\n        }\r\n\r\n        \/* Finish Swatches *\/\r\n        .finish-swatches {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 8px;\r\n        }\r\n        .finish-swatch {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 8px;\r\n            border: 2px solid #e0e0e0;\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: all 0.2s;\r\n        }\r\n        .finish-swatch input {\r\n            appearance: none;\r\n            -webkit-appearance: none;\r\n            -moz-appearance: none;\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            cursor: pointer;\r\n            opacity: 0;\r\n        }\r\n        .finish-swatch:hover {\r\n            border-color: #2d5f5d;\r\n            transform: scale(1.05);\r\n        }\r\n        .finish-swatch input:checked ~ .finish-swatch,\r\n        .finish-swatch:has(input:checked) {\r\n            border-color: #2d5f5d;\r\n            box-shadow: 0 0 0 2px rgba(45, 95, 93, 0.3);\r\n        }\r\n\r\n        \/* Price Range Slider *\/\r\n        .price-inputs-container {\r\n            display: flex;\r\n            align-items: flex-end;\r\n            gap: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n        .price-input-group {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 6px;\r\n        }\r\n        .price-input-label {\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            color: #6b7280;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        .price-input {\r\n            width: 100%;\r\n            padding: 10px 12px;\r\n            border: 2px solid #e0e0e0;\r\n            border-radius: 8px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #1a1a1a;\r\n            background: #f8f9fa;\r\n            transition: all 0.2s ease;\r\n            text-align: center;\r\n        }\r\n        .price-input:hover {\r\n            border-color: #2d5f5d;\r\n            background: #fff;\r\n        }\r\n        .price-input:focus {\r\n            outline: none;\r\n            border-color: #2d5f5d;\r\n            background: #fff;\r\n            box-shadow: 0 0 0 3px rgba(45, 95, 93, 0.1);\r\n        }\r\n        .price-input::placeholder {\r\n            color: #9ca3af;\r\n        }\r\n        \/* Remove arrows from number input *\/\r\n        .price-input::-webkit-outer-spin-button,\r\n        .price-input::-webkit-inner-spin-button {\r\n            -webkit-appearance: none;\r\n            margin: 0;\r\n        }\r\n        .price-input[type=number] {\r\n            -moz-appearance: textfield;\r\n        }\r\n        .price-separator {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            color: #6b7280;\r\n            padding-bottom: 10px;\r\n            user-select: none;\r\n        }\r\n        .price-slider-container {\r\n            position: relative;\r\n            height: 6px;\r\n            margin: 20px 0;\r\n        }\r\n        .slider-track {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 6px;\r\n            background: #e0e0e0;\r\n            border-radius: 3px;\r\n            top: 0;\r\n        }\r\n            .slider-range {\r\n                position: absolute;\r\n                height: 6px;\r\n                background: #2d5f5d;\r\n                border-radius: 3px;\r\n                top: 0;\r\n            }\r\n        .price-slider {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 6px;\r\n            background: transparent;\r\n            pointer-events: none;\r\n            -webkit-appearance: none;\r\n            top: 0;\r\n        }\r\n        .price-slider::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            width: 18px;\r\n            height: 18px;\r\n            background: white;\r\n            border: 3px solid #2d5f5d;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            pointer-events: all;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        .price-slider::-moz-range-thumb {\r\n            width: 18px;\r\n            height: 18px;\r\n            background: white;\r\n            border: 3px solid #2d5f5d;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            pointer-events: all;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        .price-slider::-webkit-slider-thumb:hover {\r\n            box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        \/* Shop Main *\/\r\n        .shop-main {\r\n            min-width: 0;\r\n        }\r\n        .shop-header {\r\n            margin-bottom: 32px;\r\n        }\r\n        .shop-title {\r\n            font-size: 36px;\r\n            font-weight: 700;\r\n            margin: 0 0 8px 0;\r\n        }\r\n        .shop-subtitle {\r\n            color: #666;\r\n            font-size: 15px;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* Results and Sort Bar *\/\r\n        .results-sort-bar {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 16px 0;\r\n            margin-bottom: 20px;\r\n            border-bottom: 1px solid #e0e0e0;\r\n        }\r\n        .results-count {\r\n            font-size: 14px;\r\n            color: #1a1a1a;\r\n            font-weight: 500;\r\n        }\r\n        .sort-by-section {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n        .sort-by-section label {\r\n            font-size: 14px;\r\n            color: #1a1a1a;\r\n            font-weight: 500;\r\n            width: 40%;\r\n        }\r\n        .sort-select {\r\n            padding: 8px 32px 8px 16px;\r\n            border: 1px solid #e0e0e0;\r\n            border-radius: 8px;\r\n            font-size: 14px;\r\n            cursor: pointer;\r\n            background: white;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'\/%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 12px center;\r\n            appearance: none;\r\n            -webkit-appearance: none;\r\n            -moz-appearance: none;\r\n        }\r\n        .sort-select:focus {\r\n            outline: none;\r\n            border-color: #d4af37;\r\n        }\r\n\r\n        \/* Active Filters *\/\r\n        .active-filters-section {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            margin-bottom: 32px;\r\n            flex-wrap: wrap;\r\n        }\r\n        .active-filters-label {\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: #1a1a1a;\r\n            white-space: nowrap;\r\n        }\r\n        .active-filters-list {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            flex-wrap: wrap;\r\n            flex: 1;\r\n        }\r\n        .active-filter-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 8px 16px;\r\n            background: #2d5f5d;\r\n            color: white;\r\n            border-radius: 8px;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            transition: all 0.2s;\r\n        }\r\n        .active-filter-badge:hover {\r\n            background: #234a48;\r\n        }\r\n        .badge-color-swatch {\r\n            width: 16px;\r\n            height: 16px;\r\n            border-radius: 50%;\r\n            border: 2px solid white;\r\n            display: inline-block;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\r\n        }\r\n        .filter-remove-btn {\r\n            background: none;\r\n            border: none;\r\n            color: white;\r\n            cursor: pointer;\r\n            padding: 0;\r\n            width: 18px;\r\n            height: 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 50%;\r\n            transition: all 0.2s;\r\n        }\r\n        .filter-remove-btn:hover {\r\n            background: rgba(255, 255, 255, 0.2);\r\n        }\r\n        .filter-remove-btn svg {\r\n            width: 12px;\r\n            height: 12px;\r\n            stroke: currentColor;\r\n            stroke-width: 2;\r\n        }\r\n\r\n        \/* Products Grid *\/\r\n        .products-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n            margin-bottom: 40px;\r\n        }\r\n        .products-grid[data-columns=\"4\"] {\r\n            grid-template-columns: repeat(4, 1fr);\r\n        }\r\n        .products-grid[data-columns=\"2\"] {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n        @media (min-width: 1400px) {\r\n            .products-grid {\r\n                gap: 32px;\r\n            }\r\n        }\r\n\r\n        \/* Product Card *\/\r\n        .product-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            transition: all 0.3s;\r\n            border: 1px solid #f0f0f0;\r\n        }\r\n        .product-card:hover {\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n            transform: translateY(-4px);\r\n        }\r\n        .product-image-wrapper {\r\n            position: relative;\r\n            aspect-ratio: 1;\r\n            overflow: hidden;\r\n            background: #f8f9fa;\r\n        }\r\n        .product-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.3s;\r\n        }\r\n        .product-card:hover .product-image {\r\n            transform: scale(1.05);\r\n        }\r\n        .product-actions {\r\n            position: absolute;\r\n            top: 12px;\r\n            right: 12px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 8px;\r\n            opacity: 0;\r\n            transition: opacity 0.3s;\r\n        }\r\n        .product-card:hover .product-actions {\r\n            opacity: 1;\r\n        }\r\n        .action-icon {\r\n            width: 44px;\r\n            height: 44px;\r\n            background: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: all 0.2s;\r\n            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\r\n        }\r\n        .action-icon:hover {\r\n            background: #d4af37;\r\n            color: white;\r\n            transform: scale(1.05);\r\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\r\n        }\r\n        .action-icon.active {\r\n            background: #d4af37;\r\n            color: white;\r\n        }\r\n        .action-icon svg {\r\n            stroke: currentColor;\r\n            width: 22px;\r\n            height: 22px;\r\n        }\r\n\r\n        \/* Product Info *\/\r\n        .product-info {\r\n            padding: 16px;\r\n        }\r\n        .product-title-rating {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            gap: 12px;\r\n            margin-bottom: 8px;\r\n        }\r\n        .product-name {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            margin: 0;\r\n            flex: 1;\r\n            min-width: 0;\r\n        }\r\n        .product-name a {\r\n            color: #1a1a1a;\r\n            text-decoration: none;\r\n            display: block;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n        }\r\n        .product-name a:hover {\r\n            color: #d4af37;\r\n        }button.ymla-action-icon {\r\n            padding: 0;\r\n        }\r\n        .product-rating {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 4px;\r\n            flex-shrink: 0;\r\n        }\r\n        .product-rating svg {\r\n            flex-shrink: 0;\r\n        }\r\n        .rating-value {\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #1a1a1a;\r\n        }\r\n        .product-no-rating {\r\n            font-size: 11px;\r\n            color: #999;\r\n            font-style: italic;\r\n            white-space: nowrap;\r\n            flex-shrink: 0;\r\n        }\r\n        .product-price {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: #1a1a1a;\r\n            margin-bottom: 12px;\r\n        }\r\n        .product-price del {\r\n            color: #999;\r\n            font-size: 14px;\r\n            margin-left: 6px;\r\n            font-weight: 400;\r\n        }\r\n        .product-price ins {\r\n            text-decoration: none;\r\n        }\r\n\r\n        \/* Color Swatches *\/\r\n        .product-colors {\r\n            margin-top: 8px;\r\n        }\r\n        .product-colors-visible {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n        .product-colors-expanded {\r\n            display: none;\r\n            grid-template-columns: repeat(8, 20px);\r\n            gap: 6px;\r\n            margin-top: 8px;\r\n            animation: slideDown 0.3s ease;\r\n        }\r\n        @keyframes slideDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-10px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        .color-swatch {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            border: 2px solid #e0e0e0;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\r\n        }\r\n        .color-swatch:hover {\r\n            transform: scale(1.15);\r\n            border-color: #d4af37;\r\n        }\r\n        .color-more, .color-less {\r\n            font-size: 11px;\r\n            color: #2d5f5d;\r\n            margin-left: 2px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            user-select: none;\r\n            transition: all 0.2s;\r\n            text-decoration: underline;\r\n        }\r\n        .color-more:hover, .color-less:hover {\r\n            color: #d4af37;\r\n        }\r\n        .color-less {\r\n            grid-column: span 2;\r\n            text-align: left;\r\n            margin-top: 4px;\r\n        }\r\n        .product-colors.expanded .product-colors-visible {\r\n            display: none !important;\r\n        }\r\n        .product-colors.expanded .product-colors-expanded {\r\n            display: grid !important;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1200px) {\r\n            .wc-shop-layout {\r\n                grid-template-columns: 250px 1fr;\r\n                gap: 30px;\r\n            }\r\n        }\r\n        \/* Mobile Filter Toggle Button *\/\r\n        .mobile-filter-toggle {\r\n            display: none;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: #2d5f5d;\r\n            color: white;\r\n            border: none;\r\n            padding: 12px 20px;\r\n            border-radius: 8px;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            margin-bottom: 20px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 2px 8px rgba(45, 95, 93, 0.2);\r\n        }\r\n        .mobile-filter-toggle:hover {\r\n            background: #234a48;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 12px rgba(45, 95, 93, 0.3);\r\n        }\r\n        .mobile-filter-toggle svg {\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Sidebar Close Button *\/\r\n        .sidebar-close-btn {\r\n            display: none;\r\n            position: absolute;\r\n            top: 16px;\r\n            right: 16px;\r\n            background: #f5f5f5;\r\n            border: none;\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n            z-index: 10;\r\n        }\r\n        .sidebar-close-btn:hover {\r\n            background: #e0e0e0;\r\n            transform: rotate(90deg);\r\n        }\r\n        .sidebar-close-btn svg {\r\n            stroke: #2d5f5d;\r\n        }\r\n\r\n        \/* Sidebar Overlay *\/\r\n        .sidebar-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.5);\r\n            z-index: 998;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: opacity 0.3s ease, visibility 0.3s ease;\r\n            pointer-events: none;\r\n        }\r\n        .sidebar-overlay.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .wc-shop-layout {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            \/* Show mobile toggle button *\/\r\n            .mobile-filter-toggle {\r\n                display: flex;\r\n            }\r\n\r\n            \/* Sidebar becomes slide-in drawer *\/\r\n            .shop-sidebar {\r\n                position: fixed;\r\n                top: 0;\r\n                right: -100%;\r\n                width: 320px;\r\n                max-width: 85vw;\r\n                height: 100vh;\r\n                overflow-y: auto;\r\n                background: white;\r\n                z-index: 1001;\r\n                transition: right 0.3s ease;\r\n                box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\r\n                padding-top: 70px; \/* Space for close button *\/\r\n            }\r\n\r\n            \/* Show close button on mobile *\/\r\n            .sidebar-close-btn {\r\n                display: flex;\r\n            }\r\n\r\n            \/* Active state - slide in *\/\r\n            .shop-sidebar.active {\r\n                right: 0;\r\n            }\r\n\r\n            \/* Show overlay when sidebar is open *\/\r\n            .sidebar-overlay {\r\n                display: block;\r\n            }\r\n\r\n            \/* Prevent body scroll when sidebar is open *\/\r\n            body.sidebar-open {\r\n                overflow: hidden;\r\n            }\r\n\r\n            \/* Adjust sidebar header for mobile *\/\r\n            .sidebar-header {\r\n                position: sticky;\r\n                top: 0;\r\n                background: white;\r\n                z-index: 5;\r\n                padding-bottom: 16px;\r\n                border-bottom: 2px solid #f0f0f0;\r\n                margin-bottom: 16px;\r\n            }\r\n        }\r\n        @media (max-width: 900px) {\r\n            .products-grid {\r\n                grid-template-columns: repeat(2, 1fr) !important;\r\n                gap: 20px;\r\n            }\r\n        }\r\n        @media (max-width: 640px) {\r\n            .products-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n            .results-sort-bar {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 12px;\r\n            }\r\n            .sort-by-section {\r\n                width: 100%;\r\n            }\r\n            .sort-select {\r\n                flex: 1;\r\n            }\r\n            .product-title-rating {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 6px;\r\n            }\r\n            .product-name a {\r\n                white-space: normal;\r\n            }\r\n        }\r\n\r\n        \/* ============ FAQ Section ============ *\/\r\n        .wc-faq-section{\r\n            max-width: 100%;\r\n    margin: 60px auto;\r\n    padding: 0 20px;\r\n    background: #f9f9f9;\r\n        }\r\n        .faq-container{\r\n            max-width:900px;\r\n            margin:0 auto;\r\n            padding:60px 0;\r\n        }\r\n        .faq-header{\r\n            text-align:left;\r\n            margin-bottom:40px;\r\n        }\r\n        .faq-title{\r\n            font-size:32px;\r\n            font-weight:700;\r\n            margin:0 0 12px 0;\r\n            color:#1a1a1a;\r\n        }\r\n        .faq-subtitle{\r\n            font-size:14px;\r\n            line-height:1.6;\r\n            color:#666;\r\n            margin:0;\r\n        }\r\n        .faq-accordion{\r\n            display:flex;\r\n            flex-direction:column;\r\n            gap:16px;\r\n        }\r\n        .faq-item{\r\n            background:#fff;\r\n            border:1px solid #e0e0e0;\r\n            border-radius:8px;\r\n            overflow:hidden;\r\n            transition:all 0.3s ease;\r\n        }\r\n        .faq-item:hover{\r\n            border-color:#ccc;\r\n        }\r\n        .faq-question{\r\n            display:flex;\r\n            justify-content:space-between;\r\n            align-items:center;\r\n            padding:20px 24px;\r\n            cursor:pointer;\r\n            user-select:none;\r\n        }\r\n        .faq-question h3{\r\n            font-size:16px;\r\n            font-weight:600;\r\n            margin:0;\r\n            color:#1a1a1a;\r\n            flex:1;\r\n            padding-right:16px;\r\n        }\r\n        .faq-toggle{\r\n            width:32px;\r\n            height:32px;\r\n            border:none !important;\r\n            background:transparent !important;\r\n            cursor:pointer;\r\n            display:flex;\r\n            align-items:center;\r\n            justify-content:center;\r\n            transition:transform 0.3s ease;\r\n            flex-shrink:0;\r\n            padding:0 !important;\r\n            outline:none;\r\n            box-shadow:none !important;\r\n            margin:0;\r\n        }\r\n        .faq-toggle:focus{\r\n            outline:none;\r\n            box-shadow:none !important;\r\n        }\r\n        .faq-item.active .faq-toggle{\r\n            transform:rotate(180deg);\r\n        }\r\n        .faq-toggle svg{\r\n            width:16px;\r\n            height:16px;\r\n            stroke:#666;\r\n            stroke-width:2;\r\n            stroke-linecap:round;\r\n            stroke-linejoin:round;\r\n            fill:none;\r\n            pointer-events:none;\r\n            display:block;\r\n            flex-shrink:0;\r\n        }\r\n        .faq-toggle:hover svg{\r\n            stroke:#1a1a1a;\r\n        }\r\n        .faq-answer{\r\n            padding:0 24px;\r\n            transition:all 0.3s ease;\r\n        }\r\n        .faq-answer-content{\r\n            padding-bottom:20px;\r\n            border-top:1px solid #f0f0f0;\r\n            padding-top:16px;\r\n        }\r\n        .faq-answer-content p{\r\n            font-size:14px;\r\n            line-height:1.8;\r\n            color:#666;\r\n            margin:0 0 12px 0;\r\n        }\r\n        .faq-answer-content p:last-child{\r\n            margin-bottom:0;\r\n        }\r\n        .faq-answer-content strong{\r\n            display:block;\r\n            font-weight:600;\r\n            color:#1a1a1a;\r\n            margin-bottom:8px;\r\n        }\r\n        .faq-answer-content ul,\r\n        .faq-answer-content ol{\r\n            margin:12px 0;\r\n            padding-left:20px;\r\n        }\r\n        .faq-answer-content li{\r\n            font-size:14px;\r\n            line-height:1.8;\r\n            color:#666;\r\n            margin-bottom:8px;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width:768px){\r\n            .faq-title{font-size:26px}\r\n            .faq-subtitle{font-size:13px}\r\n            .faq-question h3{font-size:15px}\r\n            .faq-question{padding:16px 20px}\r\n            .faq-answer{padding:0 20px}\r\n        }\r\n        @media (max-width:480px){\r\n            .wc-faq-section{padding:0 16px}\r\n            .faq-container{padding:40px 0}\r\n            .faq-title{font-size:24px}\r\n        }\r\n\r\n        \/* ============ You Might Also Like Section ============ *\/\r\n        .walker-you-might-like{\r\n            max-width:1400px;\r\n            margin:60px auto 40px;\r\n            padding:0 20px;\r\n        }\r\n        .ymla-title{\r\n            font-size:28px;\r\n            font-weight:700;\r\n            margin:0 0 40px 0;\r\n            color:#1a1a1a;\r\n            text-align:center;\r\n        }\r\n\r\n        \/* Carousel Wrapper with Navigation *\/\r\n        .ymla-carousel-wrapper{\r\n            display:flex;\r\n            align-items:center;\r\n            gap:24px;\r\n            position:relative;\r\n        }\r\n        .ymla-prev,\r\n        .ymla-next{\r\n    width: 35PX;\r\n    height: 35PX;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 9PX;\r\n    background: #fff;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n        }\r\n        .ymla-prev:hover,\r\n        .ymla-next:hover{\r\n            background:#f5f5f5;\r\n            border-color:#ccc;\r\n        }.e-con.e-flex>.e-con-inner{\r\n            padding: 0;\r\n    margin: 0 auto;\r\n    width: 100% !important;\r\n    max-width: unset;\r\n        }\r\n        .ymla-prev:disabled,\r\n        .ymla-next:disabled{\r\n            opacity:0.3;\r\n            cursor:not-allowed;\r\n        }\r\n        .ymla-prev svg,\r\n        .ymla-next svg{\r\n            flex-shrink:0;\r\n        }\r\n\r\n        \/* Carousel *\/\r\n        .ymla-carousel{\r\n            overflow:hidden;\r\n            position:relative;\r\n            flex:1;\r\n        }\r\n        .ymla-track{\r\n            display:grid;\r\n            grid-template-columns:repeat(4, 1fr);\r\n            gap:20px;\r\n            transition:transform 0.3s ease;\r\n        }\r\n\r\n        \/* Product Card *\/\r\n        .ymla-product-card{\r\n            background:#fff;\r\n            border-radius:12px;\r\n            overflow:hidden;\r\n            border:1px solid #f0f0f0;\r\n            transition:all 0.3s;\r\n        }\r\n        .ymla-product-card:hover{\r\n            box-shadow:0 4px 12px rgba(0,0,0,0.08);\r\n            transform:translateY(-4px);\r\n        }\r\n        .ymla-product-image-wrapper{\r\n            position:relative;\r\n            aspect-ratio:1;\r\n            overflow:hidden;\r\n            background:#f8f9fa;\r\n        }\r\n        .ymla-product-image{\r\n            width:100%;\r\n            height:100%;\r\n            object-fit:cover;\r\n            transition:transform 0.3s;\r\n        }\r\n        .ymla-product-card:hover .ymla-product-image{\r\n            transform:scale(1.05);\r\n        }\r\n        .ymla-product-image-placeholder{\r\n            width:100%;\r\n            height:100%;\r\n            background:#f0f0f0;\r\n        }\r\n        .ymla-product-actions{\r\n            position:absolute;\r\n            top:12px;\r\n            right:12px;\r\n            display:flex;\r\n            flex-direction:column;\r\n            gap:8px;\r\n            opacity:0;\r\n            transition:opacity 0.3s;\r\n        }\r\n        .ymla-product-card:hover .ymla-product-actions{\r\n            opacity:1;\r\n        }\r\n        .ymla-action-icon{\r\n            width:40px;\r\n            height:40px;\r\n            background:#fff;\r\n            border:none;\r\n            border-radius:50%;\r\n            display:flex;\r\n            align-items:center;\r\n            justify-content:center;\r\n            cursor:pointer;\r\n            transition:all 0.2s;\r\n            box-shadow:0 2px 8px rgba(0,0,0,0.15);\r\n        }\r\n        .ymla-action-icon:hover{\r\n            background:#d4af37;\r\n            color:#fff;\r\n            transform:scale(1.05);\r\n        }\r\n        .ymla-action-icon.active{\r\n            background:#d4af37;\r\n            color:#fff;\r\n        }\r\n        .ymla-action-icon svg{\r\n            width:20px;\r\n            height:20px;\r\n            stroke:currentColor;\r\n        }\r\n\r\n        \/* Product Info *\/\r\n        .ymla-product-info{\r\n            padding:16px;\r\n        }\r\n        .ymla-product-name{\r\n            font-size:15px;\r\n            font-weight:600;\r\n            margin:0 0 8px 0;\r\n        }\r\n        .ymla-product-name a{\r\n            color:#111;\r\n            text-decoration:none;\r\n            display:block;\r\n            overflow:hidden;\r\n            text-overflow:ellipsis;\r\n            white-space:nowrap;\r\n        }\r\n        .ymla-product-name a:hover{\r\n            color:#d4af37;\r\n        }\r\n        .ymla-rating-row{\r\n            margin-bottom:8px;\r\n        }\r\n        .ymla-product-rating{\r\n            display:flex;\r\n            align-items:center;\r\n            gap:4px;\r\n        }\r\n        .ymla-rating-value{\r\n            font-size:13px;\r\n            font-weight:500;\r\n            color:#666;\r\n        }\r\n        .ymla-price-row{\r\n            margin-bottom:12px;\r\n        }\r\n        .ymla-product-price{\r\n            font-size:16px;\r\n            font-weight:700;\r\n            color:#111;\r\n        }\r\n        .ymla-product-price del{\r\n            color:#999;\r\n            font-size:14px;\r\n            margin-left:8px;\r\n            font-weight:400;\r\n        }\r\n        .ymla-product-price ins{\r\n            text-decoration:none;\r\n        }\r\n\r\n        \/* Color Swatches *\/\r\n        .ymla-product-colors{\r\n            margin-top:8px;\r\n        }\r\n        .ymla-product-colors-visible{\r\n            display:flex;\r\n            align-items:center;\r\n            gap:6px;\r\n        }\r\n        .ymla-product-colors-expanded{\r\n            display:none;\r\n            grid-template-columns:repeat(8, 18px);\r\n            gap:6px;\r\n            margin-top:8px;\r\n            animation:slideDown 0.3s ease;\r\n        }\r\n        .ymla-color-swatch{\r\n            width:18px;\r\n            height:18px;\r\n            border-radius:50%;\r\n            border:2px solid #e0e0e0;\r\n            cursor:pointer;\r\n            transition:all 0.2s;\r\n            box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);\r\n        }\r\n        .ymla-color-swatch:hover{\r\n            transform:scale(1.15);\r\n            border-color:#d4af37;\r\n        }\r\n        .ymla-color-more, .ymla-color-less{\r\n            font-size:11px;\r\n            color:#2d5f5d;\r\n            margin-left:2px;\r\n            font-weight:600;\r\n            cursor:pointer;\r\n            user-select:none;\r\n            transition:all 0.2s;\r\n            text-decoration:underline;\r\n        }\r\n        .ymla-color-more:hover, .ymla-color-less:hover{\r\n            color:#d4af37;\r\n        }\r\n        .ymla-color-less{\r\n            grid-column:span 2;\r\n            text-align:left;\r\n            margin-top:4px;\r\n        }\r\n        .ymla-product-colors.expanded .ymla-product-colors-visible{\r\n            display:none !important;\r\n        }\r\n        .ymla-product-colors.expanded .ymla-product-colors-expanded{\r\n            display:grid !important;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width:1200px){\r\n            .walker-you-might-like{padding:0 30px}\r\n        }\r\n        @media (max-width:992px){\r\n            .ymla-track{grid-template-columns:repeat(3,1fr);gap:16px}\r\n            .ymla-carousel-wrapper{gap:16px}\r\n            .ymla-prev,.ymla-next{width:40px;height:40px}\r\n        }\r\n        @media (max-width:768px){\r\n            .ymla-track{grid-template-columns:repeat(2,1fr);gap:14px}\r\n            .ymla-title{font-size:24px;margin-bottom:30px}\r\n            .ymla-carousel-wrapper{gap:12px}\r\n            .ymla-prev,.ymla-next{width:36px;height:36px}\r\n        }\r\n        @media (max-width:480px){\r\n            .ymla-track{grid-template-columns:1fr}\r\n            .walker-you-might-like{padding:0 20px}\r\n            .ymla-carousel-wrapper{gap:8px}\r\n        }\r\n\r\n        \/* ============ Wholesale & Customization Section ============ *\/\r\n        .wc-wholesale-section{\r\n    max-width: 100%;\r\n    margin: 96px auto;\r\n    padding: 89px 20px;\r\n    background: #F5F4F4;\r\n    margin-bottom:unset;\r\n        }\r\n        .wholesale-container{\r\n            max-width:1200px;\r\n            margin:0 auto;\r\n        }\r\n        .wholesale-header{\r\n            text-align:center;\r\n            margin-bottom:50px;\r\n        }\r\n        .wholesale-title{\r\n            font-size:36px;\r\n            font-weight:700;\r\n            margin:0 0 12px 0;\r\n            color:#1a1a1a;\r\n            position:relative;\r\n            display:inline-block;\r\n        }\r\n        .wholesale-title::after{\r\n            content:'';\r\n            position:absolute;\r\n            bottom:-8px;\r\n            left:50%;\r\n            transform:translateX(-50%);\r\n            width:80%;\r\n            height:3px;\r\n            background:#4A90E2;\r\n            display: none;\r\n        }\r\n        .wholesale-subtitle{\r\n            font-size:15px;\r\n            color:#666;\r\n            margin:20px 0 0 0;\r\n        }\r\n        .wholesale-cards{\r\n            display:grid;\r\n            grid-template-columns:repeat(2, 1fr);\r\n            gap:30px;\r\n        }\r\n        .wholesale-card{\r\n            position:relative;\r\n            height:360px;\r\n            border-radius:12px;\r\n            overflow:hidden;\r\n            background-size:cover;\r\n            background-position:center;\r\n            background-repeat:no-repeat;\r\n        }\r\n        .wholesale-card-overlay{\r\n            position:absolute;\r\n            top:0;\r\n            left:0;\r\n            right:0;\r\n            bottom:0;\r\n            \/* background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.6)); *\/\r\n        }\r\n        .wholesale-card-content{\r\n            position:relative;\r\n            z-index:2;\r\n            padding:40px;\r\n            height:100%;\r\n            display:flex;\r\n            flex-direction:column;\r\n            justify-content:flex-end;\r\n            color:#fff;\r\n        }\r\n        .wholesale-card-content h3{\r\n            font-size:28px;\r\n            font-weight:700;\r\n            margin:0 0 16px 0;\r\n            color:#fff;\r\n        }\r\n        .wholesale-card-content p{\r\n            font-size:14px;\r\n            line-height:1.6;\r\n            margin:0 0 24px 0;\r\n            color:#fff;\r\n            opacity:0.95;\r\n        }\r\n        .wholesale-btn{\r\n            display:inline-flex;\r\n            align-items:center;\r\n            gap:8px;\r\n            padding:12px 24px;\r\n            background:#E6B35A;\r\n            color:#1a1a1a;\r\n            text-decoration:none;\r\n            border-radius:6px;\r\n            font-weight:600;\r\n            font-size:14px;\r\n            transition:all 0.3s ease;\r\n            width:fit-content;\r\n        }\r\n        .wholesale-btn:hover{\r\n            background:#d4a347;\r\n            transform:translateX(4px);\r\n        }\r\n        .wholesale-btn svg{\r\n            width:16px;\r\n            height:16px;\r\n            stroke:currentColor;\r\n            transition:transform 0.3s ease;\r\n        }\r\n        .wholesale-btn:hover svg{\r\n            transform:translateX(4px);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width:992px){\r\n            .wholesale-cards{grid-template-columns:1fr;gap:20px}\r\n            .wholesale-card{height:260px}\r\n            .wholesale-title{font-size:32px}\r\n        }\r\n        @media (max-width:768px){\r\n            .wholesale-title{font-size:28px}\r\n            .wholesale-card-content{padding:30px}\r\n            .wholesale-card-content h3{font-size:24px}\r\n            .wholesale-card{height:240px}\r\n        }\r\n        @media (max-width:480px){\r\n            .wholesale-title{font-size:24px}\r\n            .wholesale-card-content{padding:24px}\r\n            .wholesale-card-content h3{font-size:20px}\r\n            .wholesale-card-content p{font-size:13px}\r\n            .wholesale-card{height:220px}\r\n        }\r\n        <\/style>\r\n                <div class=\"wc-shop-layout\"\r\n             data-search-query=\"\"\r\n             data-has-more=\"1\">\r\n\r\n                            <!-- Mobile Filter Toggle Button -->\r\n                <button class=\"mobile-filter-toggle\" aria-label=\"Open Filters\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"\/>\r\n                        <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"\/>\r\n                        <line x1=\"4\" y1=\"18\" x2=\"14\" y2=\"18\"\/>\r\n                        <circle cx=\"18\" cy=\"18\" r=\"2\"\/>\r\n                    <\/svg>\r\n                    <span>Filters<\/span>\r\n                <\/button>\r\n\r\n                <!-- Sidebar Overlay -->\r\n                <div class=\"sidebar-overlay\"><\/div>\r\n\r\n                <aside class=\"shop-sidebar\">\r\n                    <!-- Close Button for Mobile -->\r\n                    <button class=\"sidebar-close-btn\" aria-label=\"Close Filters\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\r\n                            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n\r\n                    <div class=\"sidebar-header\">\r\n                        <h3>Filter Options<\/h3>\r\n                        <button class=\"reset-filters\">Reset All<\/button>\r\n                    <\/div>\r\n\r\n                            <div class=\"filter-section\">\r\n            <h4 class=\"filter-title\">\r\n                Trending\r\n                <svg class=\"toggle-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <polyline points=\"6 9 12 15 18 9\"\/>\r\n                <\/svg>\r\n            <\/h4>\r\n            <div class=\"filter-content\">\r\n                <label class=\"filter-checkbox\">\r\n                    <input type=\"checkbox\" name=\"featured\" value=\"yes\" >\r\n                    <span>Trending Now<\/span>\r\n                <\/label>\r\n            <\/div>\r\n        <\/div>\r\n                                    <div class=\"filter-section\">\r\n            <h4 class=\"filter-title\">\r\n                Category\r\n                <svg class=\"toggle-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <polyline points=\"6 9 12 15 18 9\"\/>\r\n                <\/svg>\r\n            <\/h4>\r\n            <div class=\"filter-content\">\r\n                                    <div class=\"category-item \">\r\n                        <div class=\"category-parent-row\">\r\n                            <label class=\"filter-checkbox\">\r\n                                <input type=\"checkbox\" name=\"category[]\" value=\"uncategorized\" >\r\n                                <span>Uncategorized<\/span>\r\n                            <\/label>\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                                    <div class=\"category-item has-children\">\r\n                        <div class=\"category-parent-row\">\r\n                            <label class=\"filter-checkbox\">\r\n                                <input type=\"checkbox\" name=\"category[]\" value=\"planters-pots\" >\r\n                                <span>Planters Pots<\/span>\r\n                            <\/label>\r\n                                                            <button type=\"button\" class=\"category-toggle\" aria-label=\"Toggle subcategories\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"9 18 15 12 9 6\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                                                    <\/div>\r\n\r\n                                                    <div class=\"category-children\" style=\"display: none;\">\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"small-planter-pot\" >\r\n                                        <span>Small planter Pot<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"medium-planter-pot\" >\r\n                                        <span>Medium Planter Pot<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"large-planter-pot\" >\r\n                                        <span>Large planter Pot<\/span>\r\n                                    <\/label>\r\n                                                            <\/div>\r\n                                            <\/div>\r\n                                    <div class=\"category-item has-children\">\r\n                        <div class=\"category-parent-row\">\r\n                            <label class=\"filter-checkbox\">\r\n                                <input type=\"checkbox\" name=\"category[]\" value=\"lightings\" >\r\n                                <span>Lightings<\/span>\r\n                            <\/label>\r\n                                                            <button type=\"button\" class=\"category-toggle\" aria-label=\"Toggle subcategories\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"9 18 15 12 9 6\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                                                    <\/div>\r\n\r\n                                                    <div class=\"category-children\" style=\"display: none;\">\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"pendant-lights\" >\r\n                                        <span>Pendants<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"wall-lights\" >\r\n                                        <span>wall lights<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"decorative-lamp\" >\r\n                                        <span>Lamp<\/span>\r\n                                    <\/label>\r\n                                                            <\/div>\r\n                                            <\/div>\r\n                                    <div class=\"category-item has-children\">\r\n                        <div class=\"category-parent-row\">\r\n                            <label class=\"filter-checkbox\">\r\n                                <input type=\"checkbox\" name=\"category[]\" value=\"tables\" >\r\n                                <span>Tables<\/span>\r\n                            <\/label>\r\n                                                            <button type=\"button\" class=\"category-toggle\" aria-label=\"Toggle subcategories\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"9 18 15 12 9 6\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                                                    <\/div>\r\n\r\n                                                    <div class=\"category-children\" style=\"display: none;\">\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"dining-table\" >\r\n                                        <span>Dinning Table<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"coffee-table\" >\r\n                                        <span>Coffee Table<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"side-table\" >\r\n                                        <span>Side Table<\/span>\r\n                                    <\/label>\r\n                                                            <\/div>\r\n                                            <\/div>\r\n                                    <div class=\"category-item \">\r\n                        <div class=\"category-parent-row\">\r\n                            <label class=\"filter-checkbox\">\r\n                                <input type=\"checkbox\" name=\"category[]\" value=\"waterfalls\" >\r\n                                <span>Waterfalls<\/span>\r\n                            <\/label>\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                                    <div class=\"category-item has-children\">\r\n                        <div class=\"category-parent-row\">\r\n                            <label class=\"filter-checkbox\">\r\n                                <input type=\"checkbox\" name=\"category[]\" value=\"chairs\" >\r\n                                <span>Chairs<\/span>\r\n                            <\/label>\r\n                                                            <button type=\"button\" class=\"category-toggle\" aria-label=\"Toggle subcategories\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"9 18 15 12 9 6\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                                                    <\/div>\r\n\r\n                                                    <div class=\"category-children\" style=\"display: none;\">\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"dining-chairs\" >\r\n                                        <span>Dinning Chairs<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"bar-stool\" >\r\n                                        <span>Bar Stool<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"high-chairs\" >\r\n                                        <span>High Chairs<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"side-chair\" >\r\n                                        <span>Side Chair<\/span>\r\n                                    <\/label>\r\n                                                            <\/div>\r\n                                            <\/div>\r\n                                    <div class=\"category-item has-children\">\r\n                        <div class=\"category-parent-row\">\r\n                            <label class=\"filter-checkbox\">\r\n                                <input type=\"checkbox\" name=\"category[]\" value=\"sinks\" >\r\n                                <span>Sinks<\/span>\r\n                            <\/label>\r\n                                                            <button type=\"button\" class=\"category-toggle\" aria-label=\"Toggle subcategories\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"9 18 15 12 9 6\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                                                    <\/div>\r\n\r\n                                                    <div class=\"category-children\" style=\"display: none;\">\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"kitchen-sink\" >\r\n                                        <span>Kitchen<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"bathroom-sink\" >\r\n                                        <span>Bathroom<\/span>\r\n                                    <\/label>\r\n                                                            <\/div>\r\n                                            <\/div>\r\n                                    <div class=\"category-item has-children\">\r\n                        <div class=\"category-parent-row\">\r\n                            <label class=\"filter-checkbox\">\r\n                                <input type=\"checkbox\" name=\"category[]\" value=\"decor-accents\" >\r\n                                <span>Decor Accents<\/span>\r\n                            <\/label>\r\n                                                            <button type=\"button\" class=\"category-toggle\" aria-label=\"Toggle subcategories\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"9 18 15 12 9 6\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                                                    <\/div>\r\n\r\n                                                    <div class=\"category-children\" style=\"display: none;\">\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"decorative-vase\" >\r\n                                        <span>Vase<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"decorative-console\" >\r\n                                        <span>Console<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"wall-mirror\" >\r\n                                        <span>Wall Mirror<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"decorative-ashtray\" >\r\n                                        <span>Ashtray<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"wall-art\" >\r\n                                        <span>Wall Art<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"decorative-lanterns\" >\r\n                                        <span>Lanterns<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"candle-holder\" >\r\n                                        <span>Candles Holder<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"decorative-fireplace\" >\r\n                                        <span>Fireplaces<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"decorative-counter\" >\r\n                                        <span>Counter<\/span>\r\n                                    <\/label>\r\n                                                            <\/div>\r\n                                            <\/div>\r\n                                    <div class=\"category-item has-children\">\r\n                        <div class=\"category-parent-row\">\r\n                            <label class=\"filter-checkbox\">\r\n                                <input type=\"checkbox\" name=\"category[]\" value=\"outdoor\" >\r\n                                <span>Outdoor<\/span>\r\n                            <\/label>\r\n                                                            <button type=\"button\" class=\"category-toggle\" aria-label=\"Toggle subcategories\">\r\n                                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"9 18 15 12 9 6\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                                                    <\/div>\r\n\r\n                                                    <div class=\"category-children\" style=\"display: none;\">\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"chair\" >\r\n                                        <span>Chair<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"tables-outdoor\" >\r\n                                        <span>Tables<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"sofa-set\" >\r\n                                        <span>Sofa Set<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"kitchenette\" >\r\n                                        <span>Kitchenette<\/span>\r\n                                    <\/label>\r\n                                                                    <label class=\"filter-checkbox child-category\">\r\n                                        <input type=\"checkbox\" name=\"category[]\" value=\"bench\" >\r\n                                        <span>Bench<\/span>\r\n                                    <\/label>\r\n                                                            <\/div>\r\n                                            <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n                                    <div class=\"filter-section\">\r\n            <h4 class=\"filter-title\">\r\n                Price\r\n                <svg class=\"toggle-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <polyline points=\"6 9 12 15 18 9\"\/>\r\n                <\/svg>\r\n            <\/h4>\r\n            <div class=\"filter-content\">\r\n                <div class=\"price-inputs-container\">\r\n                    <div class=\"price-input-group\">\r\n                        <label for=\"price-min-input\" class=\"price-input-label\">Min<\/label>\r\n                        <input type=\"number\" id=\"price-min-input\" class=\"price-input\" min=\"0\" max=\"89490\" value=\"0\" step=\"10\" placeholder=\"0\">\r\n                    <\/div>\r\n                    <span class=\"price-separator\">\u2014<\/span>\r\n                    <div class=\"price-input-group\">\r\n                        <label for=\"price-max-input\" class=\"price-input-label\">Max<\/label>\r\n                        <input type=\"number\" id=\"price-max-input\" class=\"price-input\" min=\"0\" max=\"89490\" value=\"89490\" step=\"10\" placeholder=\"89490\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"price-slider-container\">\r\n                    <input type=\"range\" id=\"price-min-slider\" class=\"price-slider\" min=\"0\" max=\"89490\" value=\"0\" step=\"10\">\r\n                    <input type=\"range\" id=\"price-max-slider\" class=\"price-slider\" min=\"0\" max=\"89490\" value=\"89490\" step=\"10\">\r\n                    <div class=\"slider-track\"><\/div>\r\n                    <div class=\"slider-range\" id=\"slider-range\"><\/div>\r\n                <\/div>\r\n                <input type=\"hidden\" id=\"price-min-value\" value=\"0\">\r\n                <input type=\"hidden\" id=\"price-max-value\" value=\"89490\">\r\n            <\/div>\r\n        <\/div>\r\n                                    <div class=\"filter-section\">\r\n            <h4 class=\"filter-title\">\r\n                Colors\r\n                <svg class=\"toggle-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <polyline points=\"6 9 12 15 18 9\"\/>\r\n                <\/svg>\r\n            <\/h4>\r\n            <div class=\"filter-content\">\r\n                <div class=\"color-filter-swatches-sidebar\">\r\n                                            <label class=\"filter-checkbox-color-sidebar\">\r\n                            <input type=\"checkbox\" name=\"pa_colors[]\" value=\"beige\" data-taxonomy=\"pa_colors\">\r\n                            <span class=\"color-swatch-sidebar\" style=\"background: #F5F5DC\"><\/span>\r\n                            <span class=\"color-label-sidebar\">Beige<\/span>\r\n                        <\/label>\r\n                                            <label class=\"filter-checkbox-color-sidebar\">\r\n                            <input type=\"checkbox\" name=\"pa_colors[]\" value=\"black\" data-taxonomy=\"pa_colors\">\r\n                            <span class=\"color-swatch-sidebar\" style=\"background: #000000\"><\/span>\r\n                            <span class=\"color-label-sidebar\">Black<\/span>\r\n                        <\/label>\r\n                                            <label class=\"filter-checkbox-color-sidebar\">\r\n                            <input type=\"checkbox\" name=\"pa_colors[]\" value=\"no-color-2\" data-taxonomy=\"pa_colors\">\r\n                            <span class=\"color-swatch-sidebar\" style=\"background: #EEEEEE\"><\/span>\r\n                            <span class=\"color-label-sidebar\">Default Color<\/span>\r\n                        <\/label>\r\n                                            <label class=\"filter-checkbox-color-sidebar\">\r\n                            <input type=\"checkbox\" name=\"pa_colors[]\" value=\"gray\" data-taxonomy=\"pa_colors\">\r\n                            <span class=\"color-swatch-sidebar\" style=\"background: #808080\"><\/span>\r\n                            <span class=\"color-label-sidebar\">Gray<\/span>\r\n                        <\/label>\r\n                                            <label class=\"filter-checkbox-color-sidebar\">\r\n                            <input type=\"checkbox\" name=\"pa_colors[]\" value=\"light-gray\" data-taxonomy=\"pa_colors\">\r\n                            <span class=\"color-swatch-sidebar\" style=\"background: #CCCCCC\"><\/span>\r\n                            <span class=\"color-label-sidebar\">Light Gray<\/span>\r\n                        <\/label>\r\n                                            <label class=\"filter-checkbox-color-sidebar\">\r\n                            <input type=\"checkbox\" name=\"pa_colors[]\" value=\"off-white\" data-taxonomy=\"pa_colors\">\r\n                            <span class=\"color-swatch-sidebar\" style=\"background: #CCCCCC\"><\/span>\r\n                            <span class=\"color-label-sidebar\">Off-White<\/span>\r\n                        <\/label>\r\n                                            <label class=\"filter-checkbox-color-sidebar\">\r\n                            <input type=\"checkbox\" name=\"pa_colors[]\" value=\"white\" data-taxonomy=\"pa_colors\">\r\n                            <span class=\"color-swatch-sidebar\" style=\"background: #FFFFFF\"><\/span>\r\n                            <span class=\"color-label-sidebar\">White<\/span>\r\n                        <\/label>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                    <div class=\"filter-section\">\r\n            <h4 class=\"filter-title\">\r\n                Has Lighting\r\n                <svg class=\"toggle-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <polyline points=\"6 9 12 15 18 9\"\/>\r\n                <\/svg>\r\n            <\/h4>\r\n            <div class=\"filter-content\">\r\n                                    <label class=\"filter-checkbox\">\r\n                        <input type=\"checkbox\" name=\"pa_has-lighting[]\" value=\"light\" data-taxonomy=\"pa_has-lighting\">\r\n                        <span>Light<\/span>\r\n                    <\/label>\r\n                                    <label class=\"filter-checkbox\">\r\n                        <input type=\"checkbox\" name=\"pa_has-lighting[]\" value=\"no-light\" data-taxonomy=\"pa_has-lighting\">\r\n                        <span>No Light<\/span>\r\n                    <\/label>\r\n                            <\/div>\r\n        <\/div>\r\n                                    <div class=\"filter-section\">\r\n            <h4 class=\"filter-title\">\r\n                In Stock \/ Customized\r\n                <svg class=\"toggle-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n                    <polyline points=\"6 9 12 15 18 9\"\/>\r\n                <\/svg>\r\n            <\/h4>\r\n            <div class=\"filter-content\">\r\n                                    <label class=\"filter-checkbox\">\r\n                        <input type=\"checkbox\" name=\"pa_in-stock-customized[]\" value=\"customization\" data-taxonomy=\"pa_in-stock-customized\">\r\n                        <span>Customization<\/span>\r\n                    <\/label>\r\n                                    <label class=\"filter-checkbox\">\r\n                        <input type=\"checkbox\" name=\"pa_in-stock-customized[]\" value=\"in-stock\" data-taxonomy=\"pa_in-stock-customized\">\r\n                        <span>In stock<\/span>\r\n                    <\/label>\r\n                            <\/div>\r\n        <\/div>\r\n                                            <\/aside>\r\n            \r\n            <main class=\"shop-main\">\r\n                <div class=\"shop-header\">\r\n                    <h1 class=\"shop-title\">Shop All Products<\/h1>\r\n                    <p class=\"shop-subtitle\">Explore top best-selling products; find ribbons for both indoor and outdoor spaces. Elegant and versatile designs<\/p>\r\n                <\/div>\r\n\r\n                <!-- Results and Sort Section -->\r\n                <div class=\"results-sort-bar\">\r\n                    <div class=\"results-count\">\r\n                        Showing <span id=\"showing-start\">1<\/span>-<span id=\"showing-end\">16<\/span> of <span id=\"total-results\">16<\/span> Results\r\n                    <\/div>\r\n                    <div class=\"sort-by-section\">\r\n                        <label>Sort By :<\/label>\r\n                        <select class=\"sort-select\" id=\"orderby-select\">\r\n                            <option value=\"date\">Default<\/option>\r\n                            <option value=\"popularity\">Popularity<\/option>\r\n                            <option value=\"rating\">Average Rating<\/option>\r\n                            <option value=\"price\">Price: Low to High<\/option>\r\n                            <option value=\"price-desc\">Price: High to Low<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Active Filters Section -->\r\n                <div class=\"active-filters-section\" style=\"display: none;\">\r\n                    <div class=\"active-filters-label\">Active Filter<\/div>\r\n                    <div class=\"active-filters-list\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"products-grid\" data-columns=\"3\">\r\n                            \r\n<div class=\"product-card product-type-simple\" data-product-id=\"41003\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/arvella-mirror\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/04\/Arvella-Mirror-240x300.jpg\" alt=\"Arvella Mirror\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"41003\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"41003\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/arvella-mirror\/\">\r\n                            Arvella Mirror                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;28,500<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a \u0647\u0648: EGP&nbsp;28,500.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;26,500<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u062d\u0627\u0644\u064a \u0647\u0648: EGP&nbsp;26,500.<\/span> <span class=\"sfd-discount-percent\">-7%<\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"40946\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/serano-sink\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/04\/Serano-sink-300x200.png\" alt=\"Serano Sink\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"40946\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"40946\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/serano-sink\/\">\r\n                            Serano Sink                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;18,150<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"40938\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/rovano-sink\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/04\/Rovano-Sink-300x300.png\" alt=\"Rovano Sink\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"40938\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"40938\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/rovano-sink\/\">\r\n                            Rovano Sink                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;9,460<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"40934\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/nivora-sink\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/04\/Nivora-Sink-300x298.jpeg\" alt=\"Nivora Sink\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"40934\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"40934\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/nivora-sink\/\">\r\n                            Nivora Sink                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;15,950<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"40927\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/nerova-sink\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/04\/Nerova-Sink-300x300.png\" alt=\"Nerova Sink\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"40927\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"40927\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/nerova-sink\/\">\r\n                            Nerova Sink                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;7,920<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"40921\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/cascaro-sink\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/04\/Cascaro-Sink-300x300.png\" alt=\"Cascaro Sink\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"40921\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"40921\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/cascaro-sink\/\">\r\n                            Cascaro Sink                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;9,350<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"40917\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/ribora-sink\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/04\/Ribora-Sink-297x300.png\" alt=\"Ribora Sink\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"40917\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"40917\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/ribora-sink\/\">\r\n                            Ribora Sink                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;15,950<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"40912\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/carvora-sink\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/04\/Carvora-Sink-300x298.png\" alt=\"Carvora Sink\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"40912\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"40912\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/carvora-sink\/\">\r\n                            Carvora Sink                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;8,580<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"39851\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/caldera-coffee-table\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/03\/Caldera-Coffee-Table-2-300x300.jpeg\" alt=\"Caldera Coffee Table\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"39851\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"39851\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/caldera-coffee-table\/\">\r\n                            Caldera Coffee Table                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-rating\">\r\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#FFC107\">\r\n                                <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/>\r\n                            <\/svg>\r\n                            <span class=\"rating-value\">(5.0)<\/span>\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;22,000<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a \u0647\u0648: EGP&nbsp;22,000.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;15,400<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u062d\u0627\u0644\u064a \u0647\u0648: EGP&nbsp;15,400.<\/span> <span class=\"sfd-discount-percent\">-30%<\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-variable variable-product\" data-product-id=\"39738\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/alabaster-planter-pots\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/03\/Alabaster-Planter-Pots-300x300.png\" alt=\"Alabaster Planter Pots\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"39738\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"39738\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/alabaster-planter-pots\/\">\r\n                            Alabaster Planter Pots                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;4,180<\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;8,580<\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066EGP&nbsp;4,180\u2069 \u062e\u0644\u0627\u0644 \u2066EGP&nbsp;8,580\u2069<\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-variable variable-product\" data-product-id=\"39686\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/dune-table-set\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/03\/Dune-Table-Set-300x300.jpg\" alt=\"Dune Table Set\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"39686\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"39686\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/dune-table-set\/\">\r\n                            Dune Table Set                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;5,220<\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;9,450<\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066EGP&nbsp;5,220\u2069 \u062e\u0644\u0627\u0644 \u2066EGP&nbsp;9,450\u2069<\/span> <span class=\"sfd-discount-percent\">-10%<\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"39015\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/lunaris-wall-light\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/01\/\u0627\u0644\u0625\u062f\u0627\u0631\u0629-6-300x300.png\" alt=\"Lunaris Wall Light\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"39015\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"39015\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/lunaris-wall-light\/\">\r\n                            Lunaris Wall Light                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;2,500<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"39011\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/stellara-wall-light\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-Jan-31-2026-10_04_09-AM-200x300.png\" alt=\"Stellara Wall Light\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"39011\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"39011\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/stellara-wall-light\/\">\r\n                            Stellara Wall Light                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;1,395<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"39008\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/montara-floor-lamp\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-Jan-31-2026-10_00_09-AM-200x300.png\" alt=\"Montara Floor Lamp\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"39008\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"39008\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/montara-floor-lamp\/\">\r\n                            Montara Floor Lamp                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;14,375<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a \u0647\u0648: EGP&nbsp;14,375.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;12,937<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u062d\u0627\u0644\u064a \u0647\u0648: EGP&nbsp;12,937.<\/span> <span class=\"sfd-discount-percent\">-10%<\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"39006\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/torvia-table-lamp\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-Jan-31-2026-09_26_34-AM-200x300.png\" alt=\"Torvia Table Lamp\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"39006\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"39006\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/torvia-table-lamp\/\">\r\n                            Torvia Table Lamp                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;5,175<\/bdi><\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                \r\n<div class=\"product-card product-type-simple\" data-product-id=\"39000\">\r\n            <div class=\"product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/cactra-wall-light\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-04-27-at-2.07.17-PM-2-240x300.jpeg\" alt=\"Cactra Wall Light\" class=\"product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"product-actions\">\r\n                    <button class=\"action-icon wishlist-btn\" data-product-id=\"39000\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"action-icon cart-btn\" data-product-id=\"39000\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"product-info\">\r\n                <div class=\"product-title-rating\">\r\n                    <h3 class=\"product-name\">\r\n                        <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/cactra-wall-light\/\">\r\n                            Cactra Wall Light                        <\/a>\r\n                    <\/h3>\r\n\r\n                                            <div class=\"product-no-rating\">\r\n                            No reviews\r\n                        <\/div>\r\n                                    <\/div>\r\n\r\n                <div class=\"product-price\">\r\n                    <del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;4,050<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0623\u0635\u0644\u064a \u0647\u0648: EGP&nbsp;4,050.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;3,240<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u062d\u0627\u0644\u064a \u0647\u0648: EGP&nbsp;3,240.<\/span> <span class=\"sfd-discount-percent\">-20%<\/span>                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                        <\/div>\r\n\r\n                <!-- View More Button -->\r\n                <div class=\"view-more-container\" style=\"display: none;\">\r\n                    <button class=\"view-more-btn\">\r\n                        <span class=\"btn-text\">View More Products<\/span>\r\n                        <span class=\"btn-icon\">\u2193<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                        <div class=\"shop-pagination\">\r\n            <!-- Pagination links -->\r\n        <\/div>\r\n                    <\/main>\r\n        <\/div>\r\n        <div class=\"wc-faq-section\"><div class=\"faq-container\"><div class=\"faq-header\"><h2 class=\"faq-title\">Frequently Asked Questions<\/h2><p class=\"faq-subtitle\">Explore answers to the most frequently asked questions about our services and products. If you have a question, you may find the answer here.<\/p><\/div><div class=\"faq-accordion\">                        <div class=\"faq-item \">\r\n                            <div class=\"faq-question\">\r\n                                <h3>What materials are used in the manufacture of pots?<\/h3>\r\n                                <button class=\"faq-toggle\" aria-label=\"Toggle answer\">\r\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"6 9 12 15 18 9\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\" style=\"display:none;\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    <p>At Shaheen Farouk Design, we craft our custom pots and planters using high-quality materials such as fiberglass, metal, and reinforced composites. These materials are chosen for their durability, lightweight strength, and ability to withstand both indoor and outdoor environments. Our finishes range from matte and stone textures to metallic and custom colors\u2014ensuring a stylish, long-lasting planter tailored to your space.<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"faq-item active\">\r\n                            <div class=\"faq-question\">\r\n                                <h3>What color should you choose as a primary?<\/h3>\r\n                                <button class=\"faq-toggle\" aria-label=\"Toggle answer\">\r\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"6 9 12 15 18 9\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\" style=\"\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    <p>Choosing a primary planter color depends on your space, style, and light. For modern or minimal interiors, matte black, white, or gray offer timeless elegance. In warmer settings, terracotta, beige, or earthy tones add warmth. For bold accents, consider deep green, navy, or metallic finishes. At Shaheen Farouk Design, we offer custom colors to perfectly match your indoor or outdoor d\u00e9cor<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"faq-item \">\r\n                            <div class=\"faq-question\">\r\n                                <h3>Why Choose Us?<\/h3>\r\n                                <button class=\"faq-toggle\" aria-label=\"Toggle answer\">\r\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"6 9 12 15 18 9\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\" style=\"display:none;\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    <div style=\"line-heigh:24px;\"><span style=\"color: #000000;\"><b>Craftsmanship<\/b><\/span>: Every piece is carefully designed and built to premium standards.<br \/>\n<span style=\"color: #000000;\"><b>Versatility<\/b><\/span>: Perfect for indoor and outdoor spaces, adapting to any style.<br \/>\n<span style=\"color: #000000;\"><b>Customization<\/b><\/span>: Looking for something unique? We create designs tailored to you.<br \/>\n<span style=\"color: #000000;\"><b>Customer Satisfaction<\/b><\/span>: Trusted by many for our quality, service, and attention to detail.<\/div>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"faq-item \">\r\n                            <div class=\"faq-question\">\r\n                                <h3>Why Our Planters and D\u00e9cor Stand Out?<\/h3>\r\n                                <button class=\"faq-toggle\" aria-label=\"Toggle answer\">\r\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <polyline points=\"6 9 12 15 18 9\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\" style=\"display:none;\">\r\n                                <div class=\"faq-answer-content\">\r\n                                    <p>At Shaheen Farouk Design, we believe great design doesn\u2019t just decorate a space\u2014it transforms it. Each piece is crafted to reflect your style while blending naturally with your home or garden.<\/p>\n<p><strong>Timeless Elegance &amp; Practical Design<\/strong><\/p>\n<p>Inspired by nature, our collection ranges from minimalist designs to bold artistic pieces. Every item is made with high-quality materials for long-lasting durability\u2014indoors or outdoors.<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <\/div><\/div><\/div><div class=\"walker-you-might-like\"><h2 class=\"ymla-title\">You Might Also Like<\/h2><div class=\"ymla-carousel-wrapper\"><button class=\"ymla-prev\" aria-label=\"Previous\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg><\/button><div class=\"ymla-carousel\"><div class=\"ymla-track\">        <div class=\"ymla-product-card\">\r\n            <div class=\"ymla-product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/primavera-planter-pot\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2025\/10\/P1128-300x300.jpg\" alt=\"Primavera  Planter Pot\" class=\"ymla-product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"ymla-product-actions\">\r\n                    <button class=\"ymla-action-icon ymla-wishlist-btn\" data-product-id=\"11113\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"ymla-action-icon ymla-cart-btn\" data-product-id=\"11113\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ymla-product-info\">\r\n                <h3 class=\"ymla-product-name\">\r\n                    <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/primavera-planter-pot\/\">\r\n                        Primavera  Planter Pot                    <\/a>\r\n                <\/h3>\r\n\r\n                <div class=\"ymla-rating-row\">\r\n                                    <\/div>\r\n\r\n                <div class=\"ymla-price-row\">\r\n                    <div class=\"ymla-product-price\">\r\n                        <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;3,575<\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;10,780<\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066EGP&nbsp;3,575\u2069 \u062e\u0644\u0627\u0644 \u2066EGP&nbsp;10,780\u2069<\/span>                    <\/div>\r\n                <\/div>\r\n\r\n                                    <div class=\"ymla-product-colors\" data-total-colors=\"7\">\r\n                        <div class=\"ymla-product-colors-visible\">\r\n                                                            <span class=\"ymla-color-swatch\" style=\"background: #F5F5DC\"><\/span>\r\n                                                            <span class=\"ymla-color-swatch\" style=\"background: #000000\"><\/span>\r\n                                                            <span class=\"ymla-color-swatch\" style=\"background: #EEEEEE\"><\/span>\r\n                                                                                        <span class=\"ymla-color-more\" data-remaining=\"4\">+4 colors<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"ymla-product-colors-expanded\">\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #F5F5DC\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #000000\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #EEEEEE\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #808080\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: light-gray\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: off-white\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #FFFFFF\"><\/span>\r\n                                                                <span class=\"ymla-color-less\">less<\/span>\r\n                            <\/div>\r\n                                            <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n                <div class=\"ymla-product-card\">\r\n            <div class=\"ymla-product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/cactuwa-planter-pot\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2025\/10\/P1304-300x300.jpg\" alt=\"Cactuwa Planter Pot\" class=\"ymla-product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"ymla-product-actions\">\r\n                    <button class=\"ymla-action-icon ymla-wishlist-btn\" data-product-id=\"11189\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"ymla-action-icon ymla-cart-btn\" data-product-id=\"11189\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ymla-product-info\">\r\n                <h3 class=\"ymla-product-name\">\r\n                    <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/cactuwa-planter-pot\/\">\r\n                        Cactuwa Planter Pot                    <\/a>\r\n                <\/h3>\r\n\r\n                <div class=\"ymla-rating-row\">\r\n                                    <\/div>\r\n\r\n                <div class=\"ymla-price-row\">\r\n                    <div class=\"ymla-product-price\">\r\n                        <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;4,259<\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;5,960<\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066EGP&nbsp;4,259\u2069 \u062e\u0644\u0627\u0644 \u2066EGP&nbsp;5,960\u2069<\/span>                    <\/div>\r\n                <\/div>\r\n\r\n                                    <div class=\"ymla-product-colors\" data-total-colors=\"5\">\r\n                        <div class=\"ymla-product-colors-visible\">\r\n                                                            <span class=\"ymla-color-swatch\" style=\"background: #F5F5DC\"><\/span>\r\n                                                            <span class=\"ymla-color-swatch\" style=\"background: #000000\"><\/span>\r\n                                                            <span class=\"ymla-color-swatch\" style=\"background: #EEEEEE\"><\/span>\r\n                                                                                        <span class=\"ymla-color-more\" data-remaining=\"2\">+2 colors<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"ymla-product-colors-expanded\">\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #F5F5DC\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #000000\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #EEEEEE\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #808080\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #FFFFFF\"><\/span>\r\n                                                                <span class=\"ymla-color-less\">less<\/span>\r\n                            <\/div>\r\n                                            <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n                <div class=\"ymla-product-card\">\r\n            <div class=\"ymla-product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/lunara-sink\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2026\/01\/Lunara-Sink-2-300x300.png\" alt=\"Lunara Sink\" class=\"ymla-product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"ymla-product-actions\">\r\n                    <button class=\"ymla-action-icon ymla-wishlist-btn\" data-product-id=\"38929\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"ymla-action-icon ymla-cart-btn\" data-product-id=\"38929\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ymla-product-info\">\r\n                <h3 class=\"ymla-product-name\">\r\n                    <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/lunara-sink\/\">\r\n                        Lunara Sink                    <\/a>\r\n                <\/h3>\r\n\r\n                <div class=\"ymla-rating-row\">\r\n                                    <\/div>\r\n\r\n                <div class=\"ymla-price-row\">\r\n                    <div class=\"ymla-product-price\">\r\n                        <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;7,150<\/bdi><\/span> <span aria-hidden=\"true\"> \u2013 <\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;23,100<\/bdi><\/span><span class=\"screen-reader-text\">\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u2066EGP&nbsp;7,150\u2069 \u062e\u0644\u0627\u0644 \u2066EGP&nbsp;23,100\u2069<\/span>                    <\/div>\r\n                <\/div>\r\n\r\n                            <\/div>\r\n        <\/div>\r\n                <div class=\"ymla-product-card\">\r\n            <div class=\"ymla-product-image-wrapper\">\r\n                <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/duwal-planter-pot\/\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/cdn.shaheenfaroukdesigns.com\/unsafe\/https:\/\/shaheenfaroukdesigns.com\/wp-content\/uploads\/2025\/10\/P1256-300x300.jpg\" alt=\"Duwal Planter Pot\" class=\"ymla-product-image\">\r\n                                    <\/a>\r\n\r\n                <div class=\"ymla-product-actions\">\r\n                    <button class=\"ymla-action-icon ymla-wishlist-btn\" data-product-id=\"11160\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"ymla-action-icon ymla-cart-btn\" data-product-id=\"11160\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ymla-product-info\">\r\n                <h3 class=\"ymla-product-name\">\r\n                    <a href=\"https:\/\/shaheenfaroukdesigns.com\/ar\/shop\/duwal-planter-pot\/\">\r\n                        Duwal Planter Pot                    <\/a>\r\n                <\/h3>\r\n\r\n                <div class=\"ymla-rating-row\">\r\n                                    <\/div>\r\n\r\n                <div class=\"ymla-price-row\">\r\n                    <div class=\"ymla-product-price\">\r\n                        <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">EGP<\/span>&nbsp;9,051<\/bdi><\/span>                    <\/div>\r\n                <\/div>\r\n\r\n                                    <div class=\"ymla-product-colors\" data-total-colors=\"4\">\r\n                        <div class=\"ymla-product-colors-visible\">\r\n                                                            <span class=\"ymla-color-swatch\" style=\"background: #F5F5DC\"><\/span>\r\n                                                            <span class=\"ymla-color-swatch\" style=\"background: #000000\"><\/span>\r\n                                                            <span class=\"ymla-color-swatch\" style=\"background: #EEEEEE\"><\/span>\r\n                                                                                        <span class=\"ymla-color-more\" data-remaining=\"1\">+1 colors<\/span>\r\n                                                    <\/div>\r\n                                                    <div class=\"ymla-product-colors-expanded\">\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #F5F5DC\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #000000\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #EEEEEE\"><\/span>\r\n                                                                    <span class=\"ymla-color-swatch\" style=\"background: #FFFFFF\"><\/span>\r\n                                                                <span class=\"ymla-color-less\">less<\/span>\r\n                            <\/div>\r\n                                            <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n        <\/div><\/div><button class=\"ymla-next\" aria-label=\"Next\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/button><\/div><\/div>        <div class=\"wc-wholesale-section\">\r\n            <div class=\"wholesale-container\">\r\n                <div class=\"wholesale-header\">\r\n                    <h2 class=\"wholesale-title\">Wholesale & Customization<\/h2>\r\n                    <p class=\"wholesale-subtitle\">Looking to stock up on premium planters and decor for your business?<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wholesale-cards\">\r\n                    <!-- Bulk And Wholesale Card -->\r\n                    <div class=\"wholesale-card\" style=\"background-image: url('https:\/\/shaheenfaroukdesigns.com\/wp-content\/plugins\/woocmmerce%20short%20code%20sharaf\/assets\/images\/bg1.png');\">\r\n                        <div class=\"wholesale-card-overlay\"><\/div>\r\n                        <div class=\"wholesale-card-content\">\r\n                            <h3>Bulk And Wholesale<\/h3>\r\n                            <p>We offer exclusive discounts and seamless ordering for wholesale clients. Perfect for retailers, interior designers, and event planners<\/p>\r\n                            <a href=\"https:\/\/shaheenfaroukdesign.com\/wholesale\/\" class=\"wholesale-btn\" target=\"_blank\" rel=\"noopener\">\r\n                                Order here\r\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                    <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Customization Card -->\r\n                    <div class=\"wholesale-card\" style=\"background-image: url('https:\/\/shaheenfaroukdesigns.com\/wp-content\/plugins\/woocmmerce%20short%20code%20sharaf\/assets\/images\/bg2.png');\">\r\n                        <div class=\"wholesale-card-overlay\"><\/div>\r\n                        <div class=\"wholesale-card-content\">\r\n                            <h3>Customization<\/h3>\r\n                            <p>We offer exclusive discounts and seamless ordering for wholesale clients. Perfect for retailers, interior designers, and event planners<\/p>\r\n                            <a href=\"https:\/\/shaheenfaroukdesign.com\/customization\/\" class=\"wholesale-btn\" target=\"_blank\" rel=\"noopener\">\r\n                                Order here\r\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                    <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                <script>\r\n        jQuery(document).ready(function($) {\r\n            \/\/ Ensure ajaxscript is available\r\n            if (typeof window.ajaxscript === 'undefined') {\r\n                window.ajaxscript = {\r\n                    ajax_url: 'https:\/\/shaheenfaroukdesigns.com\/wp-admin\/admin-ajax.php',\r\n                    nonce: 'c05884bb0b'\r\n                };\r\n            }\r\n\r\n            console.log('\ud83d\uded2 WC Shop Layout initialized');\r\n            console.log('\u2705 AJAX config:', window.ajaxscript);\r\n\r\n            \/\/ === Mobile Sidebar Toggle ===\r\n            const $sidebar = $('.shop-sidebar');\r\n            const $overlay = $('.sidebar-overlay');\r\n            const $mobileToggle = $('.mobile-filter-toggle');\r\n            const $closeBtn = $('.sidebar-close-btn');\r\n\r\n            console.log('Mobile toggle found:', $mobileToggle.length);\r\n            console.log('Sidebar found:', $sidebar.length);\r\n            console.log('Overlay found:', $overlay.length);\r\n\r\n            \/\/ Open sidebar\r\n            $mobileToggle.on('click', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                console.log('Filter button clicked!');\r\n\r\n                \/\/ Use setTimeout to prevent immediate overlay click\r\n                setTimeout(function() {\r\n                    $sidebar.addClass('active');\r\n                    $overlay.addClass('active');\r\n                    $('body').addClass('sidebar-open');\r\n                }, 10);\r\n            });\r\n\r\n            \/\/ Close sidebar\r\n            function closeSidebar() {\r\n                console.log('Closing sidebar');\r\n                $sidebar.removeClass('active');\r\n                $overlay.removeClass('active');\r\n                $('body').removeClass('sidebar-open');\r\n            }\r\n\r\n            $closeBtn.on('click', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                closeSidebar();\r\n            });\r\n\r\n            $overlay.on('click', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                closeSidebar();\r\n            });\r\n\r\n            \/\/ Prevent sidebar clicks from closing\r\n            $sidebar.on('click', function(e) {\r\n                e.stopPropagation();\r\n            });\r\n\r\n            \/\/ Close on ESC key\r\n            $(document).on('keydown', function(e) {\r\n                if (e.key === 'Escape' && $sidebar.hasClass('active')) {\r\n                    closeSidebar();\r\n                }\r\n            });\r\n\r\n            \/\/ Auto-close sidebar on filter selection (mobile only)\r\n            if ($(window).width() <= 1024) {\r\n                $('input[type=\"checkbox\"]').on('change', function() {\r\n                    \/\/ Optional: Uncomment to auto-close after filter selection\r\n                    \/\/ setTimeout(closeSidebar, 300);\r\n                });\r\n            }\r\n\r\n            \/\/ Prevent document clicks from interfering (add after delay)\r\n            setTimeout(function() {\r\n                $(document).on('click.sidebar', function(e) {\r\n                    \/\/ Close sidebar if clicking outside and sidebar is open\r\n                    if ($sidebar.hasClass('active')) {\r\n                        const $target = $(e.target);\r\n                        if (!$target.closest('.shop-sidebar').length &&\r\n                            !$target.closest('.mobile-filter-toggle').length) {\r\n                            console.log('Click outside detected, closing sidebar');\r\n                            closeSidebar();\r\n                        }\r\n                    }\r\n                });\r\n            }, 100);\r\n\r\n            \/\/ Filter toggle\r\n            $('.filter-title').on('click', function() {\r\n                $(this).closest('.filter-section').toggleClass('collapsed');\r\n            });\r\n\r\n            \/\/ Category toggle for subcategories\r\n            $('.category-toggle').on('click', function(e) {\r\n                e.stopPropagation();\r\n                e.preventDefault();\r\n                const $categoryItem = $(this).closest('.category-item');\r\n                const $children = $categoryItem.find('.category-children');\r\n\r\n                \/\/ Toggle expanded class\r\n                $categoryItem.toggleClass('expanded');\r\n\r\n                \/\/ Slide toggle the children\r\n                $children.slideToggle(300);\r\n            });\r\n\r\n            \/\/ Reset filters\r\n            $('.reset-filters').on('click', function() {\r\n                $('input[type=\"checkbox\"]').prop('checked', false);\r\n                \/\/ Reset price sliders and inputs\r\n                const minSlider = $('#price-min-slider');\r\n                const maxSlider = $('#price-max-slider');\r\n                const minInput = $('#price-min-input');\r\n                const maxInput = $('#price-max-input');\r\n                minSlider.val(minSlider.attr('min'));\r\n                maxSlider.val(maxSlider.attr('max'));\r\n                minInput.val(minInput.attr('min'));\r\n                maxInput.val(maxInput.attr('max'));\r\n                updateSliderRange();\r\n                \/\/ Reset sort\r\n                $('#orderby-select').val('date');\r\n                \/\/ Collapse all category items\r\n                $('.category-item').removeClass('expanded');\r\n                $('.category-children').slideUp(300);\r\n                updateActiveFilters();\r\n                filterProducts();\r\n            });\r\n\r\n            \/\/ Filter changes\r\n            $('input[type=\"checkbox\"]').on('change', function() {\r\n                updateActiveFilters();\r\n                filterProducts();\r\n            });\r\n\r\n            \/\/ Sort by change\r\n            $('#orderby-select').on('change', function() {\r\n                filterProducts();\r\n            });\r\n\r\n            \/\/ Price range slider and inputs\r\n            const minSlider = $('#price-min-slider');\r\n            const maxSlider = $('#price-max-slider');\r\n            const minInput = $('#price-min-input');\r\n            const maxInput = $('#price-max-input');\r\n            const minValue = $('#price-min-value');\r\n            const maxValue = $('#price-max-value');\r\n            const sliderRange = $('#slider-range');\r\n\r\n            function updateSliderRange() {\r\n                const min = parseInt(minSlider.val());\r\n                const max = parseInt(maxSlider.val());\r\n                const sliderMin = parseInt(minSlider.attr('min'));\r\n                const sliderMax = parseInt(minSlider.attr('max'));\r\n\r\n                \/\/ Prevent overlap\r\n                if (min >= max) {\r\n                    if ($(this).attr('id') === 'price-min-slider') {\r\n                        minSlider.val(max - 10);\r\n                    } else {\r\n                        maxSlider.val(min + 10);\r\n                    }\r\n                    return;\r\n                }\r\n\r\n                \/\/ Update inputs and hidden values\r\n                minInput.val(min);\r\n                maxInput.val(max);\r\n                minValue.val(min);\r\n                maxValue.val(max);\r\n\r\n                \/\/ Update range bar\r\n                const percentMin = ((min - sliderMin) \/ (sliderMax - sliderMin)) * 100;\r\n                const percentMax = ((max - sliderMin) \/ (sliderMax - sliderMin)) * 100;\r\n                sliderRange.css({\r\n                    'left': percentMin + '%',\r\n                    'width': (percentMax - percentMin) + '%'\r\n                });\r\n\r\n                console.log('\ud83d\udcb0 Price range:', min, '-', max);\r\n            }\r\n\r\n            function updateFromInputs() {\r\n                let min = parseInt(minInput.val()) || parseInt(minInput.attr('min'));\r\n                let max = parseInt(maxInput.val()) || parseInt(maxInput.attr('max'));\r\n                const sliderMin = parseInt(minSlider.attr('min'));\r\n                const sliderMax = parseInt(minSlider.attr('max'));\r\n\r\n                \/\/ Validate and constrain values\r\n                min = Math.max(sliderMin, Math.min(min, sliderMax));\r\n                max = Math.max(sliderMin, Math.min(max, sliderMax));\r\n\r\n                \/\/ Prevent overlap\r\n                if (min >= max) {\r\n                    min = max - 10;\r\n                }\r\n\r\n                \/\/ Update everything\r\n                minSlider.val(min);\r\n                maxSlider.val(max);\r\n                minInput.val(min);\r\n                maxInput.val(max);\r\n                minValue.val(min);\r\n                maxValue.val(max);\r\n\r\n                \/\/ Update range bar\r\n                const percentMin = ((min - sliderMin) \/ (sliderMax - sliderMin)) * 100;\r\n                const percentMax = ((max - sliderMin) \/ (sliderMax - sliderMin)) * 100;\r\n                sliderRange.css({\r\n                    'left': percentMin + '%',\r\n                    'width': (percentMax - percentMin) + '%'\r\n                });\r\n\r\n                console.log('\ud83d\udcb0 Price range updated from inputs:', min, '-', max);\r\n            }\r\n\r\n            \/\/ Slider events\r\n            minSlider.on('input', updateSliderRange);\r\n            maxSlider.on('input', updateSliderRange);\r\n\r\n            \/\/ Filter on slider release\r\n            minSlider.on('change', function() {\r\n                updateActiveFilters();\r\n                filterProducts();\r\n            });\r\n            maxSlider.on('change', function() {\r\n                updateActiveFilters();\r\n                filterProducts();\r\n            });\r\n\r\n            \/\/ Input field events\r\n            minInput.on('input', function() {\r\n                updateFromInputs();\r\n            });\r\n            maxInput.on('input', function() {\r\n                updateFromInputs();\r\n            });\r\n\r\n            \/\/ Filter on input blur (when user finishes typing)\r\n            minInput.on('blur', function() {\r\n                updateActiveFilters();\r\n                filterProducts();\r\n            });\r\n            maxInput.on('blur', function() {\r\n                updateActiveFilters();\r\n                filterProducts();\r\n            });\r\n\r\n            \/\/ Filter on Enter key\r\n            minInput.on('keypress', function(e) {\r\n                if (e.which === 13) {\r\n                    $(this).blur();\r\n                }\r\n            });\r\n            maxInput.on('keypress', function(e) {\r\n                if (e.which === 13) {\r\n                    $(this).blur();\r\n                }\r\n            });\r\n\r\n            \/\/ Initialize slider range\r\n            updateSliderRange();\r\n\r\n            \/\/ Update active filters display\r\n            function updateActiveFilters() {\r\n                const activeFiltersContainer = $('.active-filters-list');\r\n                activeFiltersContainer.empty();\r\n\r\n                let hasActiveFilters = false;\r\n\r\n                \/\/ Get selected categories\r\n                $('input[name=\"category[]\"]:checked').each(function() {\r\n                    const label = $(this).next('span').text();\r\n                    const value = $(this).val();\r\n                    activeFiltersContainer.append(createFilterBadge(label, 'category', value, null, null));\r\n                    hasActiveFilters = true;\r\n                });\r\n\r\n                \/\/ Get selected colors from sidebar color filter\r\n                $('input[name=\"pa_colors[]\"]:checked').each(function() {\r\n                    const label = $(this).siblings('.color-label-sidebar').text();\r\n                    const value = $(this).val();\r\n                    const taxonomy = 'pa_colors';\r\n                    const colorSwatch = $(this).siblings('.color-swatch-sidebar');\r\n                    const colorValue = colorSwatch.length > 0 ? colorSwatch.css('background') : null;\r\n\r\n                    activeFiltersContainer.append(createFilterBadge(label, 'attribute', value, taxonomy, colorValue));\r\n                    hasActiveFilters = true;\r\n                });\r\n\r\n                \/\/ Get selected dynamic attributes\r\n                $('input[type=\"checkbox\"][data-taxonomy]:checked').each(function() {\r\n                    \/\/ Skip pa_colors as it's already handled above\r\n                    if ($(this).data('taxonomy') === 'pa_colors') {\r\n                        return;\r\n                    }\r\n\r\n                    const label = $(this).next('.color-swatch-filter').length > 0\r\n                        ? $(this).siblings('span:last').text()\r\n                        : $(this).next('span').text();\r\n                    const value = $(this).val();\r\n                    const taxonomy = $(this).data('taxonomy');\r\n                    const attributeName = $(this).attr('name').replace('[]', '');\r\n\r\n                    \/\/ Check if this is a color attribute\r\n                    const colorSwatch = $(this).next('.color-swatch-filter');\r\n                    const colorValue = colorSwatch.length > 0 ? colorSwatch.css('background-color') : null;\r\n\r\n                    activeFiltersContainer.append(createFilterBadge(label, 'attribute', value, taxonomy, colorValue));\r\n                    hasActiveFilters = true;\r\n                });\r\n\r\n                \/\/ Get price range (if not default)\r\n                const minPrice = parseInt($('#price-min-value').val());\r\n                const maxPrice = parseInt($('#price-max-value').val());\r\n                const defaultMin = parseInt($('#price-min-slider').attr('min'));\r\n                const defaultMax = parseInt($('#price-max-slider').attr('max'));\r\n\r\n                if (minPrice !== defaultMin || maxPrice !== defaultMax) {\r\n                    const priceLabel = 'Price : $' + minPrice + ' - $' + maxPrice;\r\n                    activeFiltersContainer.append(createFilterBadge(priceLabel, 'price', null, null, null));\r\n                    hasActiveFilters = true;\r\n                }\r\n\r\n                \/\/ Show\/hide section\r\n                if (hasActiveFilters) {\r\n                    $('.active-filters-section').show();\r\n                } else {\r\n                    $('.active-filters-section').hide();\r\n                }\r\n            }\r\n\r\n            \/\/ Create filter badge HTML\r\n            function createFilterBadge(label, type, value, taxonomy, colorValue) {\r\n                const badge = $('<div class=\"active-filter-badge\">');\r\n\r\n                \/\/ If color value is provided, add color swatch\r\n                if (colorValue) {\r\n                    const colorSwatch = $('<span class=\"badge-color-swatch\">')\r\n                        .css('background-color', colorValue);\r\n                    badge.append(colorSwatch);\r\n                }\r\n\r\n                badge.append($('<span>').text(label));\r\n\r\n                const btn = $('<button class=\"filter-remove-btn\" data-filter-type=\"' + type + '\" data-filter-value=\"' + value + '\">')\r\n                    .html('<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>');\r\n\r\n                if (taxonomy) {\r\n                    btn.attr('data-taxonomy', taxonomy);\r\n                }\r\n\r\n                badge.append(btn);\r\n                return badge;\r\n            }\r\n\r\n            \/\/ Handle removing individual filters\r\n            $(document).on('click', '.filter-remove-btn', function(e) {\r\n                e.preventDefault();\r\n                const type = $(this).data('filter-type');\r\n                const value = $(this).data('filter-value');\r\n                const taxonomy = $(this).data('taxonomy');\r\n\r\n                console.log('\ud83d\uddd1\ufe0f Removing filter:', type, value, taxonomy);\r\n\r\n                if (type === 'price') {\r\n                    \/\/ Reset price sliders and inputs\r\n                    const minSlider = $('#price-min-slider');\r\n                    const maxSlider = $('#price-max-slider');\r\n                    const minInput = $('#price-min-input');\r\n                    const maxInput = $('#price-max-input');\r\n                    minSlider.val(minSlider.attr('min'));\r\n                    maxSlider.val(maxSlider.attr('max'));\r\n                    minInput.val(minInput.attr('min'));\r\n                    maxInput.val(maxInput.attr('max'));\r\n                    updateSliderRange();\r\n                } else if (type === 'attribute' && taxonomy) {\r\n                    \/\/ Uncheck the corresponding attribute checkbox\r\n                    $('input[data-taxonomy=\"' + taxonomy + '\"][value=\"' + value + '\"]').prop('checked', false);\r\n                } else {\r\n                    \/\/ Uncheck the corresponding category checkbox\r\n                    $('input[name=\"' + type + '[]\"][value=\"' + value + '\"]').prop('checked', false);\r\n                }\r\n\r\n                updateActiveFilters();\r\n                filterProducts();\r\n            });\r\n\r\n            \/\/ AJAX filter function\r\n            \/\/ Pagination state\r\n            let currentPage = 1;\r\n            let isLoading = false;\r\n            let hasMore = $('.wc-shop-layout').data('has-more') === 1;\r\n\r\n            \/\/ Initialize View More button visibility\r\n            if (hasMore) {\r\n                $('.view-more-container').show();\r\n            } else {\r\n                $('.view-more-container').hide();\r\n            }\r\n            console.log('\ud83d\udd04 Initial hasMore state:', hasMore);\r\n\r\n            function filterProducts(page = 1, append = false) {\r\n                if (isLoading) return;\r\n\r\n                console.log('\ud83d\udd04 Filtering products... Page:', page);\r\n\r\n                \/\/ Reset to page 1 if not appending (new filter)\r\n                if (!append) {\r\n                    currentPage = 1;\r\n                    page = 1;\r\n                    hasMore = true; \/\/ Reset hasMore when filters change\r\n                }\r\n\r\n                const categories = $('input[name=\"category[]\"]:checked').map(function() {\r\n                    const val = $(this).val();\r\n                    console.log('  - Category checked:', val);\r\n                    return val;\r\n                }).get();\r\n\r\n                \/\/ Collect color filters from sidebar\r\n                const paColors = $('input[name=\"pa_colors[]\"]:checked').map(function() {\r\n                    return $(this).val();\r\n                }).get();\r\n\r\n                \/\/ Collect dynamic attribute filters\r\n                const attributeData = {};\r\n\r\n                \/\/ Add pa_colors to attributeData if any selected\r\n                if (paColors.length > 0) {\r\n                    attributeData['pa_colors'] = paColors;\r\n                }\r\n\r\n                $('input[type=\"checkbox\"][data-taxonomy]').each(function() {\r\n                    if ($(this).is(':checked')) {\r\n                        const taxonomy = $(this).data('taxonomy');\r\n                        const value = $(this).val();\r\n\r\n                        \/\/ Skip pa_colors if already handled\r\n                        if (taxonomy === 'pa_colors') {\r\n                            return;\r\n                        }\r\n\r\n                        if (!attributeData[taxonomy]) {\r\n                            attributeData[taxonomy] = [];\r\n                        }\r\n                        attributeData[taxonomy].push(value);\r\n                    }\r\n                });\r\n\r\n                const minPrice = parseInt($('#price-min-value').val()) || 0;\r\n                const maxPrice = parseInt($('#price-max-value').val()) || 10000;\r\n                const orderby = $('#orderby-select').val() || 'date';\r\n                const searchQuery = $('.wc-shop-layout').data('search-query') || '';\r\n                const featured = $('input[name=\"featured\"]:checked').val() || '';\r\n\r\n                console.log('\ud83d\udce6 Filter data:', {\r\n                    categories: categories,\r\n                    categoriesLength: categories.length,\r\n                    attributes: attributeData,\r\n                    priceRange: minPrice + ' - ' + maxPrice,\r\n                    orderby: orderby,\r\n                    search: searchQuery\r\n                });\r\n\r\n                \/\/ Log the actual category slugs\r\n                if (categories.length > 0) {\r\n                    console.log('\ud83c\udff7\ufe0f Category slugs being sent:', categories);\r\n                } else {\r\n                    console.log('\ud83c\udff7\ufe0f No categories selected - will show ALL products');\r\n                }\r\n\r\n                \/\/ Build data object with dynamic attributes\r\n                const ajaxData = {\r\n                    action: 'wc_shop_filter',\r\n                    nonce: window.ajaxscript.nonce,\r\n                    category: categories,\r\n                    min_price: minPrice,\r\n                    max_price: maxPrice,\r\n                    orderby: orderby,\r\n                    search: searchQuery,\r\n                    featured: featured,\r\n                    page: page\r\n                };\r\n\r\n                \/\/ Add attribute data dynamically\r\n                Object.keys(attributeData).forEach(function(taxonomy) {\r\n                    ajaxData[taxonomy] = attributeData[taxonomy];\r\n                });\r\n\r\n                $.ajax({\r\n                    url: window.ajaxscript.ajax_url,\r\n                    type: 'POST',\r\n                    data: ajaxData,\r\n                    beforeSend: function() {\r\n                        isLoading = true;\r\n                        console.log('\u23f3 Loading products...');\r\n                        if (!append) {\r\n                            $('.products-grid').addClass('loading').css('opacity', '0.5');\r\n                        } else {\r\n                            \/\/ Show loading indicator for infinite scroll\r\n                            if ($('.infinite-scroll-loader').length === 0) {\r\n                                $('.products-grid').after('<div class=\"infinite-scroll-loader\" style=\"text-align: center; padding: 20px;\"><span class=\"spinner\" style=\"display: inline-block; width: 40px; height: 40px; border: 3px solid #f3f3f3; border-top: 3px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite;\"><\/span><\/div>');\r\n                            }\r\n                        }\r\n                    },\r\n                    success: function(response) {\r\n                        console.log('\u2705 AJAX Response:', response);\r\n                        console.log('\ud83d\udcca Products count:', response.data.count);\r\n                        console.log('\ud83d\udd0d Applied filters:', response.data.filters);\r\n\r\n                        isLoading = false;\r\n                        $('.infinite-scroll-loader').remove();\r\n\r\n                        if (response.success) {\r\n                            \/\/ Update pagination state\r\n                            hasMore = response.data.has_more;\r\n                            currentPage = response.data.page;\r\n\r\n                            console.log('\ud83d\udcca Pagination state:', {\r\n                                page: currentPage,\r\n                                hasMore: hasMore,\r\n                                total: response.data.total,\r\n                                count: response.data.count\r\n                            });\r\n\r\n                            \/\/ Update results count\r\n                            const totalResults = response.data.total;\r\n                            const showingEnd = Math.min(currentPage * 12, totalResults);\r\n                            $('#showing-start').text(totalResults > 0 ? 1 : 0);\r\n                            $('#showing-end').text(showingEnd);\r\n                            $('#total-results').text(totalResults);\r\n\r\n                            if (response.data.count === 0 && !append) {\r\n                                $('.products-grid').html('<p class=\"no-products\" style=\"text-align: center; padding: 40px; color: #666;\">No products found matching your criteria. Try adjusting your filters.<\/p>');\r\n                                console.warn('\u26a0\ufe0f No products found for these filters');\r\n                            } else if (response.data.html && response.data.html.trim() !== '') {\r\n                                if (append) {\r\n    const $grid = $('.products-grid');\r\n    const $incoming = $('<div>').html(response.data.html);\r\n\r\n    $incoming.find('.product-card').each(function() {\r\n        const productId = $(this).data('product-id');\r\n\r\n        if ($grid.find('.product-card[data-product-id=\"' + productId + '\"]').length === 0) {\r\n            $grid.append($(this));\r\n        } else {\r\n            console.warn('\u26a0\ufe0f Duplicate product skipped:', productId);\r\n        }\r\n    });\r\n\r\n    console.log('\u2705 Products appended to DOM with duplicate protection');\r\n} else {\r\n    $('.products-grid').html(response.data.html);\r\n    console.log('\u2705 Products updated in DOM');\r\n}\r\n                            } else if (!append) {\r\n                                $('.products-grid').html('<p class=\"no-products\">Error loading products.<\/p>');\r\n                                console.error('\u274c No HTML in response despite product count');\r\n                            }\r\n\r\n                            \/\/ Show\/Hide View More button and reset state\r\n                            $('.view-more-btn').prop('disabled', false).find('.btn-text').text('View More Products');\r\n                            if (hasMore) {\r\n                                $('.view-more-container').show();\r\n                            } else {\r\n                                $('.view-more-container').hide();\r\n                            }\r\n\r\n                            $('.products-grid').removeClass('loading').css('opacity', '1');\r\n                        } else {\r\n                            console.error('\u274c Filter failed:', response);\r\n                            $('.products-grid').removeClass('loading').css('opacity', '1');\r\n                        }\r\n                    },\r\n                    error: function(xhr, status, error) {\r\n                        isLoading = false;\r\n                        $('.infinite-scroll-loader').remove();\r\n                        $('.view-more-btn').prop('disabled', false).find('.btn-text').text('View More Products');\r\n                        console.error('\u274c AJAX Error:', status, error);\r\n                        console.error('Response:', xhr.responseText);\r\n                        $('.products-grid').removeClass('loading').css('opacity', '1');\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ Add to cart functionality (reuse from main plugin)\r\n            $(document).on('click', '.cart-btn', function(e) {\r\n                e.preventDefault();\r\n                const btn = $(this);\r\n                const productId = btn.data('product-id');\r\n\r\n                console.log('\ud83d\uded2 Adding to cart:', productId);\r\n\r\n                \/\/ Add to cart - backend handles both simple and variable products\r\n                addSimpleProductToCart(btn, productId);\r\n            });\r\n\r\n            function addSimpleProductToCart(btn, productId) {\r\n                btn.prop('disabled', true).html('<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\" opacity=\"0.3\"\/><path d=\"M12 2a10 10 0 0 1 10 10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 12 12\" to=\"360 12 12\" dur=\"1s\" repeatCount=\"indefinite\"\/><\/path><\/svg>');\r\n\r\n                $.ajax({\r\n                    url: window.ajaxscript.ajax_url,\r\n                    type: 'POST',\r\n                    data: {\r\n                        action: 'wc_catalog_add_to_cart',\r\n                        nonce: window.ajaxscript.nonce,\r\n                        product_id: productId,\r\n                        quantity: 1\r\n                    },\r\n                    success: function(response) {\r\n                        console.log('\ud83d\uded2 Add to cart response:', response);\r\n\r\n                        if (response.success) {\r\n                            console.log('\u2705 Added to cart');\r\n                            showNotification(response.data.message || 'Added to cart!', 'success');\r\n                            $(document.body).trigger('wc_fragment_refresh');\r\n\r\n                            \/\/ Update cart icon if exists\r\n                            if (response.data.cart_count) {\r\n                                $('.cart-count').text(response.data.cart_count);\r\n                            }\r\n\r\n                            \/\/ Open cart sidebar\r\n                            \/\/ $('.sfhh-cart-sidebar').addClass('active');\r\n                            \/\/ $('.sfhh-cart-overlay').addClass('active');\r\n                            \/\/ $('body').addClass('sfhh-cart-open');\r\n                             $('.sfhh-cart-link').click();\r\n                        } else {\r\n                            console.error('\u274c Failed:', response);\r\n                            const errorMsg = response.data && response.data.message ? response.data.message : 'Failed to add to cart';\r\n                            showNotification(errorMsg, 'error');\r\n                        }\r\n\r\n                        setTimeout(function() {\r\n                            btn.prop('disabled', false).html('<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/><\/svg>');\r\n                        }, 1000);\r\n                    },\r\n                    error: function(xhr, status, error) {\r\n                        console.error('\u274c AJAX Error:', status, error);\r\n                        console.error('Response:', xhr.responseText);\r\n                        showNotification('Network error. Please try again.', 'error');\r\n\r\n                        setTimeout(function() {\r\n                            btn.prop('disabled', false).html('<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"\/><\/svg>');\r\n                        }, 1000);\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ Wishlist functionality\r\n            $(document).on('click', '.wishlist-btn', function(e) {\r\n                e.preventDefault();\r\n                const btn = $(this);\r\n                const productId = btn.data('product-id');\r\n\r\n                btn.toggleClass('active');\r\n\r\n                let wishlist = JSON.parse(localStorage.getItem('wc_wishlist') || '[]');\r\n\r\n                if (btn.hasClass('active')) {\r\n                    if (!wishlist.includes(productId)) {\r\n                        wishlist.push(productId);\r\n                        showNotification('Added to wishlist!', 'success');\r\n                    }\r\n                } else {\r\n                    wishlist = wishlist.filter(id => id !== productId);\r\n                    showNotification('Removed from wishlist', 'info');\r\n                }\r\n\r\n                localStorage.setItem('wc_wishlist', JSON.stringify(wishlist));\r\n            });\r\n\r\n            \/\/ Load wishlist state\r\n            const wishlist = JSON.parse(localStorage.getItem('wc_wishlist') || '[]');\r\n            wishlist.forEach(function(productId) {\r\n                $(`.wishlist-btn[data-product-id=\"${productId}\"]`).addClass('active');\r\n            });\r\n\r\n            \/\/ Color expansion functionality - Show more\r\n            $(document).on('click', '.color-more, .ymla-color-more', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                const $colorContainer = $(this).closest('.product-colors, .ymla-product-colors');\r\n\r\n                \/\/ Add expanded class to show all colors\r\n                $colorContainer.addClass('expanded');\r\n            });\r\n\r\n            \/\/ Color collapse functionality - less\r\n            $(document).on('click', '.color-less, .ymla-color-less', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                const $colorContainer = $(this).closest('.product-colors, .ymla-product-colors');\r\n\r\n                \/\/ Remove expanded class to hide colors\r\n                $colorContainer.removeClass('expanded');\r\n            });\r\n\r\n            \/\/ Notification helper\r\n            function showNotification(message, type) {\r\n                $('.wc-shop-notification').remove();\r\n                const notification = $(`<div class=\"wc-shop-notification ${type}\">${message}<\/div>`);\r\n                $('body').append(notification);\r\n                setTimeout(() => notification.addClass('show'), 100);\r\n                setTimeout(() => {\r\n                    notification.removeClass('show');\r\n                    setTimeout(() => notification.remove(), 300);\r\n                }, 3000);\r\n            }\r\n\r\n            \/\/ Initialize active filters on page load\r\n            updateActiveFilters();\r\n\r\n            \/\/ === You Might Also Like Carousel ===\r\n            const ymlaCarousel = $('.ymla-carousel');\r\n            const ymlaTrack = $('.ymla-track');\r\n            const ymlaPrev = $('.ymla-prev');\r\n            const ymlaNext = $('.ymla-next');\r\n\r\n            if (ymlaCarousel.length && ymlaTrack.length) {\r\n                let currentIndex = 0;\r\n                const totalCards = $('.ymla-product-card').length;\r\n                let cardsPerView = 4;\r\n\r\n                \/\/ Update cards per view based on screen size\r\n                function updateCardsPerView() {\r\n                    const width = $(window).width();\r\n                    if (width <= 480) cardsPerView = 1;\r\n                    else if (width <= 768) cardsPerView = 2;\r\n                    else if (width <= 992) cardsPerView = 3;\r\n                    else cardsPerView = 4;\r\n                }\r\n\r\n                function updateCarousel() {\r\n                    updateCardsPerView();\r\n                    const maxIndex = Math.max(0, totalCards - cardsPerView);\r\n                    currentIndex = Math.min(currentIndex, maxIndex);\r\n\r\n                    \/\/ Update button states\r\n                    ymlaPrev.prop('disabled', currentIndex === 0);\r\n                    ymlaNext.prop('disabled', currentIndex >= maxIndex);\r\n\r\n                    \/\/ Since we're using CSS Grid, we don't need transform\r\n                    \/\/ The grid will automatically handle the layout\r\n                }\r\n\r\n                ymlaPrev.on('click', function() {\r\n                    if (currentIndex > 0) {\r\n                        currentIndex--;\r\n                        updateCarousel();\r\n                    }\r\n                });\r\n\r\n                ymlaNext.on('click', function() {\r\n                    updateCardsPerView();\r\n                    const maxIndex = Math.max(0, totalCards - cardsPerView);\r\n                    if (currentIndex < maxIndex) {\r\n                        currentIndex++;\r\n                        updateCarousel();\r\n                    }\r\n                });\r\n\r\n                $(window).on('resize', updateCarousel);\r\n                updateCarousel();\r\n            }\r\n\r\n            \/\/ Handle YMLA wishlist buttons\r\n            $(document).on('click', '.ymla-wishlist-btn', function(e) {\r\n                e.preventDefault();\r\n                const btn = $(this);\r\n                const productId = btn.data('product-id');\r\n\r\n                btn.toggleClass('active');\r\n\r\n                let wishlist = JSON.parse(localStorage.getItem('wc_wishlist') || '[]');\r\n\r\n                if (btn.hasClass('active')) {\r\n                    if (!wishlist.includes(productId)) {\r\n                        wishlist.push(productId);\r\n                        showNotification('Added to wishlist!', 'success');\r\n                    }\r\n                } else {\r\n                    wishlist = wishlist.filter(id => id !== productId);\r\n                    showNotification('Removed from wishlist', 'info');\r\n                }\r\n\r\n                localStorage.setItem('wc_wishlist', JSON.stringify(wishlist));\r\n            });\r\n\r\n            \/\/ Handle YMLA cart buttons\r\n            $(document).on('click', '.ymla-cart-btn', function(e) {\r\n                e.preventDefault();\r\n                const btn = $(this);\r\n                const productId = btn.data('product-id');\r\n\r\n                console.log('\ud83d\uded2 Adding to cart from YMLA:', productId);\r\n\r\n                \/\/ Add to cart - backend handles both simple and variable products\r\n                addYmlaProductToCart(btn, productId);\r\n            });\r\n\r\n            function addYmlaProductToCart(btn, productId) {\r\n                const originalHtml = btn.html();\r\n                btn.prop('disabled', true).html('<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\" opacity=\"0.3\"\/><\/svg>');\r\n\r\n                $.ajax({\r\n                    url: ajaxscript.ajax_url,\r\n                    type: 'POST',\r\n                    data: {\r\n                        action: 'wc_catalog_add_to_cart',\r\n                        nonce: ajaxscript.nonce,\r\n                        product_id: productId,\r\n                        quantity: 1\r\n                    },\r\n                    success: function(response) {\r\n                        if (response.success) {\r\n                            showNotification('Added to cart!', 'success');\r\n                            $(document.body).trigger('wc_fragment_refresh');\r\n                            if (response.data.cart_count) {\r\n                                $('.cart-count').text(response.data.cart_count);\r\n                            }\r\n                        } else {\r\n                            showNotification(response.data?.message || 'Failed to add to cart', 'error');\r\n                        }\r\n\r\n                        setTimeout(function() {\r\n                            btn.prop('disabled', false).html(originalHtml);\r\n                        }, 1000);\r\n                    },\r\n                    error: function() {\r\n                        showNotification('Network error. Please try again.', 'error');\r\n                        setTimeout(function() {\r\n                            btn.prop('disabled', false).html(originalHtml);\r\n                        }, 1000);\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ === View More Button ===\r\n            $(document).on('click', '.view-more-btn', function() {\r\n                if (isLoading) return;\r\n                console.log('\ud83d\udc46 View More clicked - Loading page', currentPage + 1);\r\n\r\n                const btn = $(this);\r\n                btn.prop('disabled', true);\r\n                btn.find('.btn-text').text('Loading...');\r\n\r\n                filterProducts(currentPage + 1, true);\r\n            });\r\n\r\n            \/\/ === FAQ Accordion ===\r\n            $(document).on('click', '.faq-question', function() {\r\n                const faqItem = $(this).closest('.faq-item');\r\n                const faqAnswer = faqItem.find('.faq-answer');\r\n                const isActive = faqItem.hasClass('active');\r\n\r\n                if (isActive) {\r\n                    \/\/ Close this item\r\n                    faqItem.removeClass('active');\r\n                    faqAnswer.slideUp(300);\r\n                } else {\r\n                    \/\/ Open this item\r\n                    faqItem.addClass('active');\r\n                    faqAnswer.slideDown(300);\r\n                }\r\n            });\r\n\r\n            console.log('\u2705 Shop filters ready');\r\n        });\r\n        <\/script>\r\n\r\n        <style>\r\n         nav.woocommerce-pagination,   ul.products.columns-4 , .woocommerce-notices-wrapper , p.woocommerce-result-count , form.woocommerce-ordering{\r\n    display: none;\r\n}\r\n        .products-grid.loading {\r\n            opacity: 0.5;\r\n            pointer-events: none;\r\n        }\r\n        @keyframes spin {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n        .infinite-scroll-loader {\r\n            text-align: center;\r\n            padding: 20px;\r\n        }\r\n        .infinite-scroll-loader .spinner {\r\n            display: inline-block;\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 3px solid #f3f3f3;\r\n            border-top: 3px solid #3498db;\r\n            border-radius: 50%;\r\n            animation: spin 1s linear infinite;\r\n        }\r\n        .view-more-container {\r\n            text-align: center;\r\n            padding: 40px 20px;\r\n            margin-top: 20px;\r\n        }\r\n        .view-more-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 14px 32px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n              background: linear-gradient(135deg, #2d5f5d 0%, #337896 100%); \r\n                         border: none;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);\r\n        }\r\n        .view-more-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);\r\n        }\r\n        .view-more-btn:active {\r\n            transform: translateY(0);\r\n        }\r\n        .view-more-btn .btn-icon {\r\n            font-size: 20px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        .view-more-btn:hover .btn-icon {\r\n            transform: translateY(3px);\r\n        }\r\n        .view-more-btn:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n        .wc-shop-notification {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            padding: 16px 24px;\r\n            background: white;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n            z-index: 9999;\r\n            opacity: 0;\r\n            transform: translateX(100px);\r\n            transition: all 0.3s ease;\r\n        }\r\n        .wc-shop-notification.show {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n        .wc-shop-notification.success {\r\n            border-left: 4px solid #27ae60;\r\n            color: #27ae60;\r\n        }\r\n        .wc-shop-notification.error {\r\n            border-left: 4px solid #e74c3c;\r\n            color: #e74c3c;\r\n        }\r\n        .wc-shop-notification.info {\r\n            border-left: 4px solid #3498db;\r\n            color: #3498db;\r\n        }\r\n        <\/style>\r\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":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-183","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/shaheenfaroukdesigns.com\/ar\/wp-json\/wp\/v2\/pages\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shaheenfaroukdesigns.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shaheenfaroukdesigns.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shaheenfaroukdesigns.com\/ar\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/shaheenfaroukdesigns.com\/ar\/wp-json\/wp\/v2\/comments?post=183"}],"version-history":[{"count":0,"href":"https:\/\/shaheenfaroukdesigns.com\/ar\/wp-json\/wp\/v2\/pages\/183\/revisions"}],"wp:attachment":[{"href":"https:\/\/shaheenfaroukdesigns.com\/ar\/wp-json\/wp\/v2\/media?parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}