{"id":85,"date":"2026-04-15T01:02:57","date_gmt":"2026-04-14T22:02:57","guid":{"rendered":"https:\/\/ubt.uz\/?page_id=85"},"modified":"2026-04-16T00:30:28","modified_gmt":"2026-04-15T21:30:28","slug":"catalog","status":"publish","type":"page","link":"https:\/\/ubt.uz\/uz\/catalog\/","title":{"rendered":"\u041a\u0430\u0442\u0430\u043b\u043e\u0433"},"content":{"rendered":"\n<section class=\"bg-[#F3F4F6] py-[60px] lg:py-[150px]\">\n    <div class=\"container\">\n\n        <!-- Label tag -->\n        <div class=\"mb-6 flex items-center gap-1.5 lg:mb-8\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"shrink-0 text-black\">\n                <path d=\"M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z\" \/>\n            <\/svg>\n            <span class=\"font-mono text-[13px] uppercase text-black lg:text-[14px]\">\n                \u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438            <\/span>\n        <\/div>\n\n        <!-- Headline -->\n        <p class=\"text-[32px] leading-[1.15] tracking-[-1.2px] text-[#333] lg:text-[55px] lg:tracking-[-2.75px]\">\n            <span class=\"text-[#e31e24]\"><\/span> \u043f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0431\u0440\u0435\u043d\u0434\u043e\u0432, \u043e\u0442 \u043c\u0435\u0441\u0442\u043d\u044b\u0445 \u0444\u0430\u0432\u043e\u0440\u0438\u0442\u043e\u0432 \u0434\u043e \u043c\u0438\u0440\u043e\u0432\u044b\u0445 \u0433\u0435\u0440\u043e\u0435\u0432.        <\/p>\n\n    <\/div>\n<\/section>\n\n\n<section class=\"border-t border-[#c9c9c9] pb-[60px] pt-0 lg:pb-[100px]\" id=\"catalog-grid\">\n\n            <!-- ========== TOP BRANDS SHOWCASE (Swiper) ========== -->\n        <div class=\"overflow-hidden py-8 lg:py-10\">\n\n            <!-- Label (mobile only, above swiper) -->\n            <div class=\"container mb-4 flex items-center gap-1.5 lg:hidden\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"shrink-0 text-[#e31e24]\">\n                    <path d=\"M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z\" \/>\n                <\/svg>\n                <span class=\"font-mono text-[13px] uppercase text-[#e31e24]\">\n                    \u0422\u043e\u043f \u0411\u0440\u0435\u043d\u0434\u044b                <\/span>\n            <\/div>\n\n            <!-- Desktop: label + swiper in a row; Mobile: swiper full-width -->\n            <div class=\"flex items-center gap-8 lg:gap-12\">\n\n                <!-- Label (desktop only, flush with container left edge) -->\n                <div class=\"hidden shrink-0 items-center gap-1.5 pl-[max(20px,calc((100vw-1416px)\/2+20px))] lg:flex\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"shrink-0 text-[#e31e24]\">\n                        <path d=\"M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z\" \/>\n                    <\/svg>\n                    <span class=\"font-mono text-[14px] uppercase text-[#e31e24]\">\n                        \u0422\u043e\u043f \u0411\u0440\u0435\u043d\u0434\u044b                    <\/span>\n                <\/div>\n\n                <!-- Swiper brand slider -->\n                <div class=\"relative min-w-0 flex-1 overflow-hidden\">\n                    <div class=\"swiper\" id=\"brands-swiper\">\n                        <div class=\"swiper-wrapper\">\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"100-pipers\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    100 Pipers                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                100 Pipers                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"aberlour\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Aberlour                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Aberlour                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    5+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"absolut\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <img decoding=\"async\"\n                                                    src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/539f8a05dda4d63636ff5500ac766d3b2108ed6f-300x152.webp\"\n                                                    alt=\"Absolut\"\n                                                    class=\"max-h-full max-w-full object-contain\"\n                                                    loading=\"lazy\">\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Absolut                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    12+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"ararat\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Ararat                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Ararat                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    9+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"avion\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Avion                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Avion                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"bagizagan\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Bagizagan                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Bagizagan                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    6+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"ballantines\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Ballantine&#039;s                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Ballantine&#039;s                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    6+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"bavaria\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Bavaria                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Bavaria                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"becherovka\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Becherovka                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Becherovka                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"beefeater\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Beefeater                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Beefeater                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    5+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"belalfa\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Belalfa                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Belalfa                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"black-velvet\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Black Velvet                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Black Velvet                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"brancott-estate\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Brancott Estate                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Brancott Estate                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"burnetts\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Burnett&#039;s                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Burnett&#039;s                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"campo-viejo\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Campo Viejo                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Campo Viejo                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    9+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"canada-dry\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Canada Dry                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Canada Dry                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"caperdonich\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Caperdonich                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Caperdonich                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"chateau-mukhrani\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Chateau Mukhrani                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Chateau Mukhrani                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    4+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"chateau-tour-la-verite\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Chateau Tour La Verite                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Chateau Tour La Verite                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"chivas-regal\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Chivas Regal                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Chivas Regal                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    9+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"church-road\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Church Road                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Church Road                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"clan-campbell\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Clan Campbell                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Clan Campbell                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"dr-pepper\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Dr.Pepper                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Dr.Pepper                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"elijah-craig\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Elijah Craig                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Elijah Craig                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"estrella-damm\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Estrella Damm                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Estrella Damm                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"evan-williams\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Evan Williams                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Evan Williams                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"false-bay\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    False Bay                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                False Bay                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"fanagoria\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Fanagoria                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Fanagoria                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    16+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"four-roses\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Four Roses                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Four Roses                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"ginster\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Ginster                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Ginster                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"green-spot\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Green Spot                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Green Spot                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"grw\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    GRW                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                GRW                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    8+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"haussmann\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Haussmann                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Haussmann                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"havana-club\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Havana Club                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Havana Club                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"holod\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Holod                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Holod                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"jacobs-creek\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Jacob&#039;s Creek                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Jacob&#039;s Creek                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    14+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"jameson\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Jameson                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Jameson                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    12+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"kahlua\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Kahlua                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Kahlua                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"kenwood\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Kenwood                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Kenwood                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"krombacher\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Krombacher                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Krombacher                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"ladoga\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Ladoga                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Ladoga                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"lambs\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Lamb&#039;s                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Lamb&#039;s                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"lillet\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Lillet                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Lillet                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"lunazul\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Lunazul                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Lunazul                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"malibu\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Malibu                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Malibu                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"martel\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Martel                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Martel                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"martell\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Martell                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Martell                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"martini\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Martini                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Martini                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"method-madness\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Method &amp; Madness                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Method &amp; Madness                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"miller\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Miller                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Miller                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"monkey-47\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Monkey 47                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Monkey 47                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"mountain-rivers\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Mountain Rivers                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Mountain Rivers                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"mumm\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Mumm                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Mumm                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"old-tbilisi\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Old Tbilisi                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Old Tbilisi                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    12+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"olmeca\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Olmeca                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Olmeca                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    4+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"oriolus\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Oriolus                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Oriolus                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"passport-scotch\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Passport Scotch                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Passport Scotch                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"peri\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Peri                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Peri                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    6+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"perrier-jouet\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Perrier-Jouet                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Perrier-Jouet                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"plymouth\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Plymouth                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Plymouth                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"ramazzotti\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Ramazzotti                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Ramazzotti                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"redbreast\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Redbreast                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Redbreast                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"romanov\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Romanov                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Romanov                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"royal-salute\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Royal Salute                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Royal Salute                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"royal-stag\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Royal Stag                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Royal Stag                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"scapa\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Scapa                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Scapa                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"schweppes\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Schweppes                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Schweppes                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"seagrams\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Seagram&#039;s                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Seagram&#039;s                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"sparkling-salute\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Sparkling Salute                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Sparkling Salute                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    6+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"spelta\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Spelta                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Spelta                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"steklo\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Steklo                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Steklo                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"tanbour\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Tanbour                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Tanbour                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    4+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"the-glenlivet\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    The Glenlivet                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                The Glenlivet                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    5+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"vondeling\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Vondeling                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Vondeling                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    4+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"winiveria\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Winiveria                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Winiveria                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    6+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"wyborowa\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Wyborowa                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Wyborowa                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"yellow-spot\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    Yellow Spot                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                Yellow Spot                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"balchug\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    \u0411\u0430\u043b\u0447\u0443\u0433                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                \u0411\u0430\u043b\u0447\u0443\u0433                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"bulbash\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    \u0411\u0443\u043b\u044c\u0431\u0430\u0448\u044a                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                \u0411\u0443\u043b\u044c\u0431\u0430\u0448\u044a                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    7+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"zerno\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    \u0417\u0435\u0440\u043d\u043e                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                \u0417\u0435\u0440\u043d\u043e                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"sverkayushhij-inej\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    \u0421\u0432\u0435\u0440\u043a\u0430\u044e\u0449\u0438\u0439 \u0418\u043d\u0435\u0439                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                \u0421\u0432\u0435\u0440\u043a\u0430\u044e\u0449\u0438\u0439 \u0418\u043d\u0435\u0439                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    2+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"solodovaya\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    \u0421\u043e\u043b\u043e\u0434\u043e\u0432\u0430\u044f                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                \u0421\u043e\u043b\u043e\u0434\u043e\u0432\u0430\u044f                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"chilla\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    \u0427\u0438\u043b\u043b\u0430                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                \u0427\u0438\u043b\u043b\u0430                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    1+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                            <div class=\"swiper-slide !w-auto\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"brand-showcase-btn flex w-[160px] cursor-pointer flex-col items-center gap-2.5 overflow-hidden rounded-[12px] border-2 border-transparent bg-[#f3f4f6] px-6 pb-4 pt-8 transition-all hover:shadow-md lg:w-[211px] lg:px-8\"\n                                        data-filter=\"brand\"\n                                        data-value=\"chistye-rosy\">\n                                        <div class=\"flex h-[30px] items-center justify-center lg:h-[40px]\">\n                                                                                            <span class=\"text-center text-[18px] font-bold text-[#333] lg:text-[22px]\">\n                                                    \u0427\u0438\u0441\u0442\u044b\u0435 \u0420\u043e\u0441\u044b                                                <\/span>\n                                                                                    <\/div>\n                                        <div class=\"flex flex-col items-center\">\n                                            <span class=\"break-words text-center text-[14px] text-black lg:text-[16px]\">\n                                                \u0427\u0438\u0441\u0442\u044b\u0435 \u0420\u043e\u0441\u044b                                            <\/span>\n                                                                                            <span class=\"font-mono text-[11px] text-[#9e9e9e] lg:text-[12px]\">\n                                                    3+ \u0442\u043e\u0432\u0430\u0440\u043e\u0432                                                <\/span>\n                                                                                    <\/div>\n                                    <\/button>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Fade edges -->\n                    <div class=\"pointer-events-none absolute inset-y-0 left-0 z-10 w-[40px] bg-gradient-to-r from-white to-transparent lg:w-[192px]\"><\/div>\n                    <div class=\"pointer-events-none absolute inset-y-0 right-0 z-10 w-[40px] bg-gradient-to-l from-white to-transparent lg:w-[192px]\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    \n    <div class=\"container\">\n        <!-- Search + Tabs -->\n        <div class=\"mb-8 flex flex-col gap-6 lg:mb-12 lg:flex-row lg:items-start lg:justify-between lg:gap-12\">\n\n            <!-- Origin tabs -->\n            <div class=\"order-2 flex w-full lg:order-1 lg:max-w-3xl\" data-catalog-tabs>\n                <button\n                    type=\"button\"\n                    class=\"catalog-tab is-active flex-1 rounded-[2px] px-6 py-2.5 text-center text-[14px] tracking-[-0.8px] transition-colors lg:text-[16px]\"\n                    data-tab=\"all\">\n                    \u0412\u0441\u044f \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044f                <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"catalog-tab flex-1 rounded-[2px] px-6 py-2.5 text-center text-[14px] tracking-[-0.8px] transition-colors lg:text-[16px]\"\n                        data-tab=\"imported\">\n                        \u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"catalog-tab flex-1 rounded-[2px] px-6 py-2.5 text-center text-[14px] tracking-[-0.8px] transition-colors lg:text-[16px]\"\n                        data-tab=\"local\">\n                        \u041c\u0435\u0441\u0442\u043d\u043e\u0435                    <\/button>\n                            <\/div>\n\n            <!-- Search bar -->\n            <div class=\"order-1 flex w-full items-center gap-2.5 border-b border-[rgba(51,51,51,0.5)] py-3 lg:order-2 lg:w-96\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(51,51,51,0.5)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\" aria-hidden=\"true\">\n                    <circle cx=\"11\" cy=\"11\" r=\"8\" \/>\n                    <path d=\"m21 21-4.3-4.3\" \/>\n                <\/svg>\n                <input\n                    type=\"text\"\n                    class=\"w-full bg-transparent font-mono text-[14px] text-[#333] placeholder-[rgba(51,51,51,0.5)] outline-none lg:text-[16px]\"\n                    placeholder=\"\u041f\u043e\u0438\u0441\u043a \u043f\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044e \u0438\u043b\u0438 \u0431\u0440\u0435\u043d\u0434\u0443...\"\n                    data-catalog-search>\n            <\/div>\n        <\/div>\n\n        <div class=\"flex flex-col gap-8 lg:flex-row lg:items-start lg:gap-[50px]\">\n\n            <!-- ========== SIDEBAR (desktop: sticky, mobile: collapsible) ========== -->\n            <aside class=\"w-full shrink-0 lg:sticky lg:top-[100px] lg:w-[260px]\">\n\n                <!-- Mobile filter toggle -->\n                <button\n                    type=\"button\"\n                    class=\"flex w-full items-center justify-between border-b border-[#c9c9c9] py-3 font-mono text-[14px] uppercase text-black lg:hidden\"\n                    data-catalog-toggle=\"filters\"\n                    aria-expanded=\"false\">\n                    \u0424\u0438\u043b\u044c\u0442\u0440\u044b                    <svg class=\"size-5 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\" \/>\n                    <\/svg>\n                <\/button>\n\n                <div class=\"hidden lg:block\" data-catalog-filters>\n                    <!-- Brands -->\n                                            <div class=\"flex flex-col gap-5 pb-6\">\n                            <button\n                                type=\"button\"\n                                class=\"flex w-full items-center justify-between gap-3 pt-4 text-left\"\n                                data-catalog-filter-toggle=\"brand\"\n                                aria-expanded=\"true\"\n                                aria-controls=\"catalog-filter-brands\">\n                                <span class=\"flex items-center gap-1.5\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"shrink-0 text-black\">\n                                        <path d=\"M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z\" \/>\n                                    <\/svg>\n                                    <span class=\"font-mono text-[14px] uppercase text-black\">\n                                        \u0411\u0440\u0435\u043d\u0434\u044b                                    <\/span>\n                                <\/span>\n                                <svg class=\"size-5 shrink-0 rotate-180 text-black transition-transform\" data-catalog-filter-icon aria-hidden=\"true\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n\t                            <\/button>\n\t                            <div id=\"catalog-filter-brands\" data-catalog-filter-panel=\"brand\">\n\t                                <label class=\"flex items-center gap-2 border-b border-[rgba(51,51,51,0.25)] py-2\">\n\t                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(51,51,51,0.5)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\" aria-hidden=\"true\">\n\t                                        <circle cx=\"11\" cy=\"11\" r=\"8\" \/>\n\t                                        <path d=\"m21 21-4.3-4.3\" \/>\n\t                                    <\/svg>\n\t                                    <span class=\"sr-only\">\u041f\u043e\u0438\u0441\u043a \u0431\u0440\u0435\u043d\u0434\u0430<\/span>\n\t                                    <input\n\t                                        type=\"search\"\n\t                                        class=\"w-full bg-transparent font-mono text-[13px] text-[#333] placeholder-[rgba(51,51,51,0.45)] outline-none\"\n\t                                        placeholder=\"\u041f\u043e\u0438\u0441\u043a \u0431\u0440\u0435\u043d\u0434\u0430...\"\n\t                                        data-filter-search=\"brand\"\n\t                                        autocomplete=\"off\">\n\t                                <\/label>\n\t                                <ul class=\"flex max-h-72 flex-col gap-0.5 overflow-y-auto overscroll-contain pr-1\" data-filter-group=\"brand\">\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"100-pipers\">\n                                            100 Pipers\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"aberlour\">\n                                            Aberlour\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"absolut\">\n                                            Absolut\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"ararat\">\n                                            Ararat\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"avion\">\n                                            Avion\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"bagizagan\">\n                                            Bagizagan\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"ballantines\">\n                                            Ballantine&#039;s\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"bavaria\">\n                                            Bavaria\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"becherovka\">\n                                            Becherovka\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"beefeater\">\n                                            Beefeater\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"belalfa\">\n                                            Belalfa\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"black-velvet\">\n                                            Black Velvet\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"brancott-estate\">\n                                            Brancott Estate\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"burnetts\">\n                                            Burnett&#039;s\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"campo-viejo\">\n                                            Campo Viejo\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"canada-dry\">\n                                            Canada Dry\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"caperdonich\">\n                                            Caperdonich\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"chateau-mukhrani\">\n                                            Chateau Mukhrani\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"chateau-tour-la-verite\">\n                                            Chateau Tour La Verite\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"chivas-regal\">\n                                            Chivas Regal\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"church-road\">\n                                            Church Road\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"clan-campbell\">\n                                            Clan Campbell\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"dr-pepper\">\n                                            Dr.Pepper\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"elijah-craig\">\n                                            Elijah Craig\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"estrella-damm\">\n                                            Estrella Damm\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"evan-williams\">\n                                            Evan Williams\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"false-bay\">\n                                            False Bay\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"fanagoria\">\n                                            Fanagoria\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"four-roses\">\n                                            Four Roses\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"ginster\">\n                                            Ginster\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"green-spot\">\n                                            Green Spot\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"grw\">\n                                            GRW\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"haussmann\">\n                                            Haussmann\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"havana-club\">\n                                            Havana Club\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"holod\">\n                                            Holod\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"jacobs-creek\">\n                                            Jacob&#039;s Creek\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"jameson\">\n                                            Jameson\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"kahlua\">\n                                            Kahlua\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"kenwood\">\n                                            Kenwood\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"krombacher\">\n                                            Krombacher\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"ladoga\">\n                                            Ladoga\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"lambs\">\n                                            Lamb&#039;s\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"lillet\">\n                                            Lillet\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"lunazul\">\n                                            Lunazul\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"malibu\">\n                                            Malibu\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"martel\">\n                                            Martel\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"martell\">\n                                            Martell\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"martini\">\n                                            Martini\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"method-madness\">\n                                            Method &amp; Madness\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"miller\">\n                                            Miller\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"monkey-47\">\n                                            Monkey 47\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"mountain-rivers\">\n                                            Mountain Rivers\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"mumm\">\n                                            Mumm\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"old-tbilisi\">\n                                            Old Tbilisi\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"olmeca\">\n                                            Olmeca\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"oriolus\">\n                                            Oriolus\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"passport-scotch\">\n                                            Passport Scotch\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"peri\">\n                                            Peri\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"perrier-jouet\">\n                                            Perrier-Jouet\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"plymouth\">\n                                            Plymouth\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"ramazzotti\">\n                                            Ramazzotti\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"redbreast\">\n                                            Redbreast\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"romanov\">\n                                            Romanov\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"royal-salute\">\n                                            Royal Salute\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"royal-stag\">\n                                            Royal Stag\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"scapa\">\n                                            Scapa\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"schweppes\">\n                                            Schweppes\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"seagrams\">\n                                            Seagram&#039;s\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"sparkling-salute\">\n                                            Sparkling Salute\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"spelta\">\n                                            Spelta\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"steklo\">\n                                            Steklo\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"tanbour\">\n                                            Tanbour\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"the-glenlivet\">\n                                            The Glenlivet\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"vondeling\">\n                                            Vondeling\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"winiveria\">\n                                            Winiveria\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"wyborowa\">\n                                            Wyborowa\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"yellow-spot\">\n                                            Yellow Spot\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"balchug\">\n                                            \u0411\u0430\u043b\u0447\u0443\u0433\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"bulbash\">\n                                            \u0411\u0443\u043b\u044c\u0431\u0430\u0448\u044a\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"zerno\">\n                                            \u0417\u0435\u0440\u043d\u043e\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"sverkayushhij-inej\">\n                                            \u0421\u0432\u0435\u0440\u043a\u0430\u044e\u0449\u0438\u0439 \u0418\u043d\u0435\u0439\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"solodovaya\">\n                                            \u0421\u043e\u043b\u043e\u0434\u043e\u0432\u0430\u044f\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"chilla\">\n                                            \u0427\u0438\u043b\u043b\u0430\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"brand\"\n                                            data-value=\"chistye-rosy\">\n                                            \u0427\u0438\u0441\u0442\u044b\u0435 \u0420\u043e\u0441\u044b\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                <\/ul>\n\t                            <\/div>\n                        <\/div>\n                    \n                    <!-- Divider -->\n                    <hr class=\"border-t border-[#e5e7eb]\">\n\n                    <!-- Product Types -->\n                                            <div class=\"flex flex-col gap-5 pt-6\">\n                            <button\n                                type=\"button\"\n                                class=\"flex w-full items-center justify-between gap-3 text-left\"\n                                data-catalog-filter-toggle=\"type\"\n                                aria-expanded=\"true\"\n                                aria-controls=\"catalog-filter-types\">\n                                <span class=\"flex items-center gap-1.5\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" class=\"shrink-0 text-black\">\n                                        <path d=\"M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z\" \/>\n                                    <\/svg>\n                                    <span class=\"font-mono text-[14px] uppercase text-black\">\n                                        \u0422\u0438\u043f \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438                                    <\/span>\n                                <\/span>\n                                <svg class=\"size-5 shrink-0 rotate-180 text-black transition-transform\" data-catalog-filter-icon aria-hidden=\"true\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\" \/>\n                                <\/svg>\n\t                            <\/button>\n\t                            <div id=\"catalog-filter-types\" data-catalog-filter-panel=\"type\">\n\t                                <label class=\"flex items-center gap-2 border-b border-[rgba(51,51,51,0.25)] py-2\">\n\t                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(51,51,51,0.5)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\" aria-hidden=\"true\">\n\t                                        <circle cx=\"11\" cy=\"11\" r=\"8\" \/>\n\t                                        <path d=\"m21 21-4.3-4.3\" \/>\n\t                                    <\/svg>\n\t                                    <span class=\"sr-only\">\u041f\u043e\u0438\u0441\u043a \u0442\u0438\u043f\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438<\/span>\n\t                                    <input\n\t                                        type=\"search\"\n\t                                        class=\"w-full bg-transparent font-mono text-[13px] text-[#333] placeholder-[rgba(51,51,51,0.45)] outline-none\"\n\t                                        placeholder=\"\u041f\u043e\u0438\u0441\u043a \u0442\u0438\u043f\u0430...\"\n\t                                        data-filter-search=\"type\"\n\t                                        autocomplete=\"off\">\n\t                                <\/label>\n\t                                <ul class=\"flex max-h-72 flex-col gap-0.5 overflow-y-auto overscroll-contain pr-1\" data-filter-group=\"type\">\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"bezalkogolnoe\">\n                                            \u0411\u0435\u0437\u0430\u043b\u043a\u043e\u0433\u043e\u043b\u044c\u043d\u043e\u0435\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"wine\">\n                                            \u0412\u0438\u043d\u043e\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"whisky\">\n                                            \u0412\u0438\u0441\u043a\u0438\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"vodka\">\n                                            \u0412\u043e\u0434\u043a\u0430\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"gin\">\n                                            \u0414\u0436\u0438\u043d\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"igristoe-vino\">\n                                            \u0418\u0433\u0440\u0438\u0441\u0442\u043e\u0435 \u0432\u0438\u043d\u043e\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"cognac\">\n                                            \u041a\u043e\u043d\u044c\u044f\u043a\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"likyor\">\n                                            \u041b\u0438\u043a\u0451\u0440\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"pivo\">\n                                            \u041f\u0438\u0432\u043e\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"rum\">\n                                            \u0420\u043e\u043c\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"tekila\">\n                                            \u0422\u0435\u043a\u0438\u043b\u0430\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                    <li>\n\t                                        <button\n                                            type=\"button\"\n                                            class=\"catalog-filter-btn w-full rounded-sm px-2.5 py-2.5 text-left text-[18px] text-[#333] transition-colors hover:bg-[#f3f4f6] hover:text-[#e31e24] lg:text-[20px]\"\n                                            data-filter=\"type\"\n                                            data-value=\"champagne\">\n                                            \u0428\u0430\u043c\u043f\u0430\u043d\u0441\u043a\u043e\u0435\t                                        <\/button>\n\t                                    <\/li>\n\t                                \t                                <\/ul>\n\t                            <\/div>\n                        <\/div>\n                    \n                    <button\n                        type=\"button\"\n                        class=\"mt-6 inline-flex w-full items-center justify-center rounded-[2px] border border-[#c9c9c9] px-6 py-2.5 text-[14px] leading-normal tracking-[-0.7px] text-[#333] transition-colors hover:border-black hover:bg-black hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:text-[16px] lg:tracking-[-0.8px]\"\n                        data-catalog-reset>\n                        \u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0444\u0438\u043b\u044c\u0442\u0440\u044b                    <\/button>\n                <\/div>\n            <\/aside>\n\n            <!-- ========== MAIN CONTENT ========== -->\n            <div class=\"min-w-0 flex-1\">\n\n                <!-- Product Grid -->\n                <div class=\"grid grid-cols-2 gap-4 lg:grid-cols-3 lg:gap-6\" data-catalog-grid>\n                                                <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/100-pipers\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"100-pipers\"\n                                data-types=\"whisky\"\n                                data-origins=\"imported\"\n                                data-title=\"100 pipers\"\n                                data-brand-name=\"100 pipers\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/100-pipers-240x300.webp\"\n                                            alt=\"100 Pipers\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b | 1\u043b<\/span>\n                                        <span>100 Pipers<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        100 Pipers                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            \u0412\u0438\u0441\u043a\u0438 100 Pipers \u0438\u0437 \u0428\u043e\u0442\u043b\u0430\u043d\u0434\u0438\u044f. \u041a\u0440\u0435\u043f\u043e\u0441\u0442\u044c 40%.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/aberlour-12-yo\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"aberlour\"\n                                data-types=\"whisky\"\n                                data-origins=\"imported\"\n                                data-title=\"aberlour 12 yo\"\n                                data-brand-name=\"aberlour\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/aberlour12yearolddoublecaskmaturedwhisky700ml_ob_c27e308e-c708-4a88-87f1-0ee4c61fb252_1024x1024-300x300.webp\"\n                                            alt=\"Aberlour 12 YO\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Aberlour<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Aberlour 12 YO                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Aberlour 12 YO &#8212; \u0448\u043e\u0442\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439 \u0432\u0438\u0441\u043a\u0438 \u043e\u0442 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0431\u0440\u0435\u043d\u0434\u0430 Aberlour \u0441 \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c\u044e 40% \u0438 \u043e\u0431\u044a\u0435\u043c\u043e\u043c 0,7\u043b. \u042d\u0442\u043e\u0442 \u0432\u0438\u0441\u043a\u0438 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0446\u0435\u043d\u0438\u0442\u0435\u043b\u0435\u0439 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0448\u043e\u0442\u043b\u0430\u043d\u0434\u0441\u043a\u043e\u0433\u043e \u0432\u043a\u0443\u0441\u0430.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/aberlour-14-yo\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"aberlour\"\n                                data-types=\"whisky\"\n                                data-origins=\"imported\"\n                                data-title=\"aberlour 14 yo\"\n                                data-brand-name=\"aberlour\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/12906-b.72320-300x300.webp\"\n                                            alt=\"Aberlour 14 YO\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Aberlour<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Aberlour 14 YO                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Aberlour 14 YO &#8212; \u0448\u043e\u0442\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439 \u0432\u0438\u0441\u043a\u0438 \u043e\u0442 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0431\u0440\u0435\u043d\u0434\u0430 Aberlour, \u0441 \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c\u044e 40% \u0438 \u043e\u0431\u044a\u0451\u043c\u043e\u043c 0,7\u043b. \u042d\u0442\u043e\u0442 \u043d\u0430\u043f\u0438\u0442\u043e\u043a \u0438\u0434\u0435\u0430\u043b\u0435\u043d \u0434\u043b\u044f \u0446\u0435\u043d\u0438\u0442\u0435\u043b\u0435\u0439 \u0432\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u0433\u0430\u0442\u044b\u043c \u0438 \u0441\u043b\u043e\u0436\u043d\u044b\u043c \u0432\u043a\u0443\u0441\u043e\u043c.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/aberlour-16-yo\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"aberlour\"\n                                data-types=\"whisky\"\n                                data-origins=\"imported\"\n                                data-title=\"aberlour 16 yo\"\n                                data-brand-name=\"aberlour\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/aberlour-16yo-new_1080x-300x300.webp\"\n                                            alt=\"Aberlour 16 YO\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Aberlour<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Aberlour 16 YO                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Aberlour 16 YO &#8212; \u0448\u043e\u0442\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439 \u0432\u0438\u0441\u043a\u0438 \u043e\u0442 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0431\u0440\u0435\u043d\u0434\u0430 Aberlour, \u0441 \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c\u044e 40% \u0438 \u043e\u0431\u044a\u0451\u043c\u043e\u043c 0,7\u043b. \u042d\u0442\u043e\u0442 \u0432\u044b\u0441\u043e\u043a\u043e\u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043d\u0430\u043f\u0438\u0442\u043e\u043a \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u043e\u0439\u0434\u0451\u0442 \u0434\u043b\u044f \u0446\u0435\u043d\u0438\u0442\u0435\u043b\u0435\u0439 \u0432\u0438\u0441\u043a\u0438.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/aberlour-18-yo\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"aberlour\"\n                                data-types=\"whisky\"\n                                data-origins=\"imported\"\n                                data-title=\"aberlour 18 yo\"\n                                data-brand-name=\"aberlour\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/whi20660-300x300.webp\"\n                                            alt=\"Aberlour 18 YO\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,5\u043b<\/span>\n                                        <span>Aberlour<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Aberlour 18 YO                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Aberlour 18 YO &#8212; \u043f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0448\u043e\u0442\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439 \u0432\u0438\u0441\u043a\u0438 \u0431\u0440\u0435\u043d\u0434\u0430 Aberlour, \u0432\u044b\u0434\u0435\u0440\u0436\u0430\u043d\u043d\u044b\u0439 18 \u043b\u0435\u0442, \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c\u044e 43% \u0438 \u043e\u0431\u044a\u0451\u043c\u043e\u043c 0,5\u043b. \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u044b\u0431\u043e\u0440 \u0434\u043b\u044f \u0446\u0435\u043d\u0438\u0442\u0435\u043b\u0435\u0439 \u0438\u0437\u044b\u0441\u043a\u0430\u043d\u043d\u044b\u0445 \u043d\u0430\u043f\u0438\u0442\u043a\u043e\u0432.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/aberlour-abunadh-2\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"aberlour\"\n                                data-types=\"whisky\"\n                                data-origins=\"imported\"\n                                data-title=\"aberlour a&#8217;bunadh\"\n                                data-brand-name=\"aberlour\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/whi05020-300x300.webp\"\n                                            alt=\"Aberlour A&#8217;Bunadh\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Aberlour<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Aberlour A&#8217;Bunadh                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Aberlour A&#039;Bunadh &#8212; \u044d\u0442\u043e \u0448\u043e\u0442\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439 \u0432\u0438\u0441\u043a\u0438 \u043e\u0442 \u0431\u0440\u0435\u043d\u0434\u0430 Aberlour \u0441 \u0432\u044b\u0441\u043e\u043a\u043e\u0439 \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c\u044e 59,5%. \u042d\u0442\u043e\u0442 \u0432\u0438\u0441\u043a\u0438 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0446\u0435\u043d\u0438\u0442 \u0441\u0438\u043b\u044c\u043d\u044b\u0439 \u0438 \u0431\u043e\u0433\u0430\u0442\u044b\u0439 \u0432\u043a\u0443\u0441.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/absolut-citron\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"absolut\"\n                                data-types=\"vodka\"\n                                data-origins=\"imported\"\n                                data-title=\"absolut citron\"\n                                data-brand-name=\"absolut\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/2000082-300x300.webp\"\n                                            alt=\"Absolut Citron\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Absolut<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Absolut Citron                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            \u0412\u043e\u0434\u043a\u0430 \u0441 \u043d\u0430\u0442\u0443\u0440\u0430\u043b\u044c\u043d\u044b\u043c \u0430\u0440\u043e\u043c\u0430\u0442\u043e\u043c \u043b\u0438\u043c\u043e\u043d\u0430.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/absolut-elyx\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"absolut\"\n                                data-types=\"vodka\"\n                                data-origins=\"imported\"\n                                data-title=\"absolut elyx\"\n                                data-brand-name=\"absolut\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/20685_862556_04-240x300.webp\"\n                                            alt=\"Absolut Elyx\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Absolut<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Absolut Elyx                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Absolut Elyx &#8212; \u043f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u043e\u0434\u043a\u0430 \u043e\u0442 \u0431\u0440\u0435\u043d\u0434\u0430 Absolut, \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u044f\u0449\u0435\u0433\u043e\u0441\u044f \u0432 \u0428\u0432\u0435\u0446\u0438\u0438, \u0441 \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c\u044e 42,3% \u0438 \u043e\u0431\u044a\u0451\u043c\u043e\u043c 0,7\u043b. \u042d\u0442\u043e\u0442 \u043d\u0430\u043f\u0438\u0442\u043e\u043a \u0438\u0437\u0432\u0435\u0441\u0442\u0435\u043d \u0441\u0432\u043e\u0438\u043c \u0438\u0437\u044b\u0441\u043a\u0430\u043d\u043d\u044b\u043c \u0432\u043a\u0443\u0441\u043e\u043c \u0438 \u0432\u044b\u0441\u043e\u043a\u0438\u043c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e\u043c.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/absolut-grapefruit\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"absolut\"\n                                data-types=\"vodka\"\n                                data-origins=\"imported\"\n                                data-title=\"absolut grapefruit\"\n                                data-brand-name=\"absolut\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/30779-1c5888dd-300x300.webp\"\n                                            alt=\"Absolut Grapefruit\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Absolut<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Absolut Grapefruit                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Absolut Grapefruit &#8212; \u043f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u043e\u0434\u043a\u0430 \u043e\u0442 \u0431\u0440\u0435\u043d\u0434\u0430 Absolut, \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u0430\u044f \u0432 \u0428\u0432\u0435\u0446\u0438\u0438, \u0441 \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c\u044e 40% \u0438 \u043e\u0431\u044a\u0451\u043c\u043e\u043c 0,7\u043b. \u042d\u0442\u043e\u0442 \u043d\u0430\u043f\u0438\u0442\u043e\u043a \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u0435\u0442 \u0432 \u0441\u0435\u0431\u0435 \u0441\u043b\u0430\u0434\u043e\u0441\u0442\u044c \u0438 \u043a\u0438\u0441\u043b\u0438\u043d\u043a\u0443.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/absolut-lime\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"absolut\"\n                                data-types=\"vodka\"\n                                data-origins=\"imported\"\n                                data-title=\"absolut lime\"\n                                data-brand-name=\"absolut\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/ingredient_absolut-lime_1000ml_row_packshot-176x300.webp\"\n                                            alt=\"Absolut Lime\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Absolut<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Absolut Lime                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Absolut Lime &#8212; \u043f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u043e\u0434\u043a\u0430 \u043e\u0442 \u0431\u0440\u0435\u043d\u0434\u0430 Absolut, \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u0430\u044f \u0432 \u0428\u0432\u0435\u0446\u0438\u0438, \u0441 \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c\u044e 40% \u0438 \u043e\u0431\u044a\u0451\u043c\u043e\u043c 0,7\u043b. \u0418\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u044b\u0431\u043e\u0440 \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0446\u0435\u043d\u0438\u0442 \u0447\u0438\u0441\u0442\u043e\u0442\u0443 \u0438 \u0441\u0432\u0435\u0436\u0435\u0441\u0442\u044c \u0432\u043a\u0443\u0441\u0430.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/absolut-mandrin\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"absolut\"\n                                data-types=\"vodka\"\n                                data-origins=\"imported\"\n                                data-title=\"absolut mandrin\"\n                                data-brand-name=\"absolut\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/ingredient_absolut-mandrin_1000ml_row_packshot-176x300.webp\"\n                                            alt=\"Absolut Mandrin\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Absolut<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Absolut Mandrin                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Absolut Mandrin &#8212; \u043f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u043e\u0434\u043a\u0430 \u043e\u0442 \u0431\u0440\u0435\u043d\u0434\u0430 Absolut, \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u0430\u044f \u0432 \u0428\u0432\u0435\u0446\u0438\u0438 \u0441 \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c\u044e 40% \u0438 \u043e\u0431\u044a\u0451\u043c\u043e\u043c 0,7\u043b. \u042d\u0442\u043e\u0442 \u043d\u0430\u043f\u0438\u0442\u043e\u043a \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u043b\u044e\u0431\u0438\u0442\u0435\u043b\u0435\u0439 \u0446\u0438\u0442\u0440\u0443\u0441\u043e\u0432\u044b\u0445 \u0432\u043a\u0443\u0441\u043e\u0432.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                                    <a\n                                href=\"https:\/\/ubt.uz\/uz\/products\/absolut-mango\/\"\n                                class=\"catalog-card relative flex flex-col gap-4 rounded-sm bg-white p-2.5 shadow-[0_4px_32px_rgba(0,0,0,0.08)] transition-opacity hover:shadow-[0_8px_36px_rgba(0,0,0,0.12)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-black lg:gap-5 lg:p-3\"\n                                data-brands=\"absolut\"\n                                data-types=\"vodka\"\n                                data-origins=\"imported\"\n                                data-title=\"absolut mango\"\n                                data-brand-name=\"absolut\">\n                                <!-- Image area -->\n                                <div class=\"flex items-end justify-center border-b border-[rgba(51,51,51,0.15)] bg-white p-4 lg:p-6\">\n                                                                            <!-- <span class=\"absolute left-2.5 top-2.5 inline-block size-5 rounded-full bg-blue-600 lg:size-6\" title=\"\u0418\u043c\u043f\u043e\u0440\u0442\u043d\u043e\u0435\"><\/span> -->\n                                                                                                                <img decoding=\"async\"\n                                            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/ingredient_absolut-mango_1000ml_row_packshot-176x300.webp\"\n                                            alt=\"Absolut Mango\"\n                                            class=\"h-[180px] w-auto object-contain lg:h-[300px]\"\n                                            loading=\"lazy\">\n                                                                    <\/div>\n\n                                <!-- Card info -->\n                                <div class=\"flex flex-col gap-1\">\n                                    <div class=\"flex items-start justify-between font-mono text-[11px] uppercase text-[#9e9e9e] lg:text-[14px]\">\n                                        <span>0,7\u043b<\/span>\n                                        <span>Absolut<\/span>\n                                    <\/div>\n                                    <h3 class=\"break-words text-[14px] text-[#333] lg:text-[16px]\">\n                                        Absolut Mango                                    <\/h3>\n                                                                            <p class=\"line-clamp-3 font-mono text-[11px] text-[rgba(51,51,51,0.5)] lg:text-[12px]\">\n                                            Absolut Mango &#8212; \u044d\u0442\u043e \u043f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u043e\u0434\u043a\u0430 \u043e\u0442 \u0448\u0432\u0435\u0434\u0441\u043a\u043e\u0433\u043e \u0431\u0440\u0435\u043d\u0434\u0430 Absolut, \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0449\u0430\u044f\u0441\u044f \u0441\u0432\u043e\u0435\u0439 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0446\u0438\u0435\u0439 \u0432\u043a\u0443\u0441\u043e\u0432 \u0438 \u0430\u0440\u043e\u043c\u0430\u0442\u043e\u0432. \u041e\u0431\u044a\u0451\u043c 0,7\u043b, \u043a\u0440\u0435\u043f\u043e\u0441\u0442\u044c 38%.                                        <\/p>\n                                                                    <\/div>\n                            <\/a>\n                                        <\/div>\n\n                <!-- Empty state (shown by JS when filters yield no results) -->\n                <p class=\"hidden py-12 text-center text-[#9e9e9e]\" data-catalog-empty>\n                    \u041f\u043e \u0432\u0430\u0448\u0435\u043c\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e.                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section id=\"contact\" class=\"relative min-h-[600px] overflow-hidden py-[32px] lg:min-h-[688px] lg:py-0\">\n\n    <!-- Background image -->\n            <img decoding=\"async\"\n            src=\"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/dc76931248bd34a9f643cf3db87ad5338bf5ddb2.webp\"\n            alt=\"\"\n            class=\"absolute inset-0 size-full object-cover\"\n            loading=\"lazy\"\n            aria-hidden=\"true\">\n    \n    <!-- Dark overlay -->\n    <div class=\"absolute inset-0 bg-black\/60\" aria-hidden=\"true\"><\/div>\n\n    <!-- Content -->\n    <div class=\"container\">\n        <div class=\"relative z-10 flex w-full flex-col gap-12 px-5 pb-[32px] pt-[48px] lg:min-h-[688px] lg:flex-row lg:items-end lg:justify-between lg:p-[32px]\">\n\n            <!-- Left: heading -->\n            <div class=\"flex flex-col gap-[10px] text-white\">\n                <div class=\"flex items-center gap-[10px]\">\n                    <span class=\"text-[16px] tracking-[-0.64px]\" aria-hidden=\"true\">\u21b3<\/span>\n                    <a\n                        href=\"mailto:info_ubt@gmail.com\"\n                        class=\"text-[16px] tracking-[-1px] transition-colors hover:text-[#E31E24] lg:text-[20px]\">\n                        info_ubt@gmail.com                    <\/a>\n                <\/div>\n                <p class=\"text-[56px] leading-[1] tracking-[-2.8px] lg:text-[96px] lg:tracking-[-4.8px]\">\n                    Contact Us                <\/p>\n            <\/div>\n\n            <!-- Right: form card -->\n            <div class=\"flex w-full flex-col gap-[50px] rounded-[20px] bg-[#e7e9ec] px-6 py-10 lg:w-[688px] lg:shrink-0 lg:px-[24px] lg:py-[100px]\">\n\n                <!-- Card header -->\n                <div class=\"flex flex-col gap-[10px]\">\n                    <div class=\"flex items-center gap-1\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-5 shrink-0 text-black\" aria-hidden=\"true\">\n                            <path d=\"M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z\" \/>\n                        <\/svg>\n                        <p class=\"font-mono text-[14px] uppercase text-black\">\n                            \u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438                        <\/p>\n                    <\/div>\n                    <h2 class=\"text-[28px] leading-normal tracking-[-1.4px] text-[#333] lg:text-[40px] lg:tracking-[-2px]\">\n                        \u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443, \u0438 \u043c\u044b \u0441 \u0412\u0430\u043c\u0438 \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f                    <\/h2>\n                <\/div>\n\n                                    <div class=\"[&#038;_.wpcf7-form]:flex [&#038;_.wpcf7-form]:flex-col [&#038;_.wpcf7-form]:gap-8 [&#038;_.wpcf7-form-control-wrap]:block [&#038;_.wpcf7-form-control-wrap]:w-full [&#038;_.wpcf7-not-valid-tip]:mt-2 [&#038;_.wpcf7-not-valid-tip]:text-sm [&#038;_.wpcf7-not-valid-tip]:text-red-600 [&#038;_.wpcf7-response-output]:m-0 [&#038;_.wpcf7-response-output]:border-0 [&#038;_.wpcf7-response-output]:p-0 [&#038;_.wpcf7-response-output]:text-sm [&#038;_.wpcf7-spinner]:ml-3 [&#038;_.wpcf7-submit]:inline-flex [&#038;_.wpcf7-submit]:h-auto [&#038;_.wpcf7-submit]:min-h-0 [&#038;_.wpcf7-submit]:w-auto [&#038;_.wpcf7-submit]:items-center [&#038;_.wpcf7-submit]:justify-center [&#038;_.wpcf7-submit]:rounded-sm [&#038;_.wpcf7-submit]:border-0 [&#038;_.wpcf7-submit]:bg-black [&#038;_.wpcf7-submit]:px-6 [&#038;_.wpcf7-submit]:py-2.5 [&#038;_.wpcf7-submit]:text-base [&#038;_.wpcf7-submit]:font-normal [&#038;_.wpcf7-submit]:leading-normal [&#038;_.wpcf7-submit]:text-white [&#038;_.wpcf7-submit]:transition-colors [&#038;_.wpcf7-submit]:hover:bg-red-600\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f984-o1\" lang=\"ru-RU\" dir=\"ltr\" data-wpcf7-id=\"984\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/uz\/wp-json\/wp\/v2\/pages\/85#wpcf7-f984-o1\" method=\"post\" class=\"wpcf7-form init flex flex-col gap-8\" aria-label=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"984\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ru_RU\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f984-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"flex flex-col gap-8\">\n\t<div class=\"flex items-start\">\n\t\t<div class=\"flex min-w-0 flex-1 flex-col border-b border-gray-300 py-2.5\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"ae_first_name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required w-full bg-transparent text-base font-medium text-gray-800 placeholdertext-gray-800 outline-none\" id=\"ae_first_name\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0418\u043c\u044f*\" value=\"\" type=\"text\" name=\"ae_first_name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"flex flex-col gap-8 lg:flex-row lg:gap-4\">\n\t\t<div class=\"flex flex-1 flex-col border-b border-gray-300 py-2.5\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"ae_phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel w-full bg-transparent text-base font-medium text-gray-800 placeholdertext-gray-800 outline-none\" id=\"ae_phone\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u0422\u0435\u043b\u0435\u0444\u043e\u043d*\" value=\"\" type=\"tel\" name=\"ae_phone\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"flex flex-1 flex-col border-b border-gray-300 py-2.5\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"ae_email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email w-full bg-transparent text-base font-medium text-gray-800 placeholdertext-gray-800 outline-none\" id=\"ae_email\" autocomplete=\"email\" aria-invalid=\"false\" placeholder=\"\u041f\u043e\u0447\u0442\u0430\" value=\"\" type=\"email\" name=\"ae_email\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<p class=\"m-0 text-base leading-normal text-gray-800\">* &#8212; \u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f\n\t<\/p>\n\t<div>\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner inline-flex items-center justify-center rounded-sm bg-black px-6 py-25 text-base text-white transition-colors\" type=\"submit\" value=\"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-85","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u041a\u0430\u0442\u0430\u043b\u043e\u0433 - UBTSite<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ubt.uz\/uz\/catalog\/\" \/>\n<meta property=\"og:locale\" content=\"uz_UZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u041a\u0430\u0442\u0430\u043b\u043e\u0433 - UBTSite\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ubt.uz\/uz\/catalog\/\" \/>\n<meta property=\"og:site_name\" content=\"UBTSite\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-15T21:30:28+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ubt.uz\\\/catalog\\\/\",\"url\":\"https:\\\/\\\/ubt.uz\\\/catalog\\\/\",\"name\":\"\u041a\u0430\u0442\u0430\u043b\u043e\u0433 - UBTSite\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ubt.uz\\\/#website\"},\"datePublished\":\"2026-04-14T22:02:57+00:00\",\"dateModified\":\"2026-04-15T21:30:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ubt.uz\\\/catalog\\\/#breadcrumb\"},\"inLanguage\":\"uz-UZ\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ubt.uz\\\/catalog\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ubt.uz\\\/catalog\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\\\/\\\/ubt.uz\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u041a\u0430\u0442\u0430\u043b\u043e\u0433\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ubt.uz\\\/#website\",\"url\":\"https:\\\/\\\/ubt.uz\\\/\",\"name\":\"UBTSite\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/ubt.uz\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ubt.uz\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"uz-UZ\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ubt.uz\\\/#organization\",\"name\":\"UBTSite\",\"url\":\"https:\\\/\\\/ubt.uz\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"uz-UZ\",\"@id\":\"https:\\\/\\\/ubt.uz\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ubt.uz\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-\u041b\u043e\u0433\u043e\u0442\u0438\u043f-\u0434\u043b\u044f-\u0441\u0430\u0439\u0442\u0430-UBT-1.png\",\"contentUrl\":\"https:\\\/\\\/ubt.uz\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-\u041b\u043e\u0433\u043e\u0442\u0438\u043f-\u0434\u043b\u044f-\u0441\u0430\u0439\u0442\u0430-UBT-1.png\",\"width\":237,\"height\":120,\"caption\":\"UBTSite\"},\"image\":{\"@id\":\"https:\\\/\\\/ubt.uz\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u041a\u0430\u0442\u0430\u043b\u043e\u0433 - UBTSite","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ubt.uz\/uz\/catalog\/","og_locale":"uz_UZ","og_type":"article","og_title":"\u041a\u0430\u0442\u0430\u043b\u043e\u0433 - UBTSite","og_url":"https:\/\/ubt.uz\/uz\/catalog\/","og_site_name":"UBTSite","article_modified_time":"2026-04-15T21:30:28+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ubt.uz\/catalog\/","url":"https:\/\/ubt.uz\/catalog\/","name":"\u041a\u0430\u0442\u0430\u043b\u043e\u0433 - UBTSite","isPartOf":{"@id":"https:\/\/ubt.uz\/#website"},"datePublished":"2026-04-14T22:02:57+00:00","dateModified":"2026-04-15T21:30:28+00:00","breadcrumb":{"@id":"https:\/\/ubt.uz\/catalog\/#breadcrumb"},"inLanguage":"uz-UZ","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ubt.uz\/catalog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ubt.uz\/catalog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/ubt.uz\/"},{"@type":"ListItem","position":2,"name":"\u041a\u0430\u0442\u0430\u043b\u043e\u0433"}]},{"@type":"WebSite","@id":"https:\/\/ubt.uz\/#website","url":"https:\/\/ubt.uz\/","name":"UBTSite","description":"","publisher":{"@id":"https:\/\/ubt.uz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ubt.uz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"uz-UZ"},{"@type":"Organization","@id":"https:\/\/ubt.uz\/#organization","name":"UBTSite","url":"https:\/\/ubt.uz\/","logo":{"@type":"ImageObject","inLanguage":"uz-UZ","@id":"https:\/\/ubt.uz\/#\/schema\/logo\/image\/","url":"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/cropped-\u041b\u043e\u0433\u043e\u0442\u0438\u043f-\u0434\u043b\u044f-\u0441\u0430\u0439\u0442\u0430-UBT-1.png","contentUrl":"https:\/\/ubt.uz\/wp-content\/uploads\/2026\/04\/cropped-\u041b\u043e\u0433\u043e\u0442\u0438\u043f-\u0434\u043b\u044f-\u0441\u0430\u0439\u0442\u0430-UBT-1.png","width":237,"height":120,"caption":"UBTSite"},"image":{"@id":"https:\/\/ubt.uz\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ubt.uz\/uz\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubt.uz\/uz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubt.uz\/uz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubt.uz\/uz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubt.uz\/uz\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":11,"href":"https:\/\/ubt.uz\/uz\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":150,"href":"https:\/\/ubt.uz\/uz\/wp-json\/wp\/v2\/pages\/85\/revisions\/150"}],"wp:attachment":[{"href":"https:\/\/ubt.uz\/uz\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}