{"category_id":5366,"sidebar_html":"<style>\n    .bvd-link-selected span{color:var(--pink)!important}\n    .bvd-show-more{color:#1f2937;font-weight:600}\n    .bvd-show-more:hover{color:var(--pink)}\n<\/style>\n<div class=\"sidebar sidebar-main one-column-wrapper relative\">\n    <div class=\"block-filter flex flex-col mb-4 md:mb-0 md:block\"\n         id=\"layered-filter-block\"\n         x-data=\"{\n             isSidebar: true,\n             blockOpen: false,\n             activeFilter: null,\n             isFilterOpened(id) { return this.activeFilter === id; },\n             setOpenedFilter(id, el) { this.activeFilter = (this.activeFilter === id) ? null : id; }\n         }\">\n        <div class=\"block-title h-11 flex items-center justify-between border border-container bg-white px-4 md:hidden\"\n             :aria-expanded=\"blockOpen ? 'true' : 'false'\"\n             x-on:click=\"blockOpen = !blockOpen\"\n             role=\"button\"\n             tabindex=\"0\">\n            <span class=\"text-primary text-base font-semibold uppercase\">\n                Filter by            <\/span>\n            <svg class=\"h-5 w-5 text-primary transition-transform\"\n                 :class=\"{ 'rotate-180': blockOpen }\"\n                 aria-hidden=\"true\"\n                 viewBox=\"0 0 24 24\"\n                 fill=\"none\"\n                 stroke=\"currentColor\"\n                 stroke-width=\"2\">\n                <path d=\"M6 9l6 6 6-6\"\/>\n            <\/svg>\n        <\/div>\n\n        <div class=\"block-content filter-content border-x border-b border-container bg-white px-4 pb-4 pt-3 md:border-0 md:bg-transparent md:p-0 md:block\"\n             id=\"layered-filter-block-content\"\n             :class=\"{ 'hidden': !blockOpen, 'md:block': true }\">\n                                                        <div class=\"filter-option relative card mb-4 bvd-filter-items bvd-filter--cat\">\n\n    <div class=\"filter-options-title flex justify-start items-center border-container border-b pb-4\">\n        <span class=\"title text-md md:text-lg font-semibold\">\n            Category        <\/span>\n    <\/div>\n\n    <div class=\"filter-options-content pt-3\"\n         :class=\"{ 'min-w-[230px] w-max max-w-[35vw] absolute z-50 top-full -mt-4 left-0 box-content px-6 py-4 shadow-lg bg-container-lighter': !isSidebar }\">\n        <form class=\"bvd-filter\"\n      aria-label=\"Filter&#x20;Category&#x20;in&#x20;sidebar&#x20;filters\"\n      x-data=\"{ expanded: false, query: '', visibleLimit: 5 }\">\n            <label class=\"sr-only\" for=\"bvd-filter-search-category_ids-6a527ffb4f01e\">\n            Search        <\/label>\n        <input id=\"bvd-filter-search-category_ids-6a527ffb4f01e\"\n               class=\"w-full mb-3 px-3 py-2 text-sm border border-container rounded bg-white text-primary focus:ring-1 focus:ring-primary focus:border-primary\"\n               type=\"search\"\n               autocomplete=\"off\"\n               placeholder=\"Search\"\n               x-model.debounce.120ms=\"query\">\n    \n    <ul class=\"items bvd-filter-items-category_ids bvd-labels-folding bvd-filter--singleselect\">\n\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;70&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 0 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Former&#x20;USA&#x20;flags\"\n                data-label=\"Former&#x20;USA&#x20;flags\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"Former&#x20;USA&#x20;flags\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/former-usa-flags.html\"\n                       title=\"Former&#x20;USA&#x20;flags\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            Former USA flags                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (56)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;10524&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 1 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Before&#x20;1775\"\n                data-label=\"Before&#x20;1775\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"Before&#x20;1775\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/before-1775.html\"\n                       title=\"Before&#x20;1775\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            Before 1775                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;5487&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 2 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"United&#x20;States&#x20;Grand&#x20;Union&#x20;1775-1777\"\n                data-label=\"United&#x20;States&#x20;Grand&#x20;Union&#x20;1775-1777\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;Grand&#x20;Union&#x20;1775-1777\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-grand-union-1775-1777.html\"\n                       title=\"United&#x20;States&#x20;Grand&#x20;Union&#x20;1775-1777\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States Grand Union 1775-1777                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;10845&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 3 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"United&#x20;States&#x20;13-star&#x20;1777-1795\"\n                data-label=\"United&#x20;States&#x20;13-star&#x20;1777-1795\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;13-star&#x20;1777-1795\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-13-star-1777-1795.html\"\n                       title=\"United&#x20;States&#x20;13-star&#x20;1777-1795\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 13-star 1777-1795                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;5389&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 4 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"United&#x20;States&#x20;15-star&#x20;1795-1818\"\n                data-label=\"United&#x20;States&#x20;15-star&#x20;1795-1818\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;15-star&#x20;1795-1818\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-15-star-1795-1818.html\"\n                       title=\"United&#x20;States&#x20;15-star&#x20;1795-1818\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 15-star 1795-1818                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9499&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 5 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;20-star&#x20;1818-1819\"\n                data-label=\"United&#x20;States&#x20;20-star&#x20;1818-1819\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;20-star&#x20;1818-1819\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-20-star-1818-1819.html\"\n                       title=\"United&#x20;States&#x20;20-star&#x20;1818-1819\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 20-star 1818-1819                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9500&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 6 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;21-star&#x20;1819-1820\"\n                data-label=\"United&#x20;States&#x20;21-star&#x20;1819-1820\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;21-star&#x20;1819-1820\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-21-star-1819-1820.html\"\n                       title=\"United&#x20;States&#x20;21-star&#x20;1819-1820\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 21-star 1819-1820                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9501&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 7 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;23-star&#x20;1820-1822\"\n                data-label=\"United&#x20;States&#x20;23-star&#x20;1820-1822\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;23-star&#x20;1820-1822\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-23-star-1820-1822.html\"\n                       title=\"United&#x20;States&#x20;23-star&#x20;1820-1822\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 23-star 1820-1822                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9502&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 8 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;24-star&#x20;1822-1836\"\n                data-label=\"United&#x20;States&#x20;24-star&#x20;1822-1836\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;24-star&#x20;1822-1836\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-24-star-1822-1836.html\"\n                       title=\"United&#x20;States&#x20;24-star&#x20;1822-1836\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 24-star 1822-1836                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9503&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 9 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;25-star&#x20;1836-1837\"\n                data-label=\"United&#x20;States&#x20;25-star&#x20;1836-1837\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;25-star&#x20;1836-1837\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-25-star-1836-1837.html\"\n                       title=\"United&#x20;States&#x20;25-star&#x20;1836-1837\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 25-star 1836-1837                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9504&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 10 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;26-star&#x20;1837-1845\"\n                data-label=\"United&#x20;States&#x20;26-star&#x20;1837-1845\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;26-star&#x20;1837-1845\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-26-stars-1837-1845.html\"\n                       title=\"United&#x20;States&#x20;26-star&#x20;1837-1845\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 26-star 1837-1845                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9505&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 11 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;27-star&#x20;1845-1846\"\n                data-label=\"United&#x20;States&#x20;27-star&#x20;1845-1846\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;27-star&#x20;1845-1846\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-27-star-1845-1846.html\"\n                       title=\"United&#x20;States&#x20;27-star&#x20;1845-1846\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 27-star 1845-1846                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9506&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 12 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;28-star&#x20;1846-1847\"\n                data-label=\"United&#x20;States&#x20;28-star&#x20;1846-1847\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;28-star&#x20;1846-1847\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-28-star-1846-1847.html\"\n                       title=\"United&#x20;States&#x20;28-star&#x20;1846-1847\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 28-star 1846-1847                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9507&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 13 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;29-star&#x20;1847-1848\"\n                data-label=\"United&#x20;States&#x20;29-star&#x20;1847-1848\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;29-star&#x20;1847-1848\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-29-star-1847-1848.html\"\n                       title=\"United&#x20;States&#x20;29-star&#x20;1847-1848\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 29-star 1847-1848                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9508&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 14 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;30-star&#x20;1848-1851\"\n                data-label=\"United&#x20;States&#x20;30-star&#x20;1848-1851\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;30-star&#x20;1848-1851\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-30-star-1848-1851.html\"\n                       title=\"United&#x20;States&#x20;30-star&#x20;1848-1851\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 30-star 1848-1851                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9509&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 15 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;31-star&#x20;1851-1858\"\n                data-label=\"United&#x20;States&#x20;31-star&#x20;1851-1858\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;31-star&#x20;1851-1858\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-31-star-1851-1858.html\"\n                       title=\"United&#x20;States&#x20;31-star&#x20;1851-1858\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 31-star 1851-1858                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9510&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 16 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;32-star&#x20;1858-1859\"\n                data-label=\"United&#x20;States&#x20;32-star&#x20;1858-1859\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;32-star&#x20;1858-1859\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-32-star-1858-1859.html\"\n                       title=\"United&#x20;States&#x20;32-star&#x20;1858-1859\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 32-star 1858-1859                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;5391&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 17 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;33-star&#x20;1859-1861\"\n                data-label=\"United&#x20;States&#x20;33-star&#x20;1859-1861\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;33-star&#x20;1859-1861\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-33-star-1859-1861.html\"\n                       title=\"United&#x20;States&#x20;33-star&#x20;1859-1861\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 33-star 1859-1861                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9511&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 18 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;34-star&#x20;1861-1863\"\n                data-label=\"United&#x20;States&#x20;34-star&#x20;1861-1863\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;34-star&#x20;1861-1863\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-34-star-1861-1863.html\"\n                       title=\"United&#x20;States&#x20;34-star&#x20;1861-1863\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 34-star 1861-1863                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;5397&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 19 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;35-star&#x20;1863-1865\"\n                data-label=\"United&#x20;States&#x20;35-star&#x20;1863-1865\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;35-star&#x20;1863-1865\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-35-star-1863-1865.html\"\n                       title=\"United&#x20;States&#x20;35-star&#x20;1863-1865\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 35-star 1863-1865                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9513&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 20 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;36-star&#x20;1865-1867\"\n                data-label=\"United&#x20;States&#x20;36-star&#x20;1865-1867\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;36-star&#x20;1865-1867\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-36-star-1865-1867.html\"\n                       title=\"United&#x20;States&#x20;36-star&#x20;1865-1867\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 36-star 1865-1867                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9514&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 21 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;37-star&#x20;1867-1877\"\n                data-label=\"United&#x20;States&#x20;37-star&#x20;1867-1877\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;37-star&#x20;1867-1877\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-37-star-1867-1877.html\"\n                       title=\"United&#x20;States&#x20;37-star&#x20;1867-1877\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 37-star 1867-1877                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9515&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 22 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;38-star&#x20;1877-1890\"\n                data-label=\"United&#x20;States&#x20;38-star&#x20;1877-1890\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;38-star&#x20;1877-1890\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-38-star-1877-1890.html\"\n                       title=\"United&#x20;States&#x20;38-star&#x20;1877-1890\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 38-star 1877-1890                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9516&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 23 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;43-star&#x20;1890-1891\"\n                data-label=\"United&#x20;States&#x20;43-star&#x20;1890-1891\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;43-star&#x20;1890-1891\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-43-star-1890-1891.html\"\n                       title=\"United&#x20;States&#x20;43-star&#x20;1890-1891\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 43-star 1890-1891                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9517&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 24 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;44-star&#x20;1891-1896\"\n                data-label=\"United&#x20;States&#x20;44-star&#x20;1891-1896\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;44-star&#x20;1891-1896\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-44-star-1891-1896.html\"\n                       title=\"United&#x20;States&#x20;44-star&#x20;1891-1896\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 44-star 1891-1896                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9518&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 25 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;45-star&#x20;1896-1908\"\n                data-label=\"United&#x20;States&#x20;45-star&#x20;1896-1908\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;45-star&#x20;1896-1908\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-45-star-1896-1908.html\"\n                       title=\"United&#x20;States&#x20;45-star&#x20;1896-1908\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 45-star 1896-1908                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9519&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 26 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;46-star&#x20;1908-1912\"\n                data-label=\"United&#x20;States&#x20;46-star&#x20;1908-1912\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;46-star&#x20;1908-1912\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-46-star-1908-1912.html\"\n                       title=\"United&#x20;States&#x20;46-star&#x20;1908-1912\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 46-star 1908-1912                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;5400&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 27 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;48-star&#x20;1912-1959\"\n                data-label=\"United&#x20;States&#x20;48-star&#x20;1912-1959\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;48-star&#x20;1912-1959\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-48-star-1912-1959.html\"\n                       title=\"United&#x20;States&#x20;48-star&#x20;1912-1959\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 48-star 1912-1959                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (8)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9520&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 28 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"United&#x20;States&#x20;49-star&#x20;1959-1960\"\n                data-label=\"United&#x20;States&#x20;49-star&#x20;1959-1960\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"United&#x20;States&#x20;49-star&#x20;1959-1960\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/united-states-49-star-1959-1960.html\"\n                       title=\"United&#x20;States&#x20;49-star&#x20;1959-1960\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            United States 49-star 1959-1960                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;5367&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 29 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"50-star&#x20;Flag&#x20;&#x2F;&#x20;Stars&#x20;and&#x20;Stripes\"\n                data-label=\"50-star&#x20;Flag&#x20;&#x2F;&#x20;Stars&#x20;and&#x20;Stripes\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"50-star&#x20;Flag&#x20;&#x2F;&#x20;Stars&#x20;and&#x20;Stripes\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/50-star-flag-stars-and-stripes.html\"\n                       title=\"50-star&#x20;Flag&#x20;&#x2F;&#x20;Stars&#x20;and&#x20;Stripes\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            50-star Flag \/ Stars and Stripes                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (43)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;9291&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 30 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Texas&#x20;Revolution&#x20;1835-1836\"\n                data-label=\"Texas&#x20;Revolution&#x20;1835-1836\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"Texas&#x20;Revolution&#x20;1835-1836\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/texas-revolution-1835-1836.html\"\n                       title=\"Texas&#x20;Revolution&#x20;1835-1836\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            Texas Revolution 1835-1836                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (9)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;5404&quot;,&quot;name&quot;&#x3A;&quot;cat&quot;,&quot;type&quot;&#x3A;&quot;radio&quot;&#x7D;)\"\n                class=\"item item-category flex flex-wrap items-center py-1 pl-7 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 31 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Civil&#x20;War&#x20;1861-1865\"\n                data-label=\"Civil&#x20;War&#x20;1861-1865\">\n\n                <div class=\"filter-row category-filter-row flex items-center max-w-full w-full\"\n                     aria-label=\"Civil&#x20;War&#x20;1861-1865\">\n\n                    <a class=\"flex align-middle max-w-full hover:text-blue-600 w-full justify-start items-start bvd-filter-parent\"\n                       href=\"https:\/\/www.az-flag.com\/us\/american-flags\/united-states\/history-of-the-united-states\/civil-war-1861-1865.html\"\n                       title=\"Civil&#x20;War&#x20;1861-1865\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\">\n                        <span class=\"label max-w-[90%] break-words font-semibold\">\n                            Civil War 1861-1865                        <\/span>\n                        <span class=\"count ml-auto text-primary\">\n                            (66)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n            <\/ul>\n            <button type=\"button\"\n                class=\"bvd-show-more w-full flex justify-end text-sm font-semibold mt-2\"\n                x-show=\"!query.trim()\"\n                @click=\"expanded = !expanded\">\n            <span x-show=\"!expanded\">Show all<\/span>\n            <span x-show=\"expanded\" x-cloak>Hide<\/span>\n        <\/button>\n    <\/form>\n    <\/div>\n<\/div>\n                                            <div class=\"filter-option relative card mb-4 bvd-filter-items bvd-filter--price\">\n\n    <div class=\"filter-options-title flex justify-start items-center border-container border-b pb-4\">\n        <span class=\"title text-md md:text-lg font-semibold\">\n            Price        <\/span>\n    <\/div>\n\n    <div class=\"filter-options-content pt-3\"\n         :class=\"{ 'min-w-[230px] w-max max-w-[35vw] absolute z-50 top-full -mt-4 left-0 box-content px-6 py-4 shadow-lg bg-container-lighter': !isSidebar }\">\n        <form class=\"bvd-price-filter\"\n      id=\"bvd-price-6a527ffb529a5\"\n      aria-label=\"Filter&#x20;Price&#x20;in&#x20;sidebar&#x20;filters\"\n      data-bvd-filter=\"price\"\n      autocomplete=\"off\"\n      x-data=\"bvdPriceRange(&#x7B;&quot;code&quot;&#x3A;&quot;price&quot;,&quot;min&quot;&#x3A;6,&quot;max&quot;&#x3A;40,&quot;from&quot;&#x3A;6,&quot;to&quot;&#x3A;40,&quot;step&quot;&#x3A;1,&quot;ajax&quot;&#x3A;true&#x7D;, 6, 40)\">\n    <div class=\"bvd-price-slider mt-5 px-4\">\n        <div class=\"bvd-price-slider-track\" x-ref=\"track\">\n            <div class=\"bvd-price-slider-fill\" :style=\"trackStyle()\"><\/div>\n            <button class=\"bvd-price-handle\"\n                    type=\"button\"\n                    :style=\"handleStyle(minValue)\"\n                    @pointerdown=\"startDrag($event, 'min')\"\n                    aria-label=\"Minimum&#x20;price\"><\/button>\n            <button class=\"bvd-price-handle\"\n                    type=\"button\"\n                    :style=\"handleStyle(maxValue)\"\n                    @pointerdown=\"startDrag($event, 'max')\"\n                    aria-label=\"Maximum&#x20;price\"><\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"bvd-price-values mt-4 text-center text-sm font-semibold text-primary\">\n        <span x-text=\"format(minValue) + ' - ' + format(maxValue)\"><\/span>\n    <\/div>\n<\/form>\n    <\/div>\n<\/div>\n                                                            <div class=\"filter-option relative card mb-4 bvd-filter-items bvd-filter--type_taille\">\n\n    <div class=\"filter-options-title flex justify-start items-center border-container border-b pb-4\">\n        <span class=\"title text-md md:text-lg font-semibold\">\n            Size        <\/span>\n    <\/div>\n\n    <div class=\"filter-options-content pt-3\"\n         :class=\"{ 'min-w-[230px] w-max max-w-[35vw] absolute z-50 top-full -mt-4 left-0 box-content px-6 py-4 shadow-lg bg-container-lighter': !isSidebar }\">\n        <form class=\"bvd-filter\"\n      id=\"bvd-filter-type_taille_6a527ffb555de\"\n      aria-label=\"Filter&#x20;Size&#x20;in&#x20;sidebar&#x20;filters\"\n      autocomplete=\"off\"\n      x-data=\"{ expanded: false, query: '', visibleLimit: 5 }\">\n            <label class=\"sr-only\" for=\"bvd-filter-search-type_taille-6a527ffb555de\">\n            Search        <\/label>\n        <input id=\"bvd-filter-search-type_taille-6a527ffb555de\"\n               class=\"w-full mb-3 px-3 py-2 text-sm border border-container rounded bg-white text-primary focus:ring-1 focus:ring-primary focus:border-primary\"\n               type=\"search\"\n               autocomplete=\"off\"\n               placeholder=\"Search\"\n               x-model.debounce.120ms=\"query\">\n    \n    <ol role=\"list\"\n        aria-label=\"Filter&#x20;Size&#x20;in&#x20;sidebar&#x20;filters\"\n        class=\"items bvd-filter-items-type_taille bvd-filter--multiselect\">\n\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;757&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 0 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"3x5&#x20;feet&#x20;Flags\"\n                data-label=\"3x5&#x20;feet&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"757\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"757\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb55f93\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '757',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb55f93 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb55f93\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=757\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '757',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">3x5 feet Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (68)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;759&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 1 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"12x18&#x20;inch&#x20;Flags\"\n                data-label=\"12x18&#x20;inch&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"759\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"759\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5604c\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '759',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5604c flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5604c\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=759\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '759',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">12x18 inch Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (47)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;755&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 2 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"5x8&#x20;inch&#x20;Flags\"\n                data-label=\"5x8&#x20;inch&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"755\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"755\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb560dc\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '755',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb560dc flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb560dc\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=755\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '755',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">5x8 inch Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (37)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;758&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 3 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"2x3&#x20;feet&#x20;Flags\"\n                data-label=\"2x3&#x20;feet&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"758\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"758\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb56169\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '758',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb56169 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb56169\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=758\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '758',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">2x3 feet Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (32)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;760&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 4 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"4x6&#x20;feet&#x20;Flags\"\n                data-label=\"4x6&#x20;feet&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"760\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"760\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb561f0\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '760',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb561f0 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb561f0\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=760\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '760',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">4x6 feet Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;770&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 5 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"13&#x20;feet&#x20;Bunting&#x20;Flags\"\n                data-label=\"13&#x20;feet&#x20;Bunting&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"770\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"770\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb56276\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '770',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb56276 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb56276\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=770\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '770',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">13 feet Bunting Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;769&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 6 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"20&#x20;feet&#x20;Bunting&#x20;Flags\"\n                data-label=\"20&#x20;feet&#x20;Bunting&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"769\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"769\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb56305\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '769',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb56305 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb56305\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=769\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '769',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">20 feet Bunting Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;787&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 7 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"40&#x20;feet&#x20;Bunting&#x20;Flags\"\n                data-label=\"40&#x20;feet&#x20;Bunting&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"787\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"787\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb56393\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '787',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb56393 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb56393\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=787\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '787',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">40 feet Bunting Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;764&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 8 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"6x8&#x20;inch&#x20;Prestige&#x20;Flags\"\n                data-label=\"6x8&#x20;inch&#x20;Prestige&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"764\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"764\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb56432\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '764',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb56432 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb56432\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=764\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '764',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">6x8 inch Prestige Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;786&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 9 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"20x20&#x20;inch&#x20;Bandanas\"\n                data-label=\"20x20&#x20;inch&#x20;Bandanas\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"786\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"786\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb564c3\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '786',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb564c3 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb564c3\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=786\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '786',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">20x20 inch Bandanas<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (1)\n                            <span class=\"filter-count-label sr-only\">item<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;754&quot;,&quot;name&quot;&#x3A;&quot;type_taille&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 10 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"4x6&#x20;inch&#x20;Flags\"\n                data-label=\"4x6&#x20;inch&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_taille\"\n                     data-value=\"754\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_taille][]\"\n                           value=\"754\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5654e\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '754',\n                               element: $event.currentTarget,\n                               name: 'type_taille',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5654e flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5654e\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_taille=754\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '754',\n                           element: $event.currentTarget,\n                           name: 'type_taille',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">4x6 inch Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (1)\n                            <span class=\"filter-count-label sr-only\">item<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n            <\/ol>\n            <button type=\"button\"\n                class=\"bvd-show-more w-full flex justify-end text-sm font-semibold mt-2\"\n                x-show=\"!query.trim()\"\n                @click=\"expanded = !expanded\">\n            <span x-show=\"!expanded\">Show all<\/span>\n            <span x-show=\"expanded\" x-cloak>Hide<\/span>\n        <\/button>\n    <\/form>\n    <\/div>\n<\/div>\n                                            <div class=\"filter-option relative card mb-4 bvd-filter-items bvd-filter--type_accroche\">\n\n    <div class=\"filter-options-title flex justify-start items-center border-container border-b pb-4\">\n        <span class=\"title text-md md:text-lg font-semibold\">\n            Hanging        <\/span>\n    <\/div>\n\n    <div class=\"filter-options-content pt-3\"\n         :class=\"{ 'min-w-[230px] w-max max-w-[35vw] absolute z-50 top-full -mt-4 left-0 box-content px-6 py-4 shadow-lg bg-container-lighter': !isSidebar }\">\n        <form class=\"bvd-filter\"\n      id=\"bvd-filter-type_accroche_6a527ffb57f24\"\n      aria-label=\"Filter&#x20;Hanging&#x20;in&#x20;sidebar&#x20;filters\"\n      autocomplete=\"off\"\n      x-data=\"{ expanded: false, query: '', visibleLimit: 5 }\">\n            <label class=\"sr-only\" for=\"bvd-filter-search-type_accroche-6a527ffb57f24\">\n            Search        <\/label>\n        <input id=\"bvd-filter-search-type_accroche-6a527ffb57f24\"\n               class=\"w-full mb-3 px-3 py-2 text-sm border border-container rounded bg-white text-primary focus:ring-1 focus:ring-primary focus:border-primary\"\n               type=\"search\"\n               autocomplete=\"off\"\n               placeholder=\"Search\"\n               x-model.debounce.120ms=\"query\">\n    \n    <ol role=\"list\"\n        aria-label=\"Filter&#x20;Hanging&#x20;in&#x20;sidebar&#x20;filters\"\n        class=\"items bvd-filter-items-type_accroche bvd-filter--multiselect\">\n\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;751&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 0 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Metal&#x20;grommets\"\n                data-label=\"Metal&#x20;grommets\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"751\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"751\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb588d7\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '751',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb588d7 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb588d7\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=751\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '751',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Metal grommets<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (67)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;798&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 1 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Black&#x20;plastic&#x20;pole&#x20;and&#x20;base\"\n                data-label=\"Black&#x20;plastic&#x20;pole&#x20;and&#x20;base\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"798\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"798\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58974\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '798',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58974 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58974\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=798\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '798',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Black plastic pole and base<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (51)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;749&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 2 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Cords\"\n                data-label=\"Cords\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"749\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"749\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58a04\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '749',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58a04 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58a04\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=749\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '749',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Cords<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (39)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;794&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 3 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Sleeve&#x20;for&#x20;a&#x20;pole\"\n                data-label=\"Sleeve&#x20;for&#x20;a&#x20;pole\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"794\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"794\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58a85\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '794',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58a85 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58a85\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=794\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '794',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Sleeve for a pole<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (36)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;792&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 4 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Hung&#x20;in&#x20;a&#x20;garland\"\n                data-label=\"Hung&#x20;in&#x20;a&#x20;garland\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"792\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"792\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58b20\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '792',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58b20 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58b20\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=792\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '792',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Hung in a garland<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (8)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;750&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 5 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Plastic&#x20;rings\"\n                data-label=\"Plastic&#x20;rings\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"750\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"750\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58baa\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '750',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58baa flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58baa\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=750\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '750',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Plastic rings<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (7)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;799&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 6 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Black&#x20;plastic&#x20;base&#x20;and&#x20;pole&#x20;&#x28;golden&#x20;spear&#x29;\"\n                data-label=\"Black&#x20;plastic&#x20;base&#x20;and&#x20;pole&#x20;&#x28;golden&#x20;spear&#x29;\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"799\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"799\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58c2a\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '799',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58c2a flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58c2a\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=799\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '799',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Black plastic base and pole (golden spear)<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;796&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 7 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Wooden&#x20;pole\"\n                data-label=\"Wooden&#x20;pole\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"796\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"796\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58cc2\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '796',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58cc2 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58cc2\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=796\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '796',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Wooden pole<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (3)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;788&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 8 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Hook&#x20;system&#x20;for&#x20;the&#x20;car\"\n                data-label=\"Hook&#x20;system&#x20;for&#x20;the&#x20;car\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"788\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"788\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58d44\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '788',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58d44 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58d44\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=788\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '788',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Hook system for the car<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;789&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 9 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Metal&#x20;base&#x20;and&#x20;pole\"\n                data-label=\"Metal&#x20;base&#x20;and&#x20;pole\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"789\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"789\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58dd1\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '789',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58dd1 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58dd1\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=789\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '789',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Metal base and pole<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;797&quot;,&quot;name&quot;&#x3A;&quot;type_accroche&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 10 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Plastic&#x20;pole\"\n                data-label=\"Plastic&#x20;pole\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_accroche\"\n                     data-value=\"797\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_accroche][]\"\n                           value=\"797\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb58e55\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '797',\n                               element: $event.currentTarget,\n                               name: 'type_accroche',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb58e55 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb58e55\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_accroche=797\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '797',\n                           element: $event.currentTarget,\n                           name: 'type_accroche',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Plastic pole<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (1)\n                            <span class=\"filter-count-label sr-only\">item<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n            <\/ol>\n            <button type=\"button\"\n                class=\"bvd-show-more w-full flex justify-end text-sm font-semibold mt-2\"\n                x-show=\"!query.trim()\"\n                @click=\"expanded = !expanded\">\n            <span x-show=\"!expanded\">Show all<\/span>\n            <span x-show=\"expanded\" x-cloak>Hide<\/span>\n        <\/button>\n    <\/form>\n    <\/div>\n<\/div>\n                                            <div class=\"filter-option relative card mb-4 bvd-filter-items bvd-filter--type_produit\">\n\n    <div class=\"filter-options-title flex justify-start items-center border-container border-b pb-4\">\n        <span class=\"title text-md md:text-lg font-semibold\">\n            Type of flags        <\/span>\n    <\/div>\n\n    <div class=\"filter-options-content pt-3\"\n         :class=\"{ 'min-w-[230px] w-max max-w-[35vw] absolute z-50 top-full -mt-4 left-0 box-content px-6 py-4 shadow-lg bg-container-lighter': !isSidebar }\">\n        <form class=\"bvd-filter\"\n      id=\"bvd-filter-type_produit_6a527ffb5a675\"\n      aria-label=\"Filter&#x20;Type&#x20;of&#x20;flags&#x20;in&#x20;sidebar&#x20;filters\"\n      autocomplete=\"off\"\n      x-data=\"{ expanded: false, query: '', visibleLimit: 5 }\">\n            <label class=\"sr-only\" for=\"bvd-filter-search-type_produit-6a527ffb5a675\">\n            Search        <\/label>\n        <input id=\"bvd-filter-search-type_produit-6a527ffb5a675\"\n               class=\"w-full mb-3 px-3 py-2 text-sm border border-container rounded bg-white text-primary focus:ring-1 focus:ring-primary focus:border-primary\"\n               type=\"search\"\n               autocomplete=\"off\"\n               placeholder=\"Search\"\n               x-model.debounce.120ms=\"query\">\n    \n    <ol role=\"list\"\n        aria-label=\"Filter&#x20;Type&#x20;of&#x20;flags&#x20;in&#x20;sidebar&#x20;filters\"\n        class=\"items bvd-filter-items-type_produit bvd-filter--multiselect\">\n\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;773&quot;,&quot;name&quot;&#x3A;&quot;type_produit&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 0 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Flags&#x20;and&#x20;banners\"\n                data-label=\"Flags&#x20;and&#x20;banners\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_produit\"\n                     data-value=\"773\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_produit][]\"\n                           value=\"773\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5ac70\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '773',\n                               element: $event.currentTarget,\n                               name: 'type_produit',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5ac70 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5ac70\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_produit=773\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '773',\n                           element: $event.currentTarget,\n                           name: 'type_produit',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Flags and banners<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (149)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;774&quot;,&quot;name&quot;&#x3A;&quot;type_produit&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 1 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Table&#x20;Flags\"\n                data-label=\"Table&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_produit\"\n                     data-value=\"774\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_produit][]\"\n                           value=\"774\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5ad0e\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '774',\n                               element: $event.currentTarget,\n                               name: 'type_produit',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5ad0e flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5ad0e\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_produit=774\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '774',\n                           element: $event.currentTarget,\n                           name: 'type_produit',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Table Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (56)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;779&quot;,&quot;name&quot;&#x3A;&quot;type_produit&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 2 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Bunting&#x20;Flags\"\n                data-label=\"Bunting&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_produit\"\n                     data-value=\"779\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_produit][]\"\n                           value=\"779\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5ad96\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '779',\n                               element: $event.currentTarget,\n                               name: 'type_produit',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5ad96 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5ad96\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_produit=779\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '779',\n                           element: $event.currentTarget,\n                           name: 'type_produit',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Bunting Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (8)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;780&quot;,&quot;name&quot;&#x3A;&quot;type_produit&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 3 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Pennants\"\n                data-label=\"Pennants\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_produit\"\n                     data-value=\"780\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_produit][]\"\n                           value=\"780\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5ae2f\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '780',\n                               element: $event.currentTarget,\n                               name: 'type_produit',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5ae2f flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5ae2f\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_produit=780\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '780',\n                           element: $event.currentTarget,\n                           name: 'type_produit',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Pennants<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (7)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;777&quot;,&quot;name&quot;&#x3A;&quot;type_produit&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 4 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Flags&#x20;with&#x20;pole\"\n                data-label=\"Flags&#x20;with&#x20;pole\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_produit\"\n                     data-value=\"777\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_produit][]\"\n                           value=\"777\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5aeab\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '777',\n                               element: $event.currentTarget,\n                               name: 'type_produit',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5aeab flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5aeab\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_produit=777\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '777',\n                           element: $event.currentTarget,\n                           name: 'type_produit',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Flags with pole<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;775&quot;,&quot;name&quot;&#x3A;&quot;type_produit&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 5 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Car&#x20;Flags\"\n                data-label=\"Car&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_produit\"\n                     data-value=\"775\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_produit][]\"\n                           value=\"775\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5af32\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '775',\n                               element: $event.currentTarget,\n                               name: 'type_produit',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5af32 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5af32\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_produit=775\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '775',\n                           element: $event.currentTarget,\n                           name: 'type_produit',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Car Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;778&quot;,&quot;name&quot;&#x3A;&quot;type_produit&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 6 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                x-cloak                data-label-search=\"Garden&#x20;Flag\"\n                data-label=\"Garden&#x20;Flag\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_produit\"\n                     data-value=\"778\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_produit][]\"\n                           value=\"778\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5afbc\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '778',\n                               element: $event.currentTarget,\n                               name: 'type_produit',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5afbc flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5afbc\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_produit=778\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '778',\n                           element: $event.currentTarget,\n                           name: 'type_produit',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Garden Flag<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (2)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n            <\/ol>\n            <button type=\"button\"\n                class=\"bvd-show-more w-full flex justify-end text-sm font-semibold mt-2\"\n                x-show=\"!query.trim()\"\n                @click=\"expanded = !expanded\">\n            <span x-show=\"!expanded\">Show all<\/span>\n            <span x-show=\"expanded\" x-cloak>Hide<\/span>\n        <\/button>\n    <\/form>\n    <\/div>\n<\/div>\n                                            <div class=\"filter-option relative card mb-4 bvd-filter-items bvd-filter--type_categorie\">\n\n    <div class=\"filter-options-title flex justify-start items-center border-container border-b pb-4\">\n        <span class=\"title text-md md:text-lg font-semibold\">\n            Category product        <\/span>\n    <\/div>\n\n    <div class=\"filter-options-content pt-3\"\n         :class=\"{ 'min-w-[230px] w-max max-w-[35vw] absolute z-50 top-full -mt-4 left-0 box-content px-6 py-4 shadow-lg bg-container-lighter': !isSidebar }\">\n        <form class=\"bvd-filter\"\n      id=\"bvd-filter-type_categorie_6a527ffb5cb43\"\n      aria-label=\"Filter&#x20;Category&#x20;product&#x20;in&#x20;sidebar&#x20;filters\"\n      autocomplete=\"off\"\n      x-data=\"{ expanded: false, query: '', visibleLimit: 5 }\">\n            <label class=\"sr-only\" for=\"bvd-filter-search-type_categorie-6a527ffb5cb43\">\n            Search        <\/label>\n        <input id=\"bvd-filter-search-type_categorie-6a527ffb5cb43\"\n               class=\"w-full mb-3 px-3 py-2 text-sm border border-container rounded bg-white text-primary focus:ring-1 focus:ring-primary focus:border-primary\"\n               type=\"search\"\n               autocomplete=\"off\"\n               placeholder=\"Search\"\n               x-model.debounce.120ms=\"query\">\n    \n    <ol role=\"list\"\n        aria-label=\"Filter&#x20;Category&#x20;product&#x20;in&#x20;sidebar&#x20;filters\"\n        class=\"items bvd-filter-items-type_categorie bvd-filter--multiselect\">\n\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;803&quot;,&quot;name&quot;&#x3A;&quot;type_categorie&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 0 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Historical&#x20;Flags\"\n                data-label=\"Historical&#x20;Flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_categorie\"\n                     data-value=\"803\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_categorie][]\"\n                           value=\"803\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5cf67\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '803',\n                               element: $event.currentTarget,\n                               name: 'type_categorie',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5cf67 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5cf67\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_categorie=803\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '803',\n                           element: $event.currentTarget,\n                           name: 'type_categorie',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Historical Flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (130)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;800&quot;,&quot;name&quot;&#x3A;&quot;type_categorie&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 1 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Other&#x20;flags\"\n                data-label=\"Other&#x20;flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_categorie\"\n                     data-value=\"800\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_categorie][]\"\n                           value=\"800\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5d007\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '800',\n                               element: $event.currentTarget,\n                               name: 'type_categorie',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5d007 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5d007\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_categorie=800\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '800',\n                           element: $event.currentTarget,\n                           name: 'type_categorie',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Other flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (55)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;801&quot;,&quot;name&quot;&#x3A;&quot;type_categorie&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 2 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Country&#x20;flags\"\n                data-label=\"Country&#x20;flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_categorie\"\n                     data-value=\"801\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_categorie][]\"\n                           value=\"801\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5d091\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '801',\n                               element: $event.currentTarget,\n                               name: 'type_categorie',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5d091 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5d091\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_categorie=801\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '801',\n                           element: $event.currentTarget,\n                           name: 'type_categorie',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Country flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (31)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;804&quot;,&quot;name&quot;&#x3A;&quot;type_categorie&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 3 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Military&#x20;and&#x20;political&#x20;flags\"\n                data-label=\"Military&#x20;and&#x20;political&#x20;flags\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_categorie\"\n                     data-value=\"804\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_categorie][]\"\n                           value=\"804\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5d12d\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '804',\n                               element: $event.currentTarget,\n                               name: 'type_categorie',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5d12d flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5d12d\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_categorie=804\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '804',\n                           element: $event.currentTarget,\n                           name: 'type_categorie',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Military and political flags<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (9)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n                    <li x-data=\"bvdFilterInput(&#x7B;&quot;selected&quot;&#x3A;0,&quot;value&quot;&#x3A;&quot;802&quot;,&quot;name&quot;&#x3A;&quot;type_categorie&quot;,&quot;type&quot;&#x3A;&quot;checkbox&quot;&#x7D;)\"\n                :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                class=\"item flex justify-between py-1 hover:text-black\"\n                x-show=\"!query.trim() ? (expanded || 4 < visibleLimit) : $el.dataset.labelSearch.toLowerCase().includes(query.trim().toLowerCase())\"\n                                data-label-search=\"Country&#x20;flags&#x20;&#x28;alternative&#x29;\"\n                data-label=\"Country&#x20;flags&#x20;&#x28;alternative&#x29;\">\n                <div class=\"filter-row w-full flex items-center\"\n                     data-container=\"type_categorie\"\n                     data-value=\"802\">\n                    <input class=\"checkbox mr-2\"\n                           name=\"amshopby[type_categorie][]\"\n                           value=\"802\"\n                           type=\"checkbox\"\n                           data-digits-after-dot=\"0\"\n                           aria-labelledby=\"amfilterrow-id-6a527ffb5d184\"\n                           tabindex=\"0\"\n                                                      @change=\"isSelected = $event.currentTarget.checked; $dispatch('bvdApplyInputChanged', {\n                               value: '802',\n                               element: $event.currentTarget,\n                               name: 'type_categorie',\n                               selected: isSelected\n                           })\"\n                                                      :checked=\"isSelected\"\/>\n                    <a class=\"bvd-filter-item-6a527ffb5d184 flex items-top w-full items-center max-w-full\"\n                       id=\"amfilterrow-id-6a527ffb5d184\"\n                       href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;type_categorie=802\"\n                       :class=\"{ 'bvd-link-selected text-blue-600': isSelected }\"\n                                              @click.prevent.stop=\"isSelected = !isSelected; $dispatch('bvdApplyInputChanged', {\n                           value: '802',\n                           element: $event.currentTarget,\n                           name: 'type_categorie',\n                           selected: isSelected\n                       })\"\n                                              rel=\"nofollow\">\n                        <span class=\"label\">Country flags (alternative)<\/span>\n                        <span class=\"count text-primary ml-auto\">\n                            (4)\n                            <span class=\"filter-count-label sr-only\">items<\/span>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/li>\n            <\/ol>\n    <\/form>\n    <\/div>\n<\/div>\n                    <\/div>\n    <\/div>\n        <div class=\"bvd-yotpo-badge hidden md:block mt-5\">\n        <div class=\"yotpo yotpo-badge badge-init\" id=\"y-badges\" style=\"text-align:center;\">&nbsp;<\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/*\n     * Single Alpine.data component for ALL filter inputs (replaces Amasty's\n     * per-item `initInput_{uniqid}` global functions). Same shape, same\n     * behavior, fraction of the JS footprint.\n     *\/\n    (function () {\n        'use strict';\n        if (window.bvdLayerNavInputBound) return;\n        window.bvdLayerNavInputBound = true;\n        document.addEventListener('alpine:init', function () {\n            if (!window.Alpine || typeof window.Alpine.data !== 'function') return;\n            window.Alpine.data('bvdFilterInput', function (props) {\n                return {\n                    isSelected: Boolean(props && props.selected),\n                    value:      String(props && props.value || ''),\n                    name:       String(props && props.name  || ''),\n                    type:       String(props && props.type  || 'checkbox'),\n                };\n            });\n        });\n        \/\/ If Alpine is already initialised by the time this script runs, register now.\n        if (window.Alpine && typeof window.Alpine.data === 'function') {\n            try {\n                window.Alpine.data('bvdFilterInput', function (props) {\n                    return {\n                        isSelected: Boolean(props && props.selected),\n                        value:      String(props && props.value || ''),\n                        name:       String(props && props.name  || ''),\n                        type:       String(props && props.type  || 'checkbox'),\n                    };\n                });\n            } catch (e) { \/* already registered, ignore *\/ }\n        }\n    })();\n<\/script>\n<script>\n    (function () {\n        'use strict';\n\n        function component(options, minValue, maxValue) {\n            return {\n                options: options,\n                minValue: minValue,\n                maxValue: maxValue,\n\n                init() {\n                    this.normalize();\n                },\n\n                normalize() {\n                    var min = parseFloat(this.minValue);\n                    var max = parseFloat(this.maxValue);\n                    if (Number.isNaN(min)) min = this.options.min;\n                    if (Number.isNaN(max)) max = this.options.max;\n                    min = Math.max(this.options.min, Math.min(this.options.max, min));\n                    max = Math.max(this.options.min, Math.min(this.options.max, max));\n                    min = Math.floor(min \/ this.options.step) * this.options.step;\n                    max = Math.floor(max \/ this.options.step) * this.options.step;\n                    if (min > max) {\n                        var swap = min;\n                        min = max;\n                        max = swap;\n                    }\n                    this.minValue = Math.round(min);\n                    this.maxValue = Math.round(max);\n                },\n\n                percent(value) {\n                    var span = this.options.max - this.options.min;\n                    if (span <= 0) return 0;\n                    return ((parseFloat(value) - this.options.min) \/ span) * 100;\n                },\n\n                trackStyle() {\n                    return 'left: ' + this.percent(this.minValue)\n                        + '%; width: ' + Math.max(0, this.percent(this.maxValue) - this.percent(this.minValue)) + '%;';\n                },\n\n                handleStyle(value) {\n                    return 'left: ' + this.percent(value) + '%;';\n                },\n\n                setFromPointer(event, handle) {\n                    var rect = this.$refs.track.getBoundingClientRect();\n                    var ratio = Math.max(0, Math.min(1, (event.clientX - rect.left) \/ rect.width));\n                    var raw = this.options.min + ((this.options.max - this.options.min) * ratio);\n                    var stepped = Math.round(raw \/ this.options.step) * this.options.step;\n                    if (handle === 'min') {\n                        this.minValue = Math.min(stepped, this.maxValue);\n                    } else {\n                        this.maxValue = Math.max(stepped, this.minValue);\n                    }\n                    this.normalize();\n                },\n\n                startDrag(event, handle) {\n                    event.preventDefault();\n                    this.setFromPointer(event, handle);\n                    var move = (moveEvent) => this.setFromPointer(moveEvent, handle);\n                    var stop = () => {\n                        window.removeEventListener('pointermove', move);\n                        window.removeEventListener('pointerup', stop);\n                        this.apply();\n                    };\n                    window.addEventListener('pointermove', move);\n                    window.addEventListener('pointerup', stop, { once: true });\n                },\n\n                format(value) {\n                    var number = parseFloat(value);\n                    if (Number.isNaN(number)) number = 0;\n                    return Math.round(number).toString() + ' \u20ac';\n                },\n\n                valueString() {\n                    var min = Math.round(this.minValue);\n                    var max = Math.round(this.maxValue);\n                    var inclusiveMax = max;\n                    if (max < Math.round(this.options.max)) {\n                        inclusiveMax = (max + 0.99).toFixed(2).replace(\/\\.00$\/, '');\n                    }\n                    return min.toString() + '-' + inclusiveMax.toString();\n                },\n\n                targetUrl() {\n                    var url = new URL(window.location.href);\n                    if (this.minValue <= this.options.min && this.maxValue >= this.options.max) {\n                        url.searchParams.delete(this.options.code);\n                        url.searchParams.delete(this.options.code + '-ranges');\n                    } else {\n                        url.searchParams.set(this.options.code, this.valueString());\n                        url.searchParams.set(this.options.code + '-ranges', '1');\n                    }\n                    url.searchParams.delete('p');\n                    return url.toString();\n                },\n\n                apply() {\n                    this.normalize();\n                    var url = this.targetUrl();\n                    if (this.options.ajax) {\n                        this.$dispatch('bvdApplyUrl', { url: url, keepToolbar: true });\n                        return;\n                    }\n                    window.location.href = url;\n                }\n            };\n        }\n\n        document.addEventListener('alpine:init', function () {\n            window.Alpine.data('bvdPriceRange', component);\n        });\n        if (window.Alpine && typeof window.Alpine.data === 'function') {\n            try { window.Alpine.data('bvdPriceRange', component); } catch (e) { \/* already registered *\/ }\n        }\n    })();\n<\/script>\n\n    <script>\n(function () {\n    'use strict';\n    if (window.bvdLayerNavAjaxBound) return;\n    window.bvdLayerNavAjaxBound = true;\n\n    \/\/ Store-aware URL \u2014 emitted server-side via UrlInterface so it carries\n    \/\/ the right front-name (e.g. \/fr\/bvd_layerednav\/ajax\/update on the\n    \/\/ FR store). A hardcoded \/bvd_layerednav\/... path would 404 under\n    \/\/ store-prefixed URL config.\n    var AJAX_URL    = \"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/\";\n    var CATEGORY_ID = 5366;\n    \/\/ Libell\u00e9 de l'animation de chargement traduit c\u00f4t\u00e9 serveur (i18n du module,\n    \/\/ toutes langues) \u2014 inject\u00e9 en JSON pour rester ind\u00e9pendant de js-translation.\n    var LOADING_TEXT = \"Updating products...\";\n\t    var SELECTORS = {\n\t        sidebar:  '#layered-filter-block',\n\t        products: '#product-list, .products.wrapper, .products-grid, [data-content-type=\"products\"]',\n\t        toolbar:  '.toolbar-products'\n\t    };\n\n    function buildUrl(name, value, selected, single) {\n        var u = new URL(window.location.href);\n        var stringValue = String(value);\n        if (single) {\n            if (selected === false) {\n                u.searchParams.delete(name);\n            } else {\n                u.searchParams.set(name, stringValue);\n            }\n            u.searchParams.delete('p');\n            return u;\n        }\n\n        var current = (u.searchParams.get(name) || '').split(',').filter(Boolean);\n        var idx = current.indexOf(stringValue);\n        if (selected === true) {\n            if (idx === -1) current.push(stringValue);\n        } else if (selected === false) {\n            if (idx !== -1) current.splice(idx, 1);\n        } else if (idx === -1) {\n            current.push(stringValue);\n        } else {\n            current.splice(idx, 1);\n        }\n        if (current.length === 0) {\n            u.searchParams.delete(name);\n        } else {\n            u.searchParams.set(name, current.join(','));\n        }\n        u.searchParams.delete('p');\n        return u;\n    }\n\n\t    function applyUrl(nextUrl, options) {\n\t        options = options || {};\n\t        var previousUrl = window.location.href;\n\t        var newUrl = nextUrl instanceof URL ? nextUrl : new URL(String(nextUrl), window.location.href);\n\t        normalizePageParam(newUrl);\n\n        \/\/ Update URL bar (history) so back\/forward work\n        if (!options.replaceHistory && newUrl.toString() !== window.location.href) {\n            window.history.pushState({}, '', newUrl.toString());\n        }\n\n        var loadingProductsEl = firstMatch(SELECTORS.products);\n        setLoading(loadingProductsEl, true);\n\n        var qs = newUrl.searchParams.toString();\n        \/\/ AJAX_URL may already contain a query string (form_key etc.) when\n        \/\/ generated via UrlInterface; pick the right separator.\n        var sep = AJAX_URL.indexOf('?') === -1 ? '?' : '&';\n        var fetchUrl = AJAX_URL\n            + sep + 'category_id=' + encodeURIComponent(CATEGORY_ID)\n            + (options.keepSidebar ? '&skip_sidebar=1' : '')\n            + (options.keepToolbar ? '&skip_toolbar=1' : '')\n            + (qs ? '&' + qs : '');\n\n        fetch(fetchUrl, {\n            credentials: 'same-origin',\n            headers: { 'X-Requested-With': 'XMLHttpRequest' }\n        })\n        .then(function (r) {\n            if (!r.ok) throw new Error('HTTP ' + r.status);\n            return r.json();\n        })\n        .then(function (json) {\n            if (!json || typeof json !== 'object') {\n                throw new Error('invalid response');\n            }\n            var sidebarEl  = document.querySelector(SELECTORS.sidebar);\n            var productsEl = firstMatch(SELECTORS.products);\n            var toolbarEl  = firstMatch(SELECTORS.toolbar);\n            var toolbarInsideProducts = toolbarEl && productsEl && productsEl.contains(toolbarEl);\n\n            \/\/ Validate every required swap before applying any \u2014 atomic.\n            if ((!options.keepSidebar && !sidebarEl) || !productsEl) {\n                throw new Error('expected DOM wrappers not found');\n            }\n            if (!options.keepSidebar) {\n                swapInner(sidebarEl, json.sidebar_html, 'sidebar');\n            }\n            swapInner(productsEl, json.products_html, 'products');\n            var separateToolbarEl = (!options.keepToolbar && toolbarEl && !toolbarInsideProducts) ? toolbarEl : null;\n            if (separateToolbarEl) swapInner(separateToolbarEl, json.toolbar_html, 'toolbar');\n            [options.keepSidebar ? null : sidebarEl, productsEl, separateToolbarEl].forEach(function (el) {\n                if (el) activateScripts(el);\n            });\n            \/\/ Re-init Alpine on injected HTML (Alpine 3 does not auto-scan x-html targets).\n            if (window.Alpine && typeof window.Alpine.initTree === 'function') {\n                [options.keepSidebar ? null : sidebarEl, productsEl, separateToolbarEl].forEach(function (el) {\n                    if (!el) return;\n                    try { window.Alpine.initTree(el); } catch (e) { \/* ignore *\/ }\n                });\n            }\n            setLoading(productsEl, false);\n            \/\/ Notifie le scroll infini maison (Bvd_InfiniteScroll) que la liste\n            \/\/ produits a \u00e9t\u00e9 remplac\u00e9e (changement de filtre) \u2192 r\u00e9initialisation\n            \/\/ (page 1, relecture du total). No-op si le module n'est pas actif.\n\t            document.dispatchEvent(new CustomEvent('bvd:product-list-updated', {\n\t                detail: {\n\t                    count: parseInt(json.count || 0, 10)\n\t                }\n\t            }));\n        })\n        .catch(function (err) {\n            console.warn('[bvd-layered-nav] AJAX update failed', err);\n            setLoading(loadingProductsEl, false);\n            if (!options.replaceHistory) {\n                window.history.replaceState({}, '', previousUrl);\n            }\n        });\n    }\n\n\t    function setLoading(el, active) {\n\t        if (!el) return;\n\t        el.classList.toggle('bvd-layerednav-loading', Boolean(active));\n\t        if (active) {\n\t            el.setAttribute('aria-busy', 'true');\n\t            ensureZoneLoader(el);\n\t        } else {\n\t            el.removeAttribute('aria-busy');\n\t            removeLoader();\n\t        }\n\t    }\n\n\t    function ensureZoneLoader(el) {\n\t        if (!el || el.querySelector(':scope > .bvd-layerednav-zone-loader')) return;\n\t        if (window.getComputedStyle(el).position === 'static') {\n\t            el.dataset.bvdLayerednavPositioned = '1';\n\t            el.style.position = 'relative';\n\t        }\n\t        var zone = document.createElement('div');\n\t        zone.className = 'bvd-layerednav-zone-loader';\n\t        zone.style.cssText = 'position:absolute;inset:0;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding-top:3rem;background:rgba(255,255,255,.66);backdrop-filter:blur(4px);pointer-events:none;';\n\t        zone.innerHTML = '<div style=\"position:sticky;top:6rem;display:flex;height:44px;align-items:center;gap:12px;border:1px solid #e5e7eb;background:#fff;padding:0 16px;font-size:14px;font-weight:500;color:#1f2937;box-shadow:0 8px 24px rgba(0,0,0,.14);\"><span style=\"height:20px;width:20px;border-radius:9999px;border:2px solid #e5e7eb;border-top-color:var(--pink);animation:spin 1s linear infinite;display:block;\"><\/span><span class=\"bvd-loader-text\"><\/span><\/div>';\n\t        var zoneText = zone.querySelector('.bvd-loader-text');\n\t        if (zoneText) { zoneText.textContent = LOADING_TEXT; }\n\t        el.appendChild(zone);\n\t    }\n\n\t    function removeLoader() {\n\t        document.querySelectorAll('.bvd-layerednav-zone-loader').forEach(function (loader) {\n\t            loader.remove();\n\t        });\n\t    }\n\n    function firstMatch(selectorList) {\n        var sels = selectorList.split(',');\n        for (var i = 0; i < sels.length; i++) {\n            var el = document.querySelector(sels[i].trim());\n            if (el) return el;\n        }\n        return null;\n    }\n\n    function normalizePageParam(url) {\n        if (!url.searchParams.has('p')) return;\n        var page = parseInt(url.searchParams.get('p'), 10);\n        if (!Number.isFinite(page) || page < 1) {\n            url.searchParams.delete('p');\n        }\n    }\n\n    function swapInner(targetEl, html, sectionLabel) {\n        if (!targetEl || !html) return false;\n        try {\n            \/\/ innerHTML keeps the existing wrapper element intact (its id \/\n            \/\/ classes \/ Alpine x-data on the parent), only swapping the inside.\n            \/\/ The server already returns the inner content (not the wrapper)\n            \/\/ because we delegated to the same Block class that renders it\n            \/\/ server-side; Magento's getChildHtml() includes the wrapper, so\n            \/\/ we strip it client-side if present.\n            var stripped = html;\n            \/\/ If the response is the SAME wrapper, replace innerHTML; else just set.\n            var holder = document.createElement('div');\n            holder.innerHTML = html;\n            if (holder.children.length === 1 && holder.firstElementChild && targetEl.tagName === holder.firstElementChild.tagName) {\n                targetEl.innerHTML = holder.firstElementChild.innerHTML;\n            } else {\n                targetEl.innerHTML = stripped;\n            }\n            return true;\n        } catch (e) {\n            console.warn('[bvd-layered-nav] swap failed for', sectionLabel, e);\n            return false;\n        }\n    }\n\n    function activateScripts(targetEl) {\n        targetEl.querySelectorAll('script').forEach(function (script) {\n            var fresh = document.createElement('script');\n            Array.prototype.slice.call(script.attributes).forEach(function (attr) {\n                fresh.setAttribute(attr.name, attr.value);\n            });\n            fresh.textContent = script.textContent;\n            script.parentNode.replaceChild(fresh, script);\n        });\n    }\n\n    document.addEventListener('bvdApplyInputChanged', function (ev) {\n        var detail = ev.detail || {};\n        if (!detail.name) return;\n\n        applyUrl(buildUrl(\n            detail.name,\n            detail.value,\n            typeof detail.selected === 'boolean' ? detail.selected : undefined,\n            Boolean(detail.single)\n        ));\n    });\n\n    document.addEventListener('bvdApplyUrl', function (ev) {\n        var detail = ev.detail || {};\n        if (!detail.url) return;\n        applyUrl(detail.url, {\n            keepSidebar: Boolean(detail.keepSidebar),\n            keepToolbar: Boolean(detail.keepToolbar),\n            replaceHistory: Boolean(detail.replaceHistory)\n        });\n    });\n\n    document.addEventListener('click', function (ev) {\n        var link = ev.target && ev.target.closest\n            ? ev.target.closest('a[href*=\"\/bvd_layerednav\/ajax\/update\/\"]')\n            : null;\n        if (!link) return;\n\n        ev.preventDefault();\n        ev.stopPropagation();\n\n        var ajaxLinkUrl = new URL(link.href, window.location.href);\n        var publicUrl = new URL(window.location.href);\n        ajaxLinkUrl.searchParams.forEach(function (value, key) {\n            if (key === 'category_id' || key === 'skip_sidebar' || key === 'skip_toolbar') return;\n            publicUrl.searchParams.set(key, value);\n        });\n        if (!ajaxLinkUrl.searchParams.has('p')) {\n            publicUrl.searchParams.delete('p');\n        }\n        applyUrl(publicUrl, { keepSidebar: true });\n    });\n\n    window.addEventListener('popstate', function () {\n        applyUrl(window.location.href, {\n            keepSidebar: false,\n            replaceHistory: true\n        });\n    });\n\n})();\n<\/script>\n","products_html":"<style>\n    \/* Texte court cat\u00e9gorie : \u00ab Lire la suite \u00bb sur la 2e ligne, \u00e0 droite du texte\n       (style dev.az-boutique.fr) quand repli\u00e9 ; en flux normal une fois d\u00e9pli\u00e9. *\/\n    \/* line-height fix\u00e9 sur le wrap : sinon, une fois le texte en inline (d\u00e9pli\u00e9),\n       l'interligne h\u00e9rite du conteneur parent (text-3xl \u2248 36px) au lieu de 22px. *\/\n    .page-products .bvd-category-short-description-wrap{position:relative;line-height:22px}\n    .page-products .bvd-category-short-description:not(.is-expanded) ~ .bvd-category-short-description-toggle{position:absolute;right:0;bottom:0;margin-top:0;background:#fff;padding-left:16px;box-shadow:-16px 0 12px -6px #fff;line-height:22px}\n    \/* D\u00e9pli\u00e9 : le texte passe inline et \u00ab Masquer \u00bb suit sur la m\u00eame ligne. *\/\n    .page-products .bvd-category-short-description.is-expanded{display:inline;line-height:22px}\n    .page-products .bvd-category-short-description.is-expanded ~ .bvd-category-short-description-toggle{position:static;display:inline;margin:0 0 0 6px;background:none;box-shadow:none;padding-left:0}\n    \/* Barre de r\u00e9sultats : nb d'articles (gauche) + tri (droite) sur la M\u00caME ligne. *\/\n    .page-products .bvd-results-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin:14px 0;padding:8px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}\n    .page-products .bvd-results-count{font-size:13px;font-weight:600;color:#6b7280}\n    .page-products .bvd-results-bar .toolbar-products,.page-products .bvd-results-bar .toolbar{margin:0!important;padding:0!important}\n    \/* Le th\u00e8me encadrait titre+tri de 2 traits (#f2f4f5). Le tri est d\u00e9sormais dans\n       la barre r\u00e9sultats, donc on retire ces traits du bloc titre (sinon doublon :\n       un trait au-dessus du titre + un sous le texte court). *\/\n    .page-products .column.main #product-list .product-tool-bar{border-top:none!important;border-bottom:none!important}\n    \/* Avis Yotpo dans l'encart centr\u00e9 sous le titre (rendu par item.phtml). *\/\n    .page-products .bvd-card-yotpo .yotpo-bottomline{justify-content:center}\n    \/* On ne garde qu'UN badge Yotpo (le n\u00f4tre, sous les filtres) : on masque TOUTE\n       la colonne droite legacy (sidebar-additional, vide hors badge) sur les listings.\n       \u00c7a enl\u00e8ve aussi l'espace parasite SOUS l'encart texte long. *\/\n    .page-products aside.sidebar-additional{display:none!important}\n    \/* Stretched-link : le titre est le SEUL lien produit, \u00e9tir\u00e9 sur toute la carte\n       (image + prix + \u00ab Voir Product \u00bb deviennent non-liens). Le bouton panier et la\n       note Yotpo restent au-dessus via z-index. Moins de liens + carte cliquable. *\/\n    .page-products .product-item .bvd-card-link::after{content:\"\";position:absolute;inset:0;z-index:1}\n    .page-products .product-item{transition:border-color .15s}\n    .page-products .product-item:hover{border-color:var(--pink)}\n    \/* Espace sous l'encart texte long = uniquement sa marge (26px) : on neutralise\n       les marges-bas des wrappers de listing (column.main 15px + page-main 32px)\n       qui s'ajoutaient et faisaient un trou g\u00e9ant avant le footer. *\/\n    .page-products .page-main{margin-bottom:0!important}\n    .page-products .column.main{margin-bottom:0!important}\n    \/* Bouton \u00ab remonter en haut \u00bb (Bvd_InfiniteScroll) ramen\u00e9 dans l'\u00e9cran\n       (il \u00e9tait pouss\u00e9 hors-page par -right-8 \/ right:-2rem). *\/\n    #bvd-scroll-back-to-top{right:1rem!important;left:auto!important}\n<\/style>\n    <section class=\"\" id=\"product-list\" aria-label=\"Product&#x20;list\" tabindex=\"-1\">\n        <div class=\"product-tool-bar flex justify-between flex-col md:flex-row\">\n            <div class=\"container flex flex-col md:flex-row flex-wrap my-auto !pl-0 font-bold lg:mt-8 text-3xl\">\n                <h1 class=\"text-gray-900 page-title title-font\">\n                    <span class=\"base\" data-ui-id=\"page-title-wrapper\">Flags of History of the United States<\/span>\n                <\/h1>\n                                    <div class=\"bvd-category-short-description-wrap\" x-data=\"{ expanded: false, overflowing: false }\" x-init=\"$nextTick(() => { overflowing = $refs.shortTxt.scrollHeight - $refs.shortTxt.clientHeight > 4 })\">\n                        <p class=\"bvd-category-short-description\" x-ref=\"shortTxt\" :class=\"{ 'is-expanded': expanded }\">\n                            The flags of American history are to be discovered in our selection. From the creation of the American flag to the various events and wars that have marked the country, relive American history with our selection of American historical flags!                        <\/p>\n                        <button type=\"button\"\n                                class=\"bvd-category-short-description-toggle\"\n                                x-show=\"overflowing\"\n                                x-cloak\n                                :aria-expanded=\"expanded.toString()\"\n                                @click=\"expanded = !expanded\">\n                            <span x-text=\"expanded ? 'Hide...' : 'View\\u0020more...'\"><\/span>\n                        <\/button>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <div class=\"bvd-results-bar\">\n            <span class=\"bvd-results-count\">189&nbsp;items<\/span>\n            <script>\n    function initToolbar_6a527ffb69973() {\n        return {\n            options: {\"productListToolbarForm\":{\"mode\":\"product_list_mode\",\"direction\":\"product_list_dir\",\"order\":\"product_list_order\",\"limit\":\"product_list_limit\",\"modeDefault\":\"grid\",\"directionDefault\":\"asc\",\"orderDefault\":\"bestseller\",\"limitDefault\":12,\"url\":\"https:\\\/\\\/www.az-flag.com\\\/us\\\/bvd_layerednav\\\/ajax\\\/update\\\/?category_id=5366\",\"formKey\":\"WXvZxmNQKapKSXjD\",\"post\":false,\"page\":\"p\"}}.productListToolbarForm || {},\n            isBvdLayeredNavAjaxUrl(url) {\n                return String(url || '').indexOf('\/bvd_layerednav\/ajax\/update\/') !== -1;\n            },\n            getUrlParams: function() {\n                let decode = window.decodeURIComponent,\n                    sourceUrl = this.isBvdLayeredNavAjaxUrl(this.options.url) ? window.location.href : this.options.url,\n                    urlPaths = sourceUrl.split('?'),\n                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],\n                    params = {},\n                    parameters, i;\n\n                for (i = 0; i < urlParams.length; i++) {\n                    parameters = urlParams[i].split('=');\n                    params[decode(parameters[0])] = parameters[1] !== undefined ?\n                        decode(parameters[1].replace(\/\\+\/g, '%20')) :\n                        '';\n                }\n\n                return params;\n            },\n            getCurrentLimit: function() {\n                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;\n            },\n            getCurrentPage: function() {\n                return this.getUrlParams()[this.options.page] || 1;\n            },\n            changeUrl(paramName, paramValue, defaultValue) {\n                let isBvdLayeredNavAjax = this.isBvdLayeredNavAjaxUrl(this.options.url),\n                    urlPaths = (isBvdLayeredNavAjax ? window.location.href : this.options.url).split('?'),\n                    baseUrl = urlPaths[0],\n                    paramData = this.getUrlParams(),\n                    currentPage = this.getCurrentPage(),\n                    newPage;\n\n                \/**\n                 * calculates the page on which the first item of the current page will\n                 * be with the new limit and sets that number as the new page\n                 *\/\n                if (currentPage > 1 && paramName === this.options.limit) {\n                    newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) \/ paramValue) + 1;\n\n                    if (newPage > 1) {\n                        paramData[this.options.page] = newPage;\n                    } else {\n                        delete paramData[this.options.page];\n                    }\n                }\n\n                paramData[paramName] = paramValue;\n\n                if (this.options.post) {\n                    hyva.postForm({\n                        action: baseUrl,\n                        data: paramData,\n                        skipUenc: true\n                    });\n                } else {\n                    if (paramValue === defaultValue.toString()) {\n                        delete paramData[paramName];\n                    }\n                    paramData = Object.keys(paramData).length === 0 ?\n                        '' :\n                        '?' + (new URLSearchParams(paramData));\n                    if (isBvdLayeredNavAjax) {\n                        document.dispatchEvent(new CustomEvent('bvdApplyUrl', {\n                            detail: {\n                                url: baseUrl + paramData,\n                                keepSidebar: true\n                            }\n                        }));\n                        return;\n                    }\n                    location.href = baseUrl + paramData\n                }\n            }\n        }\n    }\n<\/script>\n    <div x-data=\"initToolbar_6a527ffb69973()\"\n        class=\"toolbar py-2 toolbar-products flex justify-between gap-2 items-center\">\n                                    \n                <div class=\"modes w-20 order-1 col-span-1 sm:col-span-2 md:col-span-1 lg:col-span-2\"><\/div>\n                    <div class=\"toolbar-sorter sorter flex items-center order-1 col-span-3 sm:col-span-6\n        md:col-span-3 lg:col-span-6 justify-end\">\n    <label class=\"inline-block mr-3\">\n        <select data-role=\"sorter\"\n                class=\"form-select sorter-options\"\n                aria-label=\"Sort&#x20;By\"\n                @change=\"changeUrl(\n                    'product_list_order',\n                    $event.currentTarget.options[$event.currentTarget.selectedIndex].value,\n                    options.orderDefault\n                )\">\n                            <option value=\"price\"\n                                        >\n                    Price                <\/option>\n                            <option value=\"bestseller\"\n                                            selected=\"selected\"\n                                        >\n                    Featured                <\/option>\n                    <\/select>\n    <\/label>\n            <a title=\"Set&#x20;Descending&#x20;Direction\"\n           href=\"#\"\n           class=\"action sorter-action sort-asc\"\n           @click.prevent=\"changeUrl('product_list_dir', 'desc', options.directionDefault)\"\n        >\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4\"\/>\n<\/svg>\n        <\/a>\n    <\/div>\n                        <\/div>\n        <\/div>\n\n                        <div class=\"products wrapper mode-grid products-grid\">\n            <ul\n                role=\"list\"\n                class=\"mx-auto pt-4 grid gap-4 grid-cols-2 xg:grid-cols-3 xl:grid-cols-4\">\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/8672\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"ZX_63\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"8672\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-8672.window=\"$root.src = $event.detail\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/6\/1\/61msrRHflnL.webp\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"DRAPEAU&#x20;ETATS-UNIS&#x20;90x60cm&#x20;-&#x20;DRAPEAU&#x20;AM&#xCD;&#x3F;RICAIN&#x20;-&#x20;USA&#x20;60&#x20;x&#x20;90&#x20;cm&#x20;Polyester&#x20;l&#xE9;ger\"\n    title=\"DRAPEAU&#x20;ETATS-UNIS&#x20;90x60cm&#x20;-&#x20;DRAPEAU&#x20;AM&#xCD;&#x3F;RICAIN&#x20;-&#x20;USA&#x20;60&#x20;x&#x20;90&#x20;cm&#x20;Polyester&#x20;l&#xE9;ger\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/united-states-flag-2x3-ft-light-polyester-grommets.html\"\r\n                    :id=\"`slide-desc-8672-${$id('slider-id')}`\">\r\n                    United States Flag 2&#039; x 3&#039; light polyester                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"8672\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/united-states-flag-2x3-ft-light-polyester-grommets.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-8672.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"8672\" data-price-box=\"product-id-8672\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D8672']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D8672')\"                data-price-amount=\"8.75\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$8.75<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;Flag&#x20;2&amp;&#x23;039&#x3B;&#x20;x&#x20;3&amp;&#x23;039&#x3B;&#x20;light&#x20;polyester\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;Flag&#x20;2&amp;&#x23;039&#x3B;&#x20;x&#x20;3&amp;&#x23;039&#x3B;&#x20;light&#x20;polyester\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/907\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"V_63\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"907\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-907.window=\"$root.src = $event.detail\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/7\/1\/71zp3Yx-DLL.webp\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"Drapeau&#x20;de&#x20;voiture&#x20;ETATS-UNIS&#x20;45x30cm&#x20;-&#x20;Carflag&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;30&#x20;x&#x20;45&#x20;cm\"\n    title=\"Drapeau&#x20;de&#x20;voiture&#x20;ETATS-UNIS&#x20;45x30cm&#x20;-&#x20;Carflag&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;30&#x20;x&#x20;45&#x20;cm\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/united-states-car-flag-18x12-inches-polyester.html\"\r\n                    :id=\"`slide-desc-907-${$id('slider-id')}`\">\r\n                    United States Car Flag 18&#039;&#039; x 12&#039;&#039;                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"907\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/united-states-car-flag-18x12-inches-polyester.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-907.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"907\" data-price-box=\"product-id-907\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D907']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D907')\"                data-price-amount=\"9.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$9.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;Car&#x20;Flag&#x20;18&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;x&#x20;12&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;Car&#x20;Flag&#x20;18&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;x&#x20;12&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/5023\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"S_63\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"5023\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-5023.window=\"$root.src = $event.detail\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/6\/1\/61hVhOJcbpL.webp\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"DRAPEAU&#x20;ETATS-UNIS&#x20;45x30cm&#x20;-&#x20;PAVILLON&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;30&#x20;x&#x20;45&#x20;cm&#x20;haute&#x20;qualit&#xE9;\"\n    title=\"DRAPEAU&#x20;ETATS-UNIS&#x20;45x30cm&#x20;-&#x20;PAVILLON&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;30&#x20;x&#x20;45&#x20;cm&#x20;haute&#x20;qualit&#xE9;\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/united-states-flag-18x12-in-polyester-100d-cords-high-quality.html\"\r\n                    :id=\"`slide-desc-5023-${$id('slider-id')}`\">\r\n                    United States Flag 18&#039;&#039; x 12&#039;&#039; cords                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"5023\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/united-states-flag-18x12-in-polyester-100d-cords-high-quality.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-5023.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"5023\" data-price-box=\"product-id-5023\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D5023']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D5023')\"                data-price-amount=\"7.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$7.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;Flag&#x20;18&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;x&#x20;12&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;cords\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;Flag&#x20;18&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;x&#x20;12&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;cords\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/2180\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"RB_63\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"2180\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-2180.window=\"$root.src = $event.detail\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/5\/1\/51IfKkjJnlL.webp\"\n        loading=\"lazy\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"FANION&#x20;ETATS-UNIS&#x20;15x10cm&#x20;Polyester&#x20;-&#x20;Mini&#x20;drapeau&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;10&#x20;x&#x20;15&#x20;cm&#x20;-&#x20;Banni&#xE8;re\"\n    title=\"FANION&#x20;ETATS-UNIS&#x20;15x10cm&#x20;Polyester&#x20;-&#x20;Mini&#x20;drapeau&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;10&#x20;x&#x20;15&#x20;cm&#x20;-&#x20;Banni&#xE8;re\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/fanion-etats-unis-15x10cm-avec-frange-polyester.html\"\r\n                    :id=\"`slide-desc-2180-${$id('slider-id')}`\">\r\n                    Fanion Etats-Unis 15x10cm                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"2180\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/fanion-etats-unis-15x10cm-avec-frange-polyester.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-2180.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"2180\" data-price-box=\"product-id-2180\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D2180']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D2180')\"                data-price-amount=\"6.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$6.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;Fanion&#x20;Etats-Unis&#x20;15x10cm\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;Fanion&#x20;Etats-Unis&#x20;15x10cm\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/3993\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"SQ_493\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"3993\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-3993.window=\"$root.src = $event.detail\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/s\/q\/sq_493-pm.webp\"\n        loading=\"lazy\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"&#x20;BANDANA&#x20;DRAPEAU&#x20;SUDISTE&#x20;50x50cm&#x20;-&#x20;DRAPEAU&#x20;REBEL&#x20;-&#x20;USA&#x20;CONF&#xC9;D&#xC9;R&#xC9;&#x20;50&#x20;x&#x20;50&#x20;cm\"\n    title=\"&#x20;BANDANA&#x20;DRAPEAU&#x20;SUDISTE&#x20;50x50cm&#x20;-&#x20;DRAPEAU&#x20;REBEL&#x20;-&#x20;USA&#x20;CONF&#xC9;D&#xC9;R&#xC9;&#x20;50&#x20;x&#x20;50&#x20;cm\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/confederate-states-of-america-bandana-flag-20x20-inch-polyester.html\"\r\n                    :id=\"`slide-desc-3993-${$id('slider-id')}`\">\r\n                    Confederate states of America Bandana Flag 20&#039;&#039; x 20&#039;&#039;                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"3993\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/confederate-states-of-america-bandana-flag-20x20-inch-polyester.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-3993.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"3993\" data-price-box=\"product-id-3993\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D3993']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D3993')\"                data-price-amount=\"7.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$7.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;Confederate&#x20;states&#x20;of&#x20;America&#x20;Bandana&#x20;Flag&#x20;20&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;x&#x20;20&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;Confederate&#x20;states&#x20;of&#x20;America&#x20;Bandana&#x20;Flag&#x20;20&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;x&#x20;20&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/4243\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"K_493\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"4243\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-4243.window=\"$root.src = $event.detail\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/k\/_\/k_493-pm.webp\"\n        loading=\"lazy\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"DRAPEAU&#x20;SUDISTE&#x20;250x150cm&#x20;-&#x20;GRAND&#x20;DRAPEAU&#x20;REBEL&#x20;-&#x20;USA&#x20;CONF&#xC9;D&#xC9;R&#xC9;&#x20;150&#x20;x&#x20;250&#x20;cm\"\n    title=\"DRAPEAU&#x20;SUDISTE&#x20;250x150cm&#x20;-&#x20;GRAND&#x20;DRAPEAU&#x20;REBEL&#x20;-&#x20;USA&#x20;CONF&#xC9;D&#xC9;R&#xC9;&#x20;150&#x20;x&#x20;250&#x20;cm\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/confederate-states-of-america-flag-5x8-ft-polyester-100d-high-quality-grommets.html\"\r\n                    :id=\"`slide-desc-4243-${$id('slider-id')}`\">\r\n                    Confederate states of America Flag 5&#039; x 8&#039; grommets                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"4243\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/confederate-states-of-america-flag-5x8-ft-polyester-100d-high-quality-grommets.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-4243.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"4243\" data-price-box=\"product-id-4243\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D4243']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D4243')\"                data-price-amount=\"29.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$29.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;Confederate&#x20;states&#x20;of&#x20;America&#x20;Flag&#x20;5&amp;&#x23;039&#x3B;&#x20;x&#x20;8&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;Confederate&#x20;states&#x20;of&#x20;America&#x20;Flag&#x20;5&amp;&#x23;039&#x3B;&#x20;x&#x20;8&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/12159\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"J_2290\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"12159\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-12159.window=\"$root.src = $event.detail\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/5\/1\/51i1ZFAB2hL.webp\"\n        loading=\"lazy\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"DRAPEAU&#x20;ETATS-UNIS&#x20;NOIR&#x20;ET&#x20;GRIS&#x20;150x90cm&#x20;-&#x20;DRAPEAU&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;90&#x20;x&#x20;150&#x20;cm&#x20;-&#x20;DRAPEAUX\"\n    title=\"DRAPEAU&#x20;ETATS-UNIS&#x20;NOIR&#x20;ET&#x20;GRIS&#x20;150x90cm&#x20;-&#x20;DRAPEAU&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;90&#x20;x&#x20;150&#x20;cm&#x20;-&#x20;DRAPEAUX\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/black-and-gray-usa-flag-3x5-ft-polyester-100d-high-quality-grommets.html\"\r\n                    :id=\"`slide-desc-12159-${$id('slider-id')}`\">\r\n                    Black and Gray USA Flag 3&#039; x 5&#039; grommets                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"12159\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/black-and-gray-usa-flag-3x5-ft-polyester-100d-high-quality-grommets.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-12159.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"12159\" data-price-box=\"product-id-12159\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D12159']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D12159')\"                data-price-amount=\"13.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$13.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;Black&#x20;and&#x20;Gray&#x20;USA&#x20;Flag&#x20;3&amp;&#x23;039&#x3B;&#x20;x&#x20;5&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;Black&#x20;and&#x20;Gray&#x20;USA&#x20;Flag&#x20;3&amp;&#x23;039&#x3B;&#x20;x&#x20;5&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/12166\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"J_2297\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"12166\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-12166.window=\"$root.src = $event.detail\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/6\/1\/61FZwbLM25L.webp\"\n        loading=\"lazy\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"DRAPEAU&#x20;ETATS-UNIS&#x20;NOIR&#x20;ET&#x20;BLANC&#x20;150x90cm&#x20;-&#x20;DRAPEAU&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;90&#x20;x&#x20;150&#x20;cm&#x20;-&#x20;DRAPEAUX\"\n    title=\"DRAPEAU&#x20;ETATS-UNIS&#x20;NOIR&#x20;ET&#x20;BLANC&#x20;150x90cm&#x20;-&#x20;DRAPEAU&#x20;AM&#xC9;RICAIN&#x20;-&#x20;USA&#x20;90&#x20;x&#x20;150&#x20;cm&#x20;-&#x20;DRAPEAUX\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/black-and-white-usa-flag-3x5-ft-polyester-100d-high-quality-grommets.html\"\r\n                    :id=\"`slide-desc-12166-${$id('slider-id')}`\">\r\n                    Black and White USA Flag 3&#039; x 5&#039; grommets                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"12166\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/black-and-white-usa-flag-3x5-ft-polyester-100d-high-quality-grommets.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-12166.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"12166\" data-price-box=\"product-id-12166\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D12166']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D12166')\"                data-price-amount=\"13.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$13.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;Black&#x20;and&#x20;White&#x20;USA&#x20;Flag&#x20;3&amp;&#x23;039&#x3B;&#x20;x&#x20;5&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;Black&#x20;and&#x20;White&#x20;USA&#x20;Flag&#x20;3&amp;&#x23;039&#x3B;&#x20;x&#x20;5&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/12193\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"J_2324\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"12193\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-12193.window=\"$root.src = $event.detail\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/j\/_\/j_2324-pm.webp\"\n        loading=\"lazy\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"DRAPEAU&#x20;R&#xC9;VOLTE&#x20;DU&#x20;WHISKY&#x20;150x90cm&#x20;-&#x20;DRAPEAU&#x20;DU&#x20;WHISKEY&#x20;REBELLION&#x20;90&#x20;x&#x20;150&#x20;cm&#x20;-&#x20;DRAPEAUX\"\n    title=\"DRAPEAU&#x20;R&#xC9;VOLTE&#x20;DU&#x20;WHISKY&#x20;150x90cm&#x20;-&#x20;DRAPEAU&#x20;DU&#x20;WHISKEY&#x20;REBELLION&#x20;90&#x20;x&#x20;150&#x20;cm&#x20;-&#x20;DRAPEAUX\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/whiskey-rebellion-flag-3x5-ft-polyester-100d-high-quality-grommets.html\"\r\n                    :id=\"`slide-desc-12193-${$id('slider-id')}`\">\r\n                    Whiskey Rebellion Flag 3&#039; x 5&#039; grommets                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"12193\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/whiskey-rebellion-flag-3x5-ft-polyester-100d-high-quality-grommets.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-12193.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"12193\" data-price-box=\"product-id-12193\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D12193']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D12193')\"                data-price-amount=\"11.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$11.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;Whiskey&#x20;Rebellion&#x20;Flag&#x20;3&amp;&#x23;039&#x3B;&#x20;x&#x20;5&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;Whiskey&#x20;Rebellion&#x20;Flag&#x20;3&amp;&#x23;039&#x3B;&#x20;x&#x20;5&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/12322\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"X_878\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"12322\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-12322.window=\"$root.src = $event.detail\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/x\/_\/x_878-pm.webp\"\n        loading=\"lazy\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"DRAPEAU&#x20;SUDISTE&#x20;THE&#x20;SOUTH&#x20;WILL&#x20;RISE&#x20;AGAIN&#x20;90x60cm&#x20;-&#x20;DRAPEAU&#x20;REBEL&#x20;-&#x20;USA&#x20;CONF&#xCD;&#x3F;D&#xCD;&#x3F;R&#xCD;&#x3F;&#x20;60&#x20;x&#x20;90&#x20;cm&#x20;-&#x20;DRAPEAUX\"\n    title=\"DRAPEAU&#x20;SUDISTE&#x20;THE&#x20;SOUTH&#x20;WILL&#x20;RISE&#x20;AGAIN&#x20;90x60cm&#x20;-&#x20;DRAPEAU&#x20;REBEL&#x20;-&#x20;USA&#x20;CONF&#xCD;&#x3F;D&#xCD;&#x3F;R&#xCD;&#x3F;&#x20;60&#x20;x&#x20;90&#x20;cm&#x20;-&#x20;DRAPEAUX\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/rebel-the-south-will-rise-again-flag-2x3-ft-polyester-100d-high-quality-grommets.html\"\r\n                    :id=\"`slide-desc-12322-${$id('slider-id')}`\">\r\n                    Rebel The South Will Rise Again Flag 2&#039; x 3&#039; grommets                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"12322\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/rebel-the-south-will-rise-again-flag-2x3-ft-polyester-100d-high-quality-grommets.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-12322.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"12322\" data-price-box=\"product-id-12322\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D12322']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D12322')\"                data-price-amount=\"8.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$8.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;Rebel&#x20;The&#x20;South&#x20;Will&#x20;Rise&#x20;Again&#x20;Flag&#x20;2&amp;&#x23;039&#x3B;&#x20;x&#x20;3&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;Rebel&#x20;The&#x20;South&#x20;Will&#x20;Rise&#x20;Again&#x20;Flag&#x20;2&amp;&#x23;039&#x3B;&#x20;x&#x20;3&amp;&#x23;039&#x3B;&#x20;grommets\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/12539\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"MX_63\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"12539\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-12539.window=\"$root.src = $event.detail\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/4\/1\/41avQrnyOjL.webp\"\n        loading=\"lazy\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"DRAPEAU&#x20;ETATS-UNIS&#x20;90x60cm&#x20;-&#x20;DRAPEAU&#x20;AM&#xCD;&#x3F;RICAIN&#x20;-&#x20;USA&#x20;60&#x20;x&#x20;90&#x20;cm&#x20;Sp&#xE9;cial&#x20;Ext&#xE9;rieur&#x20;-&#x20;DRAPEAUX\"\n    title=\"DRAPEAU&#x20;ETATS-UNIS&#x20;90x60cm&#x20;-&#x20;DRAPEAU&#x20;AM&#xCD;&#x3F;RICAIN&#x20;-&#x20;USA&#x20;60&#x20;x&#x20;90&#x20;cm&#x20;Sp&#xE9;cial&#x20;Ext&#xE9;rieur&#x20;-&#x20;DRAPEAUX\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/united-states-flag-2x3-ft-knitted-polyester-rings.html\"\r\n                    :id=\"`slide-desc-12539-${$id('slider-id')}`\">\r\n                    United States Flag 2&#039; x 3&#039; External use rings                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"12539\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/united-states-flag-2x3-ft-knitted-polyester-rings.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-12539.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"12539\" data-price-box=\"product-id-12539\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D12539']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D12539')\"                data-price-amount=\"14.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$14.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;Flag&#x20;2&amp;&#x23;039&#x3B;&#x20;x&#x20;3&amp;&#x23;039&#x3B;&#x20;External&#x20;use&#x20;rings\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;Flag&#x20;2&amp;&#x23;039&#x3B;&#x20;x&#x20;3&amp;&#x23;039&#x3B;&#x20;External&#x20;use&#x20;rings\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                                    <li class=\"flex flex-col\">\n                        \r\n    <form method=\"post\"\r\n        action=\"https:\/\/www.az-flag.com\/us\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/12629\/\"\r\n        class=\"item product product-item product_addtocart_form relative border border-solid border-[#E3E5E5] grow flex flex-col w-full \"\r\n                                        data-sku=\"S_1863\"\r\n                >\r\n        <input type=\"hidden\" name=\"form_key\" value=\"\" \/>\n        <input type=\"hidden\" name=\"product\" value=\"12629\" \/>\n                            <div class=\"product photo product-item-photo block mx-auto mb-3 \">\r\n            <img class=\"hover:shadow-sm object-contain product-image-photo\"\n     x-data=\"\"\n     @update-gallery-12629.window=\"$root.src = $event.detail\"\n        src=\"https:\/\/www.az-flag.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/5\/1\/51foad4U2iL.webp\"\n        loading=\"lazy\"\n        width=\"360\"\n    height=\"360\"\n    alt=\"DRAPEAU&#x20;ETATS-UNIS&#x20;AVEC&#x20;GEORGE&#x20;WASHINGTON&#x20;45x30cm&#x20;-&#x20;PAVILLON&#x20;AM&#xCD;&#x3F;RICAIN&#x20;HISTORIQUE&#x20;30&#x20;x&#x20;45&#x20;cm&#x20;haute&#x20;qualit&#xE9;\"\n    title=\"DRAPEAU&#x20;ETATS-UNIS&#x20;AVEC&#x20;GEORGE&#x20;WASHINGTON&#x20;45x30cm&#x20;-&#x20;PAVILLON&#x20;AM&#xCD;&#x3F;RICAIN&#x20;HISTORIQUE&#x20;30&#x20;x&#x20;45&#x20;cm&#x20;haute&#x20;qualit&#xE9;\"\n\/>\n        <\/div>\r\n        <div class=\"product-info flex flex-col px-[10px] pb-2 grow \">\r\n            <div class=\"mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center \">\r\n                <a\r\n                    class=\"product-item-link bvd-card-link\"\r\n                    href=\"https:\/\/www.az-flag.com\/us\/united-states-with-george-washington-flag-18x12-in-polyester-100d-cords-high-quality.html\"\r\n                    :id=\"`slide-desc-12629-${$id('slider-id')}`\">\r\n                    United States with George Washington Flag 18&#039;&#039; x 12&#039;&#039; cords                <\/a>\r\n            <\/div>\r\n\r\n                            <div class=\"py-1 mx-auto text-center \">\r\n                                        <div class=\"yotpo bottomLine bvd-card-yotpo\"\r\n                         data-product-id=\"12629\"\r\n                         data-url=\"https:\/\/www.az-flag.com\/us\/united-states-with-george-washington-flag-18x12-in-polyester-100d-cords-high-quality.html\"><\/div>\r\n                <\/div>\r\n            \r\n                                        \r\n            \r\n            \r\n            <div class=\"h-full flex items-end justify-center mt-auto text-gray-900 price-section-content-main\"\r\n                x-data=\"initPriceBox()\"\r\n                x-defer=\"intersect\"\r\n                @update-prices-12629.window=\"updatePrice($event.detail);\">\r\n                <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"12629\" data-price-box=\"product-id-12629\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D12629']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D12629')\"                data-price-amount=\"8.99\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">$8.99<\/span><\/span>\n        <\/span>\n\n<\/div>            <\/div>\r\n            <div class=\"view-product text-center leading-normal px-[10px]\">\r\n                <span class=\"font-medium text-sm text-pink\">View Product<\/span>\r\n            <\/div>\r\n            <div class=\"add-to-cart-stock-section mt-auto pt-[10px] flex flex-wrap sm:min-h-[88px] items-center flex-col gap-y-2\r\n            \">\r\n                                                            <button\r\n                            class=\"relative z-10 px-[6px] sm:px-4 w-full btn btn-primary justify-center text-sm mx-auto\"\r\n                            title=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;with&#x20;George&#x20;Washington&#x20;Flag&#x20;18&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;x&#x20;12&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;cords\"\r\n                            aria-label=\"Add&#x20;to&#x20;Basket&#x20;United&#x20;States&#x20;with&#x20;George&#x20;Washington&#x20;Flag&#x20;18&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;x&#x20;12&amp;&#x23;039&#x3B;&amp;&#x23;039&#x3B;&#x20;cords\"\r\n                            data-addto=\"cart\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" 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\"\/>\n<\/svg>\n                            <span class=\"text-xs sm:text-sm text-left md:inline lg:inline\">\r\n                                Add to Basket                            <\/span>\r\n                        <\/button>\r\n                                                    <div class=\"w-auto justify-center mx-auto\">\r\n                                    <div class=\"text-right\">\r\n        <p class=\"flex items-center justify-end align-middle gap-x-2 stock\r\n            before:w-3 before:h-3 before:rounded-full before:shrink-0\r\n            available before:bg-green-500\"\r\n        title=\"Availability\"\r\n    >In stock<\/p>\r\n    <\/div>\r\n                            <\/div>\r\n                                            \r\n                            <\/div>\r\n        <\/div>\r\n            <\/form>\r\n                    <\/li>\n                            <\/ul>\n        <\/div>\n        <script>\n    function initToolbar_6a527ffb794ba() {\n        return {\n            options: {\"productListToolbarForm\":{\"mode\":\"product_list_mode\",\"direction\":\"product_list_dir\",\"order\":\"product_list_order\",\"limit\":\"product_list_limit\",\"modeDefault\":\"grid\",\"directionDefault\":\"asc\",\"orderDefault\":\"bestseller\",\"limitDefault\":12,\"url\":\"https:\\\/\\\/www.az-flag.com\\\/us\\\/bvd_layerednav\\\/ajax\\\/update\\\/?category_id=5366\",\"formKey\":\"WXvZxmNQKapKSXjD\",\"post\":false,\"page\":\"p\"}}.productListToolbarForm || {},\n            isBvdLayeredNavAjaxUrl(url) {\n                return String(url || '').indexOf('\/bvd_layerednav\/ajax\/update\/') !== -1;\n            },\n            getUrlParams: function() {\n                let decode = window.decodeURIComponent,\n                    sourceUrl = this.isBvdLayeredNavAjaxUrl(this.options.url) ? window.location.href : this.options.url,\n                    urlPaths = sourceUrl.split('?'),\n                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],\n                    params = {},\n                    parameters, i;\n\n                for (i = 0; i < urlParams.length; i++) {\n                    parameters = urlParams[i].split('=');\n                    params[decode(parameters[0])] = parameters[1] !== undefined ?\n                        decode(parameters[1].replace(\/\\+\/g, '%20')) :\n                        '';\n                }\n\n                return params;\n            },\n            getCurrentLimit: function() {\n                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;\n            },\n            getCurrentPage: function() {\n                return this.getUrlParams()[this.options.page] || 1;\n            },\n            changeUrl(paramName, paramValue, defaultValue) {\n                let isBvdLayeredNavAjax = this.isBvdLayeredNavAjaxUrl(this.options.url),\n                    urlPaths = (isBvdLayeredNavAjax ? window.location.href : this.options.url).split('?'),\n                    baseUrl = urlPaths[0],\n                    paramData = this.getUrlParams(),\n                    currentPage = this.getCurrentPage(),\n                    newPage;\n\n                \/**\n                 * calculates the page on which the first item of the current page will\n                 * be with the new limit and sets that number as the new page\n                 *\/\n                if (currentPage > 1 && paramName === this.options.limit) {\n                    newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) \/ paramValue) + 1;\n\n                    if (newPage > 1) {\n                        paramData[this.options.page] = newPage;\n                    } else {\n                        delete paramData[this.options.page];\n                    }\n                }\n\n                paramData[paramName] = paramValue;\n\n                if (this.options.post) {\n                    hyva.postForm({\n                        action: baseUrl,\n                        data: paramData,\n                        skipUenc: true\n                    });\n                } else {\n                    if (paramValue === defaultValue.toString()) {\n                        delete paramData[paramName];\n                    }\n                    paramData = Object.keys(paramData).length === 0 ?\n                        '' :\n                        '?' + (new URLSearchParams(paramData));\n                    if (isBvdLayeredNavAjax) {\n                        document.dispatchEvent(new CustomEvent('bvdApplyUrl', {\n                            detail: {\n                                url: baseUrl + paramData,\n                                keepSidebar: true\n                            }\n                        }));\n                        return;\n                    }\n                    location.href = baseUrl + paramData\n                }\n            }\n        }\n    }\n<\/script>\n    <div x-data=\"initToolbar_6a527ffb794ba()\"\n        class=\"toolbar py-2 toolbar-products flex justify-between gap-2 items-center\">\n                    <p class=\"toolbar-amount text-sm leading-5 text-gray-700 order-3 sm:order-2 md:order-3\n    lg:order-2 col-span-2 gap-x-1 mr-auto\" id=\"toolbar-amount\">\n            Items <span class=\"toolbar-number\">1<\/span> to <span class=\"toolbar-number\">12<\/span> of <span class=\"toolbar-number\">189<\/span> total    <\/p>            \n    \n    \n    <div class=\"flex justify-center order-2 col-span-4\">\n                    <nav class=\"inline-flex items-center pages\" aria-label=\"pagination\">\n                <ol class=\"relative z-0 inline-flex shadow-sm items pages-items\">\n                    <li class=\"item pages-item-previous\">\n                                                                            <a\n                                role=\"link\"\n                                class=\"previous relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 rounded-l-md px-3 py-2 text-gray-400\n                                 border-gray-200\"\n                                aria-disabled=\"true\"\n                                aria-label=\"Previous\"\n                            >\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"20\" height=\"20\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/>\n<\/svg>\n                            <\/a>\n                                            <\/li>\n\n                    \n                    \n                                                                        <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 z-10 px-4 py-2 text-gray-700 bg-gray-100 border-primary\"\n                                    aria-current=\"page\"\n                                >\n                                    <span class=\"sr-only label\">\n                                        You&#039;re currently reading page                                    <\/span>\n                                    1                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=2\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 px-4 py-2 text-gray-700\"\n                                >\n                                    <span class=\"sr-only label\">Page<\/span>\n                                    <span>2<\/span>\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=3\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 px-4 py-2 text-gray-700\"\n                                >\n                                    <span class=\"sr-only label\">Page<\/span>\n                                    <span>3<\/span>\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=4\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 px-4 py-2 text-gray-700\"\n                                >\n                                    <span class=\"sr-only label\">Page<\/span>\n                                    <span>4<\/span>\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=5\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 px-4 py-2 text-gray-700\"\n                                >\n                                    <span class=\"sr-only label\">Page<\/span>\n                                    <span>5<\/span>\n                                <\/a>\n                            <\/li>\n                                            \n                    \n                    \n                    <li class=\"item pages-item-next -ml-px\">\n                                                                                <a\n                                href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=2\"\n                                class=\"action  next relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 rounded-r-md px-3 py-2 text-gray-500\"\n                                                                    aria-label=\"Next\"\n                                                            >\n                                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"20\" height=\"20\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/>\n<\/svg>\n                                                            <\/a>\n                                            <\/li>\n                <\/ol>\n            <\/nav>\n            <\/div>\n\n    \n    \n            \n    <div class=\"field limiter flex items-center order-3 sm:order-2 md:order-3 lg:order-2 col-span-2 justify-end\">\n        <div class=\"control\">\n            <label class=\"text-sm label\">\n                <span aria-hidden=\"true\">Show<\/span>\n\n                <select\n                    data-role=\"limiter\"\n                    class=\"form-select limiter-options\"\n                    @change=\"changeUrl(\n                        'product_list_limit',\n                        $event.currentTarget.options[$event.currentTarget.selectedIndex].value,\n                        options.limitDefault\n                    )\"\n                    aria-label=\"Show&#x20;items&#x20;per&#x20;page\"\n                >\n                                    <option value=\"12\"\n                                                    selected=\"selected\"\n                        >\n                        12                    <\/option>\n                                    <option value=\"24\"\n                        >\n                        24                    <\/option>\n                                    <option value=\"48\"\n                        >\n                        48                    <\/option>\n                                <\/select>\n            <\/label>\n        <\/div>\n    <\/div>\n            <\/div>\n    <\/section>\n","toolbar_html":"<script>\n    function initToolbar_6a527ffb7bc7c() {\n        return {\n            options: {\"productListToolbarForm\":{\"mode\":\"product_list_mode\",\"direction\":\"product_list_dir\",\"order\":\"product_list_order\",\"limit\":\"product_list_limit\",\"modeDefault\":\"grid\",\"directionDefault\":\"asc\",\"orderDefault\":\"bestseller\",\"limitDefault\":12,\"url\":\"https:\\\/\\\/www.az-flag.com\\\/us\\\/bvd_layerednav\\\/ajax\\\/update\\\/?category_id=5366\",\"formKey\":\"WXvZxmNQKapKSXjD\",\"post\":false,\"page\":\"p\"}}.productListToolbarForm || {},\n            isBvdLayeredNavAjaxUrl(url) {\n                return String(url || '').indexOf('\/bvd_layerednav\/ajax\/update\/') !== -1;\n            },\n            getUrlParams: function() {\n                let decode = window.decodeURIComponent,\n                    sourceUrl = this.isBvdLayeredNavAjaxUrl(this.options.url) ? window.location.href : this.options.url,\n                    urlPaths = sourceUrl.split('?'),\n                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],\n                    params = {},\n                    parameters, i;\n\n                for (i = 0; i < urlParams.length; i++) {\n                    parameters = urlParams[i].split('=');\n                    params[decode(parameters[0])] = parameters[1] !== undefined ?\n                        decode(parameters[1].replace(\/\\+\/g, '%20')) :\n                        '';\n                }\n\n                return params;\n            },\n            getCurrentLimit: function() {\n                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;\n            },\n            getCurrentPage: function() {\n                return this.getUrlParams()[this.options.page] || 1;\n            },\n            changeUrl(paramName, paramValue, defaultValue) {\n                let isBvdLayeredNavAjax = this.isBvdLayeredNavAjaxUrl(this.options.url),\n                    urlPaths = (isBvdLayeredNavAjax ? window.location.href : this.options.url).split('?'),\n                    baseUrl = urlPaths[0],\n                    paramData = this.getUrlParams(),\n                    currentPage = this.getCurrentPage(),\n                    newPage;\n\n                \/**\n                 * calculates the page on which the first item of the current page will\n                 * be with the new limit and sets that number as the new page\n                 *\/\n                if (currentPage > 1 && paramName === this.options.limit) {\n                    newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) \/ paramValue) + 1;\n\n                    if (newPage > 1) {\n                        paramData[this.options.page] = newPage;\n                    } else {\n                        delete paramData[this.options.page];\n                    }\n                }\n\n                paramData[paramName] = paramValue;\n\n                if (this.options.post) {\n                    hyva.postForm({\n                        action: baseUrl,\n                        data: paramData,\n                        skipUenc: true\n                    });\n                } else {\n                    if (paramValue === defaultValue.toString()) {\n                        delete paramData[paramName];\n                    }\n                    paramData = Object.keys(paramData).length === 0 ?\n                        '' :\n                        '?' + (new URLSearchParams(paramData));\n                    if (isBvdLayeredNavAjax) {\n                        document.dispatchEvent(new CustomEvent('bvdApplyUrl', {\n                            detail: {\n                                url: baseUrl + paramData,\n                                keepSidebar: true\n                            }\n                        }));\n                        return;\n                    }\n                    location.href = baseUrl + paramData\n                }\n            }\n        }\n    }\n<\/script>\n    <div x-data=\"initToolbar_6a527ffb7bc7c()\"\n        class=\"toolbar py-2 toolbar-products flex justify-between gap-2 items-center\">\n                    <p class=\"toolbar-amount text-sm leading-5 text-gray-700 order-3 sm:order-2 md:order-3\n    lg:order-2 col-span-2 gap-x-1 mr-auto\" id=\"toolbar-amount\">\n            Items <span class=\"toolbar-number\">1<\/span> to <span class=\"toolbar-number\">12<\/span> of <span class=\"toolbar-number\">189<\/span> total    <\/p>            \n    \n    \n    <div class=\"flex justify-center order-2 col-span-4\">\n                    <nav class=\"inline-flex items-center pages\" aria-label=\"pagination\">\n                <ol class=\"relative z-0 inline-flex shadow-sm items pages-items\">\n                    <li class=\"item pages-item-previous\">\n                                                                            <a\n                                role=\"link\"\n                                class=\"previous relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 rounded-l-md px-3 py-2 text-gray-400\n                                 border-gray-200\"\n                                aria-disabled=\"true\"\n                                aria-label=\"Previous\"\n                            >\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"20\" height=\"20\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/>\n<\/svg>\n                            <\/a>\n                                            <\/li>\n\n                    \n                    \n                                                                        <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 z-10 px-4 py-2 text-gray-700 bg-gray-100 border-primary\"\n                                    aria-current=\"page\"\n                                >\n                                    <span class=\"sr-only label\">\n                                        You&#039;re currently reading page                                    <\/span>\n                                    1                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=2\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 px-4 py-2 text-gray-700\"\n                                >\n                                    <span class=\"sr-only label\">Page<\/span>\n                                    <span>2<\/span>\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=3\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 px-4 py-2 text-gray-700\"\n                                >\n                                    <span class=\"sr-only label\">Page<\/span>\n                                    <span>3<\/span>\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=4\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 px-4 py-2 text-gray-700\"\n                                >\n                                    <span class=\"sr-only label\">Page<\/span>\n                                    <span>4<\/span>\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"item -ml-px\">\n                                <a\n                                    href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=5\"\n                                    class=\"page relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 px-4 py-2 text-gray-700\"\n                                >\n                                    <span class=\"sr-only label\">Page<\/span>\n                                    <span>5<\/span>\n                                <\/a>\n                            <\/li>\n                                            \n                    \n                    \n                    <li class=\"item pages-item-next -ml-px\">\n                                                                                <a\n                                href=\"https:\/\/www.az-flag.com\/us\/bvd_layerednav\/ajax\/update\/?category_id=5366&amp;p=2\"\n                                class=\"action  next relative inline-flex items-center text-sm font-medium leading-5 bg-white border border-gray-300 transition duration-150 ease-in-out hover:text-gray-400 focus:z-10 focus:outline-none focus:border-primary-lighter focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 rounded-r-md px-3 py-2 text-gray-500\"\n                                                                    aria-label=\"Next\"\n                                                            >\n                                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" width=\"20\" height=\"20\" aria-hidden=\"true\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/>\n<\/svg>\n                                                            <\/a>\n                                            <\/li>\n                <\/ol>\n            <\/nav>\n            <\/div>\n\n    \n    \n            \n    <div class=\"field limiter flex items-center order-3 sm:order-2 md:order-3 lg:order-2 col-span-2 justify-end\">\n        <div class=\"control\">\n            <label class=\"text-sm label\">\n                <span aria-hidden=\"true\">Show<\/span>\n\n                <select\n                    data-role=\"limiter\"\n                    class=\"form-select limiter-options\"\n                    @change=\"changeUrl(\n                        'product_list_limit',\n                        $event.currentTarget.options[$event.currentTarget.selectedIndex].value,\n                        options.limitDefault\n                    )\"\n                    aria-label=\"Show&#x20;items&#x20;per&#x20;page\"\n                >\n                                    <option value=\"12\"\n                                                    selected=\"selected\"\n                        >\n                        12                    <\/option>\n                                    <option value=\"24\"\n                        >\n                        24                    <\/option>\n                                    <option value=\"48\"\n                        >\n                        48                    <\/option>\n                                <\/select>\n            <\/label>\n        <\/div>\n    <\/div>\n            <\/div>\n","count":189}