<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title> 9325735,65209325735,  Антенна  к BMW X6 F16, 2016, купить в г. Минск | 108368628</title>
    <link rel="stylesheet"  crossorigin href="/local/templates/bamper_new/public/assets/main-BDegM-vP.css"><script type="module" crossorigin src="/local/templates/bamper_new/public/assets/main-B5Cfa4iE.js"></script><script type="module" crossorigin src="/local/templates/bamper_new/public/scripts/ads_card_carousels-BRYRJloA.js"></script><script type="module" crossorigin src="/local/templates/bamper_new/public/scripts/article_carousels-CCp_FTdh.js"></script><script type="module" crossorigin src="/local/templates/bamper_new/public/scripts/product_card_carousel-CmWWpK4H.js"></script><script type="module" crossorigin src="/local/templates/bamper_new/public/scripts/simple_carousel_buttons-Vp6H1N3m.js"></script>    </head>
<body class="main-page min-w-[320px] h-full box-border relative overflow-x-hidden min-h-screen font-[commissioner] font-regular text-sm scroll-smooth appearance-none">
    <div id="bamper-app" class="relative flex flex-col min-h-full font-[commissioner]">
        <header class="fixed inset-x-0 top-0 z-header w-full h-18 py-4 bg-brand-500" id="header">
            <div class="w-full m-auto max-w-7xl px-4 lg:px-6 flex items-center gap-3">
                <nav class="flex">
                    <div class="dropdown group/nav">
                        <input
                            id="app-header-burger-menu"
                            type="checkbox"
                            class="peer/menu sr-only md:hidden"
                        />             
                        <label
                            for="app-header-burger-menu"
                            class="flex md:hidden items-center cursor-pointer"
                        >
                            <svg class="w-10 h-10 stroke-white shrink-0">
                                <use href="/local/templates/bamper_new/public/sprite.svg#menu"></use>
                            </svg>
                        </label>    
                        <div tabindex="0" role="button" class="hidden md:flex items-center focus:outline-0 focus-visible:outline-0 cursor-pointer">
                            <svg class="w-10 h-10 stroke-white shrink-0">
                                <use href="/local/templates/bamper_new/public/sprite.svg#menu"></use>
                            </svg>
                        </div>
                        <div tabindex="-1" class="dropdown-content fixed md:absolute z-panel md:z-absolute inset-y-0 md:inset-auto left-0 md:mt-1 p-4 md:p-5 md:pb-4 w-screen max-w-75 md:max-w-184 md:border md:border-neutral-200 bg-white md:rounded-lg max-md:block max-md:opacity-100 max-md:scale-100 max-md:animate-none max-md:-translate-x-full max-md:transition-[translate] max-md:peer-checked/menu:translate-x-0">                            
                            <a href="/cabinet/" class="md:hidden btn mb-4 w-full">
                                                                
                                    <span>Войти</span>
                                                            </a>
                            <div class="h-full overflow-y-auto">
                                <div class="grid md:grid-cols-3 gap-2 md:gap-y-11 md:gap-x-10">
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3">
                                            <span class="text-base font-semibold">Объявления</span>
                                            <svg class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270">
                                                <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li>
                                                    <a href="/zchbu/"
                                                        title="Б/у запчасти"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Запчасти
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="/auto/"
                                                        title="Продажа автомобилей"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Авто</a>
                                                </li>
                                                <li>
                                                    <a href="/diski/"
                                                        title="Продажа дисков"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Диски</a>
                                                </li>
                                                <li><a href="/shiny/"
                                                        title="Продажа шин"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Шины</a>
                                                </li>
                                                <li><a href="/zchbu/moto/"
                                                        title="Продажа мотозапчастей"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Мотозапчасти</a>
                                                </li>
                                                <li><a href="/bazar/"
                                                        title="Доска объявлений"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        BAZAR</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3">
                                            <span class="text-base font-semibold">Медиа</span>
                                            <svg class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270">
                                                <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/news/autodigest/"
                                                        title="Bamper.by Медия - Автодайджест"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Автодайджест</a>
                                                </li>
                                                <li><a href="/news/avtoopyt/"
                                                        title="Bamper.by Медия - Автоопыт"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Автооопыт</a>
                                                </li>
                                                <li>
                                                    <a href="/news/smotrim_i_sravnivaem/"
                                                        title="Bamper.by Медия - Выбираем и сравниваем"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Выбираем сравнивая</a>
                                                </li>
                                                <li><a href="/news/zakony_i_pdd/"
                                                        title="Bamper.by Медия - Законы и ПДД"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Законы и ПДД</a>
                                                </li>
                                                <li><a href="/news/poleznosty/"
                                                        title="Bamper.by Медия - Полезности"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Полезности</a>
                                                </li>
                                                <li><a href="/news/sam_sebe_master/"
                                                        title="Bamper.by Медия - Сам себе мастер"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Сам себе мастер</a>
                                                </li>
                                                <li><a href="/news/video/"
                                                        title="Bamper.by Медия - Видео"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Видео</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3">
                                            <span class="text-base font-semibold">Заявки на поиск з/ч</span>
                                            <svg class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270">
                                                <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/zayavki/list/"
                                                        title="Заявки на поиск запчастей"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Показать заявки</a>
                                                </li>
                                                <li><a href="/zayavki/"
                                                        title="Написать заявку на поиск запчастей"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Написать заявку</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div
                                            class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3"
                                        >
                                            <span class="text-base font-semibold">Продавцы</span>

                                            <svg
                                            class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270"
                                            >
                                            <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/rating/"
                                                        title="Рейтинг продавцов Bamper.by"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Рейтинг продавцов</a>
                                                </li>
                                                <li>
                                                    <a href="/maps/"
                                                        title="Карта продавцов Bamper.by"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Карта продавцов</a>
                                                </li>
                                                <li><a href="/otzyvy/"
                                                        title="Все отзывы на продавцов Bamper.by"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Все отзывы</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div
                                            class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3"
                                        >
                                            <span class="text-base font-semibold">Каталоги</span>

                                            <svg
                                            class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270"
                                            >
                                            <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/catalog/zapchasti/"
                                                        title="Каталоги моделей з/ч"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Каталоги з/ч</a>
                                                </li>
                                                <li>
                                                    <a href="/catalog/diski/"
                                                        title="Каталоги дисков"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Каталоги дисков</a>
                                                </li>
                                                <li><a href="/catalog/shiny/"
                                                        title="Каталоги шин"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Каталоги шин</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div
                                            class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3"
                                        >
                                            <span class="text-base font-semibold">Прочее</span>

                                            <svg
                                            class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270"
                                            >
                                            <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/contacts/"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        О проекте</a>
                                                </li>
                                                <li>
                                                    <a href="/voprosy/"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Правила сайта</a>
                                                </li>
                                                <li><a href="#"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Часто задаваемые вопросы</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <label
                            for="app-header-burger-menu"
                            aria-hidden="true"
                            class="md:hidden fixed inset-0 z-overlay bg-black/30 opacity-0 pointer-events-none transition-opacity duration-200 peer-checked/menu:opacity-100 peer-checked/menu:pointer-events-auto"
                        ></label>
                    </div>                    
                </nav>
                <a href="/" title="Bamper.by" class="flex items-center text-white">
                    <svg class="w-35 h-6 fill-current shrink-0">
                        <use href="/local/templates/bamper_new/public/sprite.svg#brand-logo"></use>
                    </svg>
                </a>
                <div class="ml-auto">
                    <div class="flex items-center gap-4 md:gap-6">
                        <div class="flex gap-4">
                            <a href="/cabinet/favourites" title="Избранные" class="flex text-white">
                                <svg class="block w-6 h-6 shrink-0 stroke-current">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#favorite"></use>
                                </svg>                           
                            </a>
                            <a href="#" class="flex text-white">
                                <svg class="block w-6 h-6 shrink-0 stroke-current">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#search"></use>
                                </svg>
                            </a>
                        </div>
                        <a
                            href="/cabinet/ad-form/sections"
                            class="flex items-center gap-x-2 px-3 md:px-5 h-10 bg-white text-brand-500 rounded-box hover:bg-brand-50 cursor-pointer transition-all duration-250"
                        >
                            <svg class="block w-5 h-5 md:w-4 md:h-4 shrink-0 stroke-current">
                                <use href="/local/templates/bamper_new/public/sprite.svg#plus-btn"></use>
                            </svg>
                            <span class="hidden md:block">Подать объявление</span>
                        </a>
                        <div class="hidden md:block">
                            <a
                            href="/cabinet/"
                            class="flex items-center justify-center text-xs font-medium text-white h-10 px-4 bg-transparent rounded-lg border border-white hover:bg-bamper-600 transition-all duration-250"
                            >
                                                            
                                Войти
                                                        </a>
                        </div>
                    </div>
                </div>
            </div>
        </header>
                    <main class="main grow bg-neutral-100 shrink-0 basis-auto pt-24 pb-8 md:pb-14 lg:pb-18">
        
<div class="w-full m-auto max-w-7xl">
    <nav class="m-auto max-w-7xl overflow-auto">
        <ol class="relative flex gap-1 w-max mx-4 mb-4 lg:mx-6 whitespace-nowrap text-neutral-600">
            <li class="inline-flex items-center">
                <a href="/" target="_blank" title="Bamper.by" class="hover:text-bamper-500">Главная</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                <a href="/zchbu/" title="Автозапчасти - Bamper.by" class="hover:text-bamper-500">Автозапчасти</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                                <a href="/catalog/marka_bmw/" class="hover:text-bamper-500">BMW</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                <a href="/catalog/bmw-x6f16/" class="hover:text-bamper-500">X6 F16</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                <a href="/catalog/bmw-x6f16/group_audio-video-media/" class="hover:text-bamper-500">Аудио, видео, медиа</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                <a href="/zchbu/marka_bmw/model_bmw-x6f16/zapchast_antenna" class="hover:text-bamper-500">Антенна</a>
            </li>
        </ol>
    </nav>
    <div class="w-full flex gap-x-2 m-auto max-w-7xl px-4 lg:px-6">
        <div class="min-w-0 flex-1 flex flex-col gap-4">
            <div class="grid gap-4 p-4 bg-white rounded-xl">
                <div class="flex flex-col lg:flex-row lg:justify-between gap-4 lg:gap-12">
                    <h2 class="text-lg/[20px] lg:text-[28px]/[32px] line-clamp-4">
                        <span class="font-semibold">Антенна</span>
                        <span class="text-neutral-500"> к BMW X6 F16, 2016 г.</span>
                    </h2>
                    <div class="flex flex-col lg:max-w-[256px] items-start lg:items-end gap-1">
                        <meta itemprop="price" content="90">
                        <meta itemprop="priceCurrency" content="BYN">
                        <div class="text-xl lg:text-[28px]/[32px] font-bold text-black">90 р.</div>
                                            </div>
                </div>
                <div class="flex flex-col gap-4 md:flex-row md:flex-wrap md:max-w-[944px]">
                    <div class="flex-1 flex flex-col product-card-carousel-wrapper lg:max-w-[640px] self-start">
                        <div class="relative flex">
                            <div class="carousel rounded-box aspect-4/3 border border-neutral-200">
                                                                                                            <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/ad1/ad1aa6002c532e9aeddea907e99442e5.jpg" alt="" title="">
                                        </div>
                                                                            <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/368/368b8f5e968988e1726f79deec486070.jpg" alt="" title="">
                                        </div>
                                                                            <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/bce/bce84c72b24728e09036798a5839309a.jpg" alt="" title="">
                                        </div>
                                                                                                </div>
                            <div class="absolute left-4 top-4 inline-flex gap-1 lg:gap-2">
                                                                                            </div>
                            <div class="absolute right-2 top-2 flex gap-2">
                                <button class="p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-box cursor-pointer hover:bg-white">
                                    <svg class="w-5 h-5 lg:w-6 lg:h-6 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#attention-triangle"></use>
                                    </svg>
                                </button>
                                <button class="p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-box cursor-pointer hover:bg-white">
                                    <svg class="w-5 h-5 lg:w-6 lg:h-6 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#share"></use>
                                    </svg>
                                </button>
                                <button class="p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-box cursor-pointer hover:bg-white">
                                    <img class="w-5 h-5 lg:w-6 lg:h-6" src="/local/templates/bamper_new/public/images/favorite-article-red.svg" alt="favorite">
                                </button>
                            </div>
                            <div class="hidden md:contents">
                                <button class="carousel-arrow-prev hidden absolute left-2 top-1/2 -translate-y-1/2 z-10 p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-full cursor-pointer hover:bg-white" aria-label="Предыдущее фото">
                                    <svg class="w-5 h-5 lg:w-6 lg:h-6 stroke-black rotate-180">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                    </svg>
                                </button>
                                <button class="carousel-arrow-next absolute right-2 top-1/2 -translate-y-1/2 z-10 p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-full cursor-pointer hover:bg-white" aria-label="Следующее фото">
                                    <svg class="w-5 h-5 lg:w-6 lg:h-6 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                    </svg>
                                </button>
                            </div>
                            <div class="carousel-indicators absolute z-10 inset-x-2 bottom-2 flex gap-1 pointer-events-none lg:hidden">
                                                                                                            <span class="is-active  h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                            <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                            <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                </div>
                        </div>
                        <div class="carousel-photo-buttons hidden lg:flex p-0.5 h-18.75 w-full gap-2 mt-2 overflow-x-auto">
                                                                                                <button data-slide="1" class="w-25 shrink-0 rounded aspect-4/3 cursor-pointer overflow-hidden transition-all duration-200 border-2 border-brand-500">
                                        <img class="m-auto w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/ad1/ad1aa6002c532e9aeddea907e99442e5.jpg" alt="Антенна к BMW X6 F16, 2016 г. - 1">
                                    </button>
                                                                    <button data-slide="2" class="w-25 shrink-0 rounded aspect-4/3 cursor-pointer overflow-hidden transition-all duration-200 border-2 border-neutral-200">
                                        <img class="m-auto w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/368/368b8f5e968988e1726f79deec486070.jpg" alt="Антенна к BMW X6 F16, 2016 г. - 2">
                                    </button>
                                                                    <button data-slide="3" class="w-25 shrink-0 rounded aspect-4/3 cursor-pointer overflow-hidden transition-all duration-200 border-2 border-neutral-200">
                                        <img class="m-auto w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/bce/bce84c72b24728e09036798a5839309a.jpg" alt="Антенна к BMW X6 F16, 2016 г. - 3">
                                    </button>
                                                                                    </div>
                    </div>

                    <div class="w-full lg:order-last">
                        <textarea id="notes" class="w-full p-3 resize-none border border-neutral-200 placeholder-neutral-400 rounded-sm hover:border-bamper-200 focus-visible:border-brand-500 focus-visible:outline-none" placeholder="Введите текст заметки (эту информацию будете видеть только вы)"></textarea>
                    </div>
                    <div class="w-full grid gap-4 lg:max-w-[256px]">
                        <p class="flex gap-1.5">
                            <svg class="w-5 h-5 stroke-neutral-500">
                                <use href="/local/templates/bamper_new/public/sprite.svg#search-car"></use>
                            </svg>
                            <span class="text-neutral-950"></span>
                        </p>
                        <div>
                            <p class="font-semibold">Артикул</p>
                            <p class="mt-0.5">BAB0005695_6</p>
                        </div>
                        <div class="w-full">
                            <p class="font-semibold">Описание</p>
                                                            <input type="checkbox" id="toggle-description" class="peer hidden" />
                                                        <p class="collapse-text mt-0.5 peer-checked:line-clamp-none line-clamp-6">
                                состояние на фото,  гарантия.Список моделей, в которых используется эта деталь:1/ F201/ F20 LCI1/ F211/ F21 LCI1/ F522/ F222/ F22 LCI2/ F232/ F23 LCI2/ F45 Active Tourer2/ F46 Gran Tourer2/ F87 M22/ F87 M2 LCI3/ F303/ F30 LCI3/ F34 GT LCI3/ F35 LCI3/ F80 M3 LCI4/ F324/ F32 LCI4/ F36 Gran Coup4/ F36 Gran Coup LCI4/ F82 M44/ F82 M4 LCI5/ F116/ F06 Gran Coup LCI6/ F13 LCI8/ F91 M88/ F92 M88/ G148/ G15Dawn RR6Ghost RR4i3 I01i3 I01 LCIi8 I12i8 I12 LCIi8 I15MINI Cabrio F57MINI Clubman F54MINI Clubman F54 LCIMINI Countryman F60MINI F55MINI F56Phantom Drophead Series IIWraith RR5X1 F48X1 F48 LCIX1 F49X1 F49 LCIX5 F15X5 M F85X6 F16X6 M F86Z4 G29Zinoro M13                            </p>
                                                            <label for="toggle-description" class="collapse-btn gap-1 mt-1 text-xs text-blue-800 cursor-pointer peer-checked:[&amp;_svg]:rotate-270 peer-checked:[&amp;&gt;.show]:hidden peer-checked:[&amp;&gt;.hide]:inline flex">
                                    <span class="show">Показать больше</span>
                                    <span class="hide hidden">Скрыть</span>
                                    <svg class="w-3 h-3 mt-0.75 stroke-blue-800 rotate-90 transition-all duration-200">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#link-arrow-right"></use>
                                    </svg>
                                </label>
                                                    </div>
                                                    <div>
                                <p class="font-semibold">Номер запчасти</p>
                                                                <p class="collapse-text mt-0.5 peer-checked:line-clamp-none [&amp;&gt;a]:text-blue-800 [&amp;&gt;a]:hover:text-bamper-500">
                                                                                                                                                                                                                                                                    <a href="/zchbu/originalnum_9325735/" title="Поиск по оригинальному номеру - 9325735" target="_blank">9325735</a>, <a href="/zchbu/originalnum_65209325735/" title="Поиск по оригинальному номеру - 65209325735" target="_blank">65209325735</a>                                </p>
                                                            </div>
                                                                            <div>
                                <p class="font-semibold">Доставка</p>
                                                                <div class="collapse-text mt-0.5 peer-checked:line-clamp-none line-clamp-3">
                                    Минск - такси;
РБ - Европочта, служба доставки; 
РФ, КЗ - транспортной компанией                                </div>
                                                            </div>
                                                                            <div>
                                                                <input type="checkbox" id="toggle-guarantee" class="peer hidden">
                                <div class="collapse-text mt-0.5 peer-checked:line-clamp-none line-clamp-3">
                                    на проверку и установку 2 недели                                </div>
                                                            </div>
                                                                            <div>
                                <p class="font-semibold">Формы оплаты</p>
                                <ul class="mt-0.5 [&amp;&gt;li]:flex [&amp;&gt;li]:before:content-['•'] [&amp;&gt;li]:before:block [&amp;&gt;li]:before:mx-2">
                                    <li>наличный расчет</li>                                    <li>банковские карты</li>                                                                    </ul>
                            </div>
                                                                        <p class="flex gap-1.5">
                            <svg class="w-5 h-5 stroke-neutral-500">
                                <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                            </svg>
                            <span class="text-neutral-950" title="Поднятие: 14 апр в 05:15; Изменено: 14.04.2023 в 05:15:13">14.04.2023</span>
                        </p>
                    </div>
                </div>
                <div class="border-t border-neutral-200"></div>
                <div>
                    <ul class="grid gap-2 [&amp;&gt;li]:flex [&amp;&gt;li]:before:content-['•'] [&amp;&gt;li]:before:block [&amp;&gt;li]:before:mx-2">
                                                                            <li>
                                <span>
                                    Посмотреть
                                    <a href="/zchbu/zapchast_/marka_bmw/model_x6f16/god_2014-2020/seller_12372/?more=Y" target="_blank" class="text-blue-800 hover:text-bamper-500"> все "Антенна" к BMW X6 F16 2 поколение у данного продавца</a>
                                </span>
                            </li>
                                                <li>
                            <span>
                                Посмотреть
                                <a href="/zchbu/marka_bmw/model_x6f16/god_2014-2020/" target="_blank" class="text-blue-800 hover:text-bamper-500">все запчасти к BMW X6 F16 2 поколение</a>
                            </span>
                        </li>
                                                                                <li>
                                <span>
                                    Показать все запчасти с оригинальным номером
                                                                            <a href="/zchbu/originalnum_9325735/" target="_blank" class="text-blue-800 hover:text-bamper-500">9325735</a>
                                                                            <a href="/zchbu/originalnum_65209325735/" target="_blank" class="text-blue-800 hover:text-bamper-500">65209325735</a>
                                                                    </span>
                            </li>
                                            </ul>
                </div>
            </div>
            <div class="lg:hidden px-4 pb-2 py-4 bg-white rounded-xl">
                <p class="text-xl font-semibold">HELPAUTO.BY</p>
                <p class="text-neutral-500">на Bamber.by с 25.08.2021</p>
                <div class="flex items-center gap-2 mt-3">
                    <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-brand-500 text-white font-medium">20%</span>
                    <a href="#" class="text-blue-800 hover:text-bamper-500">238 отзывов</a>
                    <a href="#" class="ml-auto">
                        <svg class="h-4 w-12 shrink-0">
                            <use href="../rankIcons.svg#colonel-general"></use>
                        </svg>
                    </a>
                </div>
                <a href="#" class="flex items-center gap-2 mt-3 px-5 py-2.5 rounded-lg border border-neutral-300 hover:bg-neutral-100">
                    <span class="flex-1">Все объявления продавца</span>
                    <svg class="w-4 h-4 stroke-black">
                        <use href="../sprite.svg#link-arrow-right"></use>
                    </svg>
                </a>
                <p class="flex gap-1.5 mt-4">
                    <svg class="w-5 h-5 stroke-neutral-500">
                        <use href="../sprite.svg#location"></use>
                    </svg>
                    <span>Брест</span>
                </p>
                <div class="flex gap-1.5 mt-4">
                    <svg class="w-5 h-5 stroke-neutral-500">
                        <use href="../sprite.svg#route"></use>
                    </svg>
                    <div>
                        <p>Пинский р-н, д. Заполье, ул.Парковая 5б</p>
                        <a href="#" class="text-xs text-blue-800 hover:text-bamper-500">Показать на карте</a>
                    </div>
                </div>

                <div class="flex gap-1.5 mt-4">
                    <div class="dropdown group">
                        <div tabindex="0" role="button" class="flex items-center cursor-pointer">
                            <svg class="w-5 h-5 stroke-neutral-500">
                                <use href="../sprite.svg#clock"></use>
                            </svg>
                            <span class="inline-flex items-center gap-1 ml-1.5 text-red-500">
                                Закрыто до 8:00
                                <svg class="w-3 h-3 stroke-current rotate-90 group-focus-within:rotate-270 transition-all duration-200">
                                    <use href="../sprite.svg#link-arrow-right"></use>
                                </svg>
                            </span>
                        </div>
                        <div class="fixed inset-0 bg-black/40 z-overlay transition-opacity duration-300 hidden group-focus-within:block group-focus-within:md:hidden"></div>
                        <div class="dropdown-content p-4 bg-white md:w-63.5 rounded-t-xl md:rounded-box shadow-sm fixed md:absolute z-panel md:z-absolute inset-x-0 bottom-0 md:inset-x-auto md:bottom-auto">
                            <div class="flex">
                                <div tabindex="-1" class="w-full text-lg font-semibold">Время работы</div>
                                <div class="flex md:hidden cursor-pointer">
                                    <svg class="m-auto w-6 h-6 stroke-current">
                                        <use href="../sprite.svg#close-select"></use>
                                    </svg>
                                </div>
                            </div>

                            <ul tabindex="-1" class="grid gap-1 [&amp;&gt;li]:flex">
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Пн
                                    </span>
                                    <span class="whitespace-nowrap">Выходной</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Вт
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Ср
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Чт
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Пт
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Сб
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Вск
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <a href="tel:+37521112233" class="mt-4 w-full flex items-center justify-center gap-x-2 font-medium py-2.5 px-3 text-center text-white bg-brand-500 rounded-lg cursor-pointer hover:bg-bamper-600 active:bg-bamper-700 transition-all duration-250 text-nowrap">
                    <svg class="w-4 h-4 stroke-white">
                        <use href="../sprite.svg#phone"></use>
                    </svg>
                    <span>Позвонить продавцу</span>
                </a>
                <div id="sellerCall" class="mt-2"></div>
                <div id="fixedCall" class="fixed bottom-0 inset-x-0 py-2 px-8 bg-white">
                    <a href="tel:+37521112233" class="flex items-center justify-center gap-x-2 font-medium py-2.5 px-3 text-center text-white bg-brand-500 rounded-lg cursor-pointer hover:bg-bamper-600 active:bg-bamper-700 transition-all duration-250 text-nowrap">
                        <svg class="w-4 h-4 stroke-white">
                            <use href="../sprite.svg#phone"></use>
                        </svg>
                        <span>Позвонить продавцу</span>
                    </a>
                </div>
            </div>
            <div class="flex p-4 border border-blue-200 bg-blue-50 rounded-xl">
                <svg class="block w-6 h-6 shrink-0 stroke-blue-400 select-none mr-2">
                    <use href="/local/templates/bamper_new/public//sprite.svg#blue-info"></use>
                </svg>
                <ul class="mt-0.5 [&amp;&gt;li]:flex [&amp;&gt;li]:before:content-['•'] [&amp;&gt;li]:before:block [&amp;&gt;li]:before:mx-2">
                    <li>
                        Перед покупкой обязательно уточняйте у продавца подробную информацию о товаре
                        (наличие, цена, комплектация, состояние и т.д.)
                    </li>
                    <li>
                        Комплектация на фото может не совпадать с комплектацией при продаже. Уточняйте
                        комплектацию у продавца.
                    </li>
                    <li>
                        Оплата производится в белорусских рублях. Цены в других валютах являются
                        справочными и не представляют собой обязательство продавцов перед покупателями.
                    </li>
                    <li>
                        Администрация Bamper.by не несет ответственности за информацию, указанную в
                        объявлении.
                    </li>
                </ul>
            </div>
                    </div>
        <div class="hidden lg:block lg:w-70">
            <div class="p-4 bg-white rounded-xl">
                <p class="text-xl font-semibold">
                                            <a class="user-link" href="/seller/12372/" title="Информация о АВТОДЬЮТИФРИ" target="_blank">
                            АВТОДЬЮТИФРИ                        </a>
                                    </p>
                <p class="text-neutral-500">на Bamber.by с 29.05.2018</p>
                                    <div class="flex items-center gap-2 mt-3">
                                                                                <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-brand-500 text-white font-medium" title="% положительных отзывов из ">%</span>
                                                <a href="/seller/108368628/#scroll" target="_blank" title="Отзывы на " class="text-blue-800 hover:text-bamper-500"> отзывов</a>
                        <a href="/rating/?id=12372" target="_blank" class="ml-auto">
                            <svg class="h-4 w-12 shrink-0">
                                <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                            </svg>
                        </a>
                    </div>
                                                    <a href="/zchbu/seller_12372/?more=Y" class="flex items-center gap-2 mt-3 px-5 py-2.5 rounded-lg border border-neutral-300 hover:bg-neutral-100">
                        <span class="flex-1">Все объявления продавца</span>
                        <svg class="w-4 h-4 stroke-black">
                            <use href="/local/templates/bamper_new/public/sprite.svg#link-arrow-right"></use>
                        </svg>
                    </a>
                                <p class="flex gap-1.5 mt-4">
                    <svg class="w-5 h-5 stroke-neutral-500">
                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                    </svg>
                    <span>Минск</span>
                </p>
                                    <div class="flex gap-1.5 mt-4">
                        <svg class="w-5 h-5 stroke-neutral-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#route"></use>
                        </svg>
                        <div>
                            <p>ул. Гурского, 22 кор.5</p>
                            <a href="/seller/12372/#maps" target="_blank" class="text-xs text-blue-800 hover:text-bamper-500">Показать на карте</a>
                        </div>
                    </div>
                                                    <div class="dropdown group">
    <div tabindex="0" role="button" class="flex items-center cursor-pointer">
        <svg class="w-5 h-5 stroke-neutral-500">
            <use href="/local/templates/bamper_new/public/sprite.svg#clock"></use>
        </svg>
                                    <span class="ml-1.5 text-red-500">Закрыто до 10:00</span>
                            <svg class="ml-1 w-3 h-3 stroke-red-500 rotate-90 group-focus-within:rotate-270 transition-all duration-200">
            <use href="/local/templates/bamper_new/public/sprite.svg#link-arrow-right"></use>
        </svg>
    </div>
    <div class="fixed inset-0 bg-black/40 z-102 transition-opacity duration-300 hidden group-focus-within:block group-focus-within:md:hidden"></div>
    <div class="dropdown-content p-4 bg-white md:w-[254px] rounded-t-xl md:rounded-box shadow-sm fixed md:absolute z-103 inset-x-0 bottom-0 md:inset-x-auto md:bottom-auto">
        <div class="flex">
            <div tabindex="-1" class="w-full text-lg font-semibold">Время работы</div>
            <div class="flex md:hidden cursor-pointer">
                <svg class="m-auto w-6 h-6 stroke-current">
                    <use href="/local/templates/bamper_new/public/sprite.svg#close-select"></use>
                </svg>
            </div>
        </div>        
        <ul tabindex="-1" class="grid gap-1 [&amp;&gt;li]:flex">
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Пн</span>
                    <span class="whitespace-nowrap">
                                                                                    10:00 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Вт</span>
                    <span class="whitespace-nowrap">
                                                                                    10:00 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Ср</span>
                    <span class="whitespace-nowrap">
                                                                                    10:00 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Чт</span>
                    <span class="whitespace-nowrap">
                                                                                    10:00 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Пт</span>
                    <span class="whitespace-nowrap">
                                                                                    10:00 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Сб</span>
                    <span class="whitespace-nowrap">
                                                                                    10:00 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Вск</span>
                    <span class="whitespace-nowrap">
                                                                                    10:00 – 19:00                                                                        </span>
                </li>
                    </ul>
    </div>
</div>                            </div>
        </div>
    </div>
</div>
<div class="clear" id="js-similar"></div>


</main>
<footer class="bg-neutral-500 text-white">
  <div class="mx-auto max-w-7xl w-full py-6 px-4 md:px-6">
    <nav class="grid w-full lg:grid-cols-4 gap-6">
      <div class="hidden lg:block space-y-6">
        <div>
          <p class="text-base font-semibold">Объявления</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="/zchbu/" class="hover:text-brand-500">Запчасти</a>
            </li>
            <li>
              <a href="/auto/" class="hover:text-brand-500">Авто</a>
            </li>
            <li>
              <a href="/diski/" class="hover:text-brand-500">Диски</a>
            </li>
            <li>
              <a href="/shiny/" class="hover:text-brand-500">Шины</a>
            </li>
            <li>
              <a href="/zchbu/moto/" class="hover:text-brand-500">Мотозапчасти</a>
            </li>
            <li>
              <a href="/bazar/" class="hover:text-brand-500">BAZAR</a>
            </li>
          </ul>
        </div>
        <div>
          <p class="text-base font-semibold">Заявки</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="/zayavki/" class="hover:text-brand-500">Оставить заявку на поиск</a>
            </li>
            <li>
              <a href="/zayavki/list/" class="hover:text-brand-500">Посмотреть заявки на поиск</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="hidden lg:block space-y-6">
        <div>
          <p class="text-base font-semibold">Продавцы</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="/rating/" class="hover:text-brand-500">Рейтинг продавцов</a>
            </li>
            <li>
              <a href="/maps/" class="hover:text-brand-500">Карта продавцов</a>
            </li>
            <li>
              <a href="/otzyvy/" class="hover:text-brand-500">Отзывы на продавцов</a>
            </li>
          </ul>
        </div>
        <div>
          <p class="text-base font-semibold">Каталоги</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="/catalog/" class="hover:text-brand-500">Каталоги зачастей</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Каталоги шин</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Каталоги дисков</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="hidden lg:block space-y-6">
        <div>
          <p class="text-base font-semibold">Реклама</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="#" class="hover:text-brand-500">Размещение объявлений</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Баннерная реклама</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Рекламные статьи</a>
            </li>
          </ul>
        </div>
        <div>
          <p class="text-base font-semibold">Прочее</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="#" class="hover:text-brand-500">О проекте</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Правила сайта</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Ответы на вопросы</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="space-y-6 grid m-auto">
        <div class="space-y-2 text-center lg:text-left">
          <p class="text-base font-semibold">Служба поддержки</p>
          <a href="tel:+375296950227" class="block hover:text-brand-500">
            +375 (29) 695-02-27
          </a>
          <ul class="flex gap-2">
            <li>
              <a href="viber://chat?number=375296950227" class="hover:text-brand-500">
                Viber
              </a>
            </li>
            <li>
              <a href="https://t.me/+375296950227" class="hover:text-brand-500">Telegram</a>
            </li>
            <li>
              <a href="https://wa.me/375296950227" class="hover:text-brand-500">WhatsApp</a>
            </li>
            <li>
              <a href="#" class="pointer-events-none">Max</a>
            </li>
          </ul>
          <a href="mailto:support@bamper.by" class="block hover:text-brand-500">
            support@bamper.by
          </a>
          <p>Пн-Пт с 09:00 до 18:00</p>
          <a href="#" class="btn w-53.75">Помощь</a>
        </div>
        <div class="space-y-2 grid w-fit m-auto lg:m-0">
          <p class="text-base font-semibold">Мобильное приложение</p>
          <ul class="flex gap-3 m-auto lg:m-0">
            <li>
              <a
                href="https://play.google.com/store/apps/details?id=by.bamper.mobile"
                class="flex">
                <svg
                  class="w-10 h-10 shrink-0 transition-colors duration-250 hover:text-brand-500">
                  <use href="/local/templates/bamper_new/public/storeIcons.svg#android"></use>
                </svg>
              </a>
            </li>
            <li>
              <a href="https://apps.apple.com/kg/app/id1546057285" class="flex">
                <svg
                  class="w-10 h-10 shrink-0 transition-colors duration-250 hover:text-brand-500">
                  <use href="/local/templates/bamper_new/public/storeIcons.svg#iphone"></use>
                </svg>
              </a>
            </li>
            <li>
              <a href="https://appgallery.huawei.com/#/app/C104882383" class="flex">
                <svg
                  class="w-10 h-10 shrink-0 transition-colors duration-250 hover:text-brand-500">
                  <use href="/local/templates/bamper_new/public/storeIcons.svg#huawei"></use>
                </svg>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="pt-6 mt-6 border-t border-white/25 space-y-6">
      <ul class="flex gap-3 justify-center">
        <li>
          <a href="https://youtube.com/c/bamperbyvideo" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#youtube"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://www.instagram.com/_bamper.by_/" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#instagram"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://vk.com/bamperby" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#vk"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://www.facebook.com/bamper.belarus/" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#facebook"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://ok.ru/group/58914101919798" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#ok"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://t.me/bamperby" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#telegram"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://www.tiktok.com/@bamper.by" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#tiktok"></use>
            </svg>
          </a>
        </li>
      </ul>
      <div class="space-y-2">
        <p class="text-center">
          © ООО "Валлинг", УНП 690568802, 12.09.2008., info@bamper.by
        </p>
        <ul
          class="mt-2 flex flex-col md:flex-row items-center justify-center gap-x-3 gap-y-2">
          <li>
            <a href="#" class="hover:text-brand-500">Публичный договор</a>
          </li>
          <li>
            <a href="#" class="hover:text-brand-500">Политика конфиденциальности</a>
          </li>
          <li>
            <a href="#" class="hover:text-brand-500">Персональные настройки cookie-файлов</a>
          </li>
        </ul>
      </div>
      <ul class="flex justify-center h-3 md:h-5 lg:h-6 gap-3 md:gap-5 lg:gap-6">
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 81 24">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#visa"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 77 24">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#mastercard"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 256 160">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#union-pay"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 1000 212">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#belcard"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 1551 600">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#belcard-control"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 67 24">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#assist"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 71 24">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#erip"></use>
          </svg>
        </li>
      </ul>
    </div>
  </div>
</footer>
</div>
<script crossorigin src="/local/templates/bamper_new/script.js"></script>
<script defer>
    (function initAdsCardCarousels() {
        const wrappers = document.querySelectorAll('.ad-card-carousel-wrapper');
        if (!wrappers.length) return;

        document.addEventListener('click', (e) => {
            if (e.target.closest('.ad-card-carousel-wrapper button')) {
                e.preventDefault();
                e.stopPropagation();
            }
        });

        if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) return;

        wrappers.forEach((wrapper) => {
            const carousel = wrapper.querySelector('.carousel');
            const indicators = wrapper.querySelector('.carousel-indicators');
            if (!carousel || !indicators) return;

            let userScrolled = false;
            let activeIndex = 0;

            carousel.addEventListener(
                'scroll',
                () => {
                    userScrolled = true;
                }, {
                    once: true
                }
            );

            const observer = new IntersectionObserver(
                (entries) => {
                    if (!userScrolled) return;
                    const entry = entries.find((e) => e.isIntersecting);
                    if (!entry) return;
                    const index = Number(entry.target.dataset.index);
                    if (index === activeIndex) return;
                    indicators.children[activeIndex]?.classList.remove('is-active');
                    indicators.children[index]?.classList.add('is-active');
                    activeIndex = index;
                }, {
                    root: carousel,
                    threshold: 0.6
                }
            );

            Array.from(carousel.children).forEach((slide, index) => {
                slide.dataset.index = String(index);
                observer.observe(slide);
            });
        });
    })();
</script>

<script defer>
    (function initProductCardCarousel() {
        const wrappers = document.querySelectorAll('.product-card-carousel-wrapper');
        if (!wrappers.length) return;

        const SELECTED_CLASSES = ['border-2', 'border-brand-500'];
        const DEFAULT_CLASSES = ['border', 'border-neutral-200'];
        const DRAG_THRESHOLD = 5;

        const setPhotoButtonActive = (el, isActive) => {
            if (!el) return;
            el.classList.remove(...(isActive ? DEFAULT_CLASSES : SELECTED_CLASSES));
            el.classList.add(...(isActive ? SELECTED_CLASSES : DEFAULT_CLASSES));
        };

        let drag = null;
        let lastDraggedContainer = null;

        document.addEventListener(
            'mousemove',
            (e) => {
                if (!drag) return;
                const dx = e.clientX - drag.startX;
                if (Math.abs(dx) > DRAG_THRESHOLD) drag.hasDragged = true;
                drag.container.scrollLeft = drag.startScrollLeft - dx;
            }, {
                passive: true
            }
        );

        document.addEventListener('mouseup', () => {
            if (!drag) return;
            drag.container.style.cursor = 'grab';
            drag.container.style.scrollSnapType = '';
            drag.container.style.scrollBehavior = '';
            lastDraggedContainer = drag.hasDragged ? drag.container : null;
            drag = null;
        });

        const initDragScroll = (container) => {
            if (!container) return;

            container.style.cursor = 'grab';

            container.addEventListener('mousedown', (e) => {
                if (e.button !== 0) return;
                drag = {
                    container,
                    startX: e.clientX,
                    startScrollLeft: container.scrollLeft,
                    hasDragged: false
                };
                container.style.cursor = 'grabbing';
                container.style.scrollSnapType = 'none';
                container.style.scrollBehavior = 'auto';
                e.preventDefault();
            });

            container.addEventListener(
                'click',
                (e) => {
                    if (lastDraggedContainer === container) {
                        e.stopPropagation();
                        e.preventDefault();
                        lastDraggedContainer = null;
                    }
                },
                true
            );

            container.addEventListener('dragstart', (e) => e.preventDefault());
        };

        wrappers.forEach((wrapper) => {
            const carousel = wrapper.querySelector('.carousel');
            if (!carousel) return;

            const photoButtons = wrapper.querySelector('.carousel-photo-buttons');
            const indicators = wrapper.querySelector('.carousel-indicators');
            const prevBtn = wrapper.querySelector('.carousel-arrow-prev');
            const nextBtn = wrapper.querySelector('.carousel-arrow-next');
            const slides = carousel.children;
            const total = slides.length;

            let activeIndex = 0;

            const scrollToIndex = (index) => {
                const slide = slides[index];
                if (slide) carousel.scrollTo({
                    left: slide.offsetLeft,
                    behavior: 'smooth'
                });
            };

            const updateArrows = (index) => {
                prevBtn?.classList.toggle('hidden', index === 0);
                nextBtn?.classList.toggle('hidden', index === total - 1);
            };

            const updateActive = (index) => {
                if (photoButtons) {
                    setPhotoButtonActive(photoButtons.children[activeIndex], false);
                    const activePhotoBtn = photoButtons.children[index];
                    setPhotoButtonActive(activePhotoBtn, true);
                    activePhotoBtn?.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'nearest'
                    });
                }

                if (indicators) {
                    indicators.children[activeIndex]?.classList.remove('is-active');
                    indicators.children[index]?.classList.add('is-active');
                }

                updateArrows(index);
                activeIndex = index;
            };

            updateArrows(0);
            initDragScroll(carousel);
            initDragScroll(photoButtons);

            wrapper.addEventListener('click', (e) => {
                const slideBtn = e.target.closest('button[data-slide]');
                if (slideBtn) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Number(slideBtn.dataset.slide) - 1);
                    return;
                }

                if (e.target.closest('.carousel-arrow-prev')) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Math.max(0, activeIndex - 1));
                    return;
                }

                if (e.target.closest('.carousel-arrow-next')) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Math.min(total - 1, activeIndex + 1));
                    return;
                }
            });

            let userScrolled = false;

            carousel.addEventListener(
                'scroll',
                () => {
                    userScrolled = true;
                }, {
                    once: true
                }
            );

            const observer = new IntersectionObserver(
                (entries) => {
                    if (!userScrolled) return;
                    const entry = entries.reduce(
                        (best, e) =>
                        e.isIntersecting && e.intersectionRatio > (best?.intersectionRatio ?? 0) ?
                        e :
                        best,
                        null
                    );
                    if (!entry) return;
                    const index = Number(entry.target.dataset.index);
                    if (index === activeIndex) return;
                    updateActive(index);
                }, {
                    root: carousel,
                    threshold: 0.6
                }
            );

            for (let i = 0; i < total; i++) {
                slides[i].dataset.index = String(i);
                observer.observe(slides[i]);
            }
        });
    })();
</script>

<script defer>
    (function initArticleCarousels() {
        const carouselWrappers = document.querySelectorAll('.article-carousel-wrapper');
        if (!carouselWrappers.length) return;

        const INDICATOR_ACTIVE = 'bg-white';
        const INDICATOR_INACTIVE = 'bg-transparent';
        const DRAG_THRESHOLD = 5;
        let drag = null;
        let lastDraggedContainer = null;

        document.addEventListener(
            'mousemove',
            (e) => {
                if (!drag) return;
                const dx = e.clientX - drag.startX;
                if (Math.abs(dx) > DRAG_THRESHOLD) drag.hasDragged = true;
                drag.container.scrollLeft = drag.startScrollLeft - dx;
            }, {
                passive: true
            }
        );

        document.addEventListener('mouseup', () => {
            if (!drag) return;
            drag.container.style.cursor = 'grab';
            drag.container.style.scrollSnapType = '';
            drag.container.style.scrollBehavior = '';
            lastDraggedContainer = drag.hasDragged ? drag.container : null;
            drag = null;
        });

        const initDragScroll = (container) => {
            if (!container) return;

            container.style.cursor = 'grab';

            container.addEventListener('mousedown', (e) => {
                if (e.button !== 0) return;
                drag = {
                    container,
                    startX: e.clientX,
                    startScrollLeft: container.scrollLeft,
                    hasDragged: false
                };
                container.style.cursor = 'grabbing';
                container.style.scrollSnapType = 'none';
                container.style.scrollBehavior = 'auto';
                e.preventDefault();
            });

            container.addEventListener(
                'click',
                (e) => {
                    if (lastDraggedContainer === container) {
                        e.stopPropagation();
                        e.preventDefault();
                        lastDraggedContainer = null;
                    }
                },
                true
            );

            container.addEventListener('dragstart', (e) => e.preventDefault());
        };

        carouselWrappers.forEach((carouselWrapper) => {
            const carousel = carouselWrapper.querySelector('.carousel');
            if (!carousel) return;

            const indicators = carouselWrapper.querySelector('.carousel-indicators');
            const prevBtn = carouselWrapper.querySelector('.carousel-arrow-prev');
            const nextBtn = carouselWrapper.querySelector('.carousel-arrow-next');
            const slides = carousel.children;
            const total = slides.length;

            let activeIndex = 0;

            const scrollToIndex = (index) => {
                const slide = slides[index];
                if (slide) carousel.scrollTo({
                    left: slide.offsetLeft,
                    behavior: 'smooth'
                });
            };

            const updateArrows = (index) => {
                prevBtn?.classList.toggle('hidden', index === 0);
                nextBtn?.classList.toggle('hidden', index === total - 1);
            };

            const updateActive = (index) => {
                if (indicators) {
                    indicators.children[activeIndex]?.classList.replace(
                        INDICATOR_ACTIVE,
                        INDICATOR_INACTIVE
                    );
                    indicators.children[index]?.classList.replace(INDICATOR_INACTIVE, INDICATOR_ACTIVE);
                }
                updateArrows(index);
                activeIndex = index;
            };

            updateArrows(0);
            initDragScroll(carousel);

            carouselWrapper.addEventListener('click', (e) => {
                const slideBtn = e.target.closest('button[data-slide]');
                if (slideBtn && indicators?.contains(slideBtn)) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Number(slideBtn.dataset.slide) - 1);
                    return;
                }

                if (e.target.closest('.carousel-arrow-prev')) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Math.max(0, activeIndex - 1));
                    return;
                }

                if (e.target.closest('.carousel-arrow-next')) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Math.min(total - 1, activeIndex + 1));
                    return;
                }
            });

            let userScrolled = false;

            carousel.addEventListener(
                'scroll',
                () => {
                    userScrolled = true;
                }, {
                    once: true
                }
            );

            const observer = new IntersectionObserver(
                (entries) => {
                    if (!userScrolled) return;
                    const entry = entries.reduce(
                        (best, e) =>
                        e.isIntersecting && e.intersectionRatio > (best?.intersectionRatio ?? 0) ?
                        e :
                        best,
                        null
                    );
                    if (!entry) return;
                    const index = Number(entry.target.dataset.index);
                    if (index === activeIndex) return;
                    updateActive(index);
                }, {
                    root: carousel,
                    threshold: 0.6
                }
            );

            for (let i = 0; i < total; i++) {
                slides[i].dataset.index = String(i);
                observer.observe(slides[i]);
            }
        });
    })();
</script>

<script defer>
    (function initSimpleCarouselButtons() {
        const carouselWrappers = document.querySelectorAll('.simple-carousel-wrapper');
        if (!carouselWrappers.length) return;

        carouselWrappers.forEach((carouselWrapper) => {
            const carousel = carouselWrapper.querySelector('.carousel');
            const nav = carouselWrapper.firstElementChild;
            const prevBtn = nav?.querySelector('button:first-of-type');
            const nextBtn = nav?.querySelector('button:last-of-type');

            if (!carousel || !prevBtn || !nextBtn) return;

            const THRESHOLD = 1;
            const slides = Array.from(carousel.querySelectorAll(':scope > .carousel-item'));
            if (!slides.length) return;

            function getMaxScrollLeft() {
                return Math.max(0, carousel.scrollWidth - carousel.clientWidth);
            }

            function getSlideOffset(slide) {
                return slide.offsetLeft - carousel.offsetLeft;
            }

            function getClosestSlideIndex() {
                const scrollLeft = carousel.scrollLeft;
                let closestIndex = 0;
                let minDistance = Infinity;

                for (let i = 0; i < slides.length; i++) {
                    const distance = Math.abs(getSlideOffset(slides[i]) - scrollLeft);
                    if (distance < minDistance) {
                        minDistance = distance;
                        closestIndex = i;
                    }
                }
                return closestIndex;
            }

            function isAtStart() {
                return carousel.scrollLeft <= THRESHOLD;
            }

            function isAtEnd() {
                const maxScrollLeft = getMaxScrollLeft();
                return maxScrollLeft <= THRESHOLD || carousel.scrollLeft >= maxScrollLeft - THRESHOLD;
            }

            function syncNavState() {
                prevBtn.classList.toggle('hidden', isAtStart());
                nextBtn.classList.toggle('hidden', isAtEnd());
            }

            function scrollToIndex(index) {
                const targetIndex = Math.max(0, Math.min(index, slides.length - 1));
                const slide = slides[targetIndex];

                let left;
                if (targetIndex === 0) {
                    left = 0;
                } else if (targetIndex === slides.length - 1) {
                    left = getMaxScrollLeft();
                } else {
                    left = getSlideOffset(slide);
                }

                carousel.scrollTo({
                    left,
                    behavior: 'smooth'
                });
            }

            prevBtn.addEventListener('click', (event) => {
                event.preventDefault();
                event.stopPropagation();
                scrollToIndex(getClosestSlideIndex() - 1);
            });

            nextBtn.addEventListener('click', (event) => {
                event.preventDefault();
                event.stopPropagation();
                scrollToIndex(getClosestSlideIndex() + 1);
            });

            let rafId = null;
            carousel.addEventListener(
                'scroll',
                () => {
                    if (rafId !== null) return;
                    rafId = requestAnimationFrame(() => {
                        syncNavState();
                        rafId = null;
                    });
                }, {
                    passive: true
                }
            );

            carousel.addEventListener('scrollend', syncNavState, {
                passive: true
            });

            if (typeof ResizeObserver !== 'undefined') {
                new ResizeObserver(syncNavState).observe(carousel);
            }

            requestAnimationFrame(syncNavState);
        });
    })();
</script>
<script defer>
  window.addEventListener('load', () => {
    const textElements = document.querySelectorAll('.collapse-text');
    textElements.forEach((textEl) => {
      const btnEl = textEl.parentElement.querySelector('.collapse-btn');
      const targetClass = [...textEl.classList].find((c) => c.startsWith('line-clamp-'));
      textEl.classList.remove(targetClass);
      const lineHeight = parseFloat(getComputedStyle(textEl).lineHeight);
      const height = textEl.clientHeight;
      const lines = Math.round(height / lineHeight);
      const maxLines = +targetClass.match(/\d+/)?.[0];

      if (lines > maxLines) {
        textEl.classList.add(targetClass);
        btnEl.classList.remove('hidden');
        btnEl.classList.add('flex');
      }
    });
  });
</script>
</body>
</html>