<!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> 8570655,  Радиатор egr, охладитель EGR  к BMW 5 G30/G31, 2018, купить в г. Минск | 108612541</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-5g30g31/" class="hover:text-bamper-500">5 G30/G31</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-5g30g31/group_vykhlopnaya-sistema/" 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-5g30g31/zapchast_radiator-egr" class="hover:text-bamper-500">Радиатор EGR</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">Радиатор EGR</span>
                        <span class="text-neutral-500"> к BMW 5 G30/G31, 2018 г.</span>
                    </h2>
                    <div class="flex flex-col lg:max-w-[256px] items-start lg:items-end gap-1">
                        <meta itemprop="price" content="цена не указана">
                        <meta itemprop="priceCurrency" content="BYN">
                        <div class="text-xl lg:text-[28px]/[32px] font-bold text-black">цена не указана р.</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/9a3/9a3703da4bfaf529086c1d98a35cf710.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/7f6/7f6ac9565f6f0baf757e37bf6700232b.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/0e7/0e737cb2cbecf7368927aceb6ceb95a5.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/9a3/9a3703da4bfaf529086c1d98a35cf710.jpg" alt="Радиатор EGR к BMW 5 G30/G31, 2018 г. - 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/7f6/7f6ac9565f6f0baf757e37bf6700232b.jpg" alt="Радиатор EGR к BMW 5 G30/G31, 2018 г. - 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/0e7/0e737cb2cbecf7368927aceb6ceb95a5.jpg" alt="Радиатор EGR к BMW 5 G30/G31, 2018 г. - 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">3.0 л, дизель, АКПП, седан</span>
                        </p>
                        <div>
                            <p class="font-semibold">Артикул</p>
                            <p class="mt-0.5">17-81-310</p>
                        </div>
                        <div class="w-full">
                            <p class="font-semibold">Описание</p>
                                                        <p class="collapse-text mt-0.5 peer-checked:line-clamp-none line-clamp-6">
                                Цена без клапана EГР. B57D30A, полный привод, правый руль.                            </p>
                                                    </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_8570655/" title="Поиск по оригинальному номеру - 8570655" target="_blank">8570655</a>                                </p>
                                                            </div>
                                                                            <div>
                                <p class="font-semibold">Доставка</p>
                                                                    <input type="checkbox" id="toggle-delivery" class="peer hidden">
                                                                <div class="collapse-text mt-0.5 peer-checked:line-clamp-none line-clamp-3">
                                    по РБ - от 15руб.; заказы на отправку почтой принимаются от суммы 50byn. Всё что меньше указанной суммы подлежит самовывозу. 
срок выполнения заказа: от 2 до 5 дней (100% предоплата);
по ЕАЭС - транспортными компаниями, отправка ежедневно                                </div>
                                                                    <label for="toggle-delivery" 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>
                                                                <input type="checkbox" id="toggle-guarantee" class="peer hidden">
                                <div class="collapse-text mt-0.5 peer-checked:line-clamp-none line-clamp-3">
                                    Для получения полной и достоверной информации о наличии и актуальных ценах на запчасти связывайтесь с нами по указанным на сайте телефонам.
Время на проверку:
двигатель - 14 суток;
коробка передач (автоматические КПП, механические КПП), редуктор, раздаточная коробка - 14 суток;
все остальные категории запчастей - 7 суток;
блоки управления двигателем - 3 суток;

Есть товары, на которые данная гарантия не распространяется: оптика, стекла, и любые другие запчасти, пригодность к использованию которых можно определить по внешнему состоянию при осмотре в момент покупки.

Важно:
Установка АКПП и электронных блоков управления допустима только в специализированных станциях технического обслуживания или центрах! При возврате должно быть приложено заключение о неисправности от специалиста, (на фирменном бланке, должны присутствовать реквизиты и печать) а также ксерокопия лицензии на этот вид работ у СТО.
Ряд причин по которым детали возврату не подлежат:
Отсутствует маркировка (гарантийная). В том числе, если она или ее большая часть была удалена при мойке или во время эксплуатации.
Значительное повреждение гарантийной маркировки (в том числе при разборке запчасти).
Истек срок гарантии.
Нарушены правила и технологии установки или использования.
Серьезные повреждения запчасти в процессе эксплуатации (удар, замыкание, различные деформации и др.)
Если до покупки автозапчасти клиент был предупрежден о наличии дефекта то этот дефект не может служить основанием для оформления возврата.
На автозапчасть гарантия не распространяется.
При возврате АКПП, электронного блока управления отсутствуют необходимые документы.
Нами компенсируются затраты только на покупку самой автозапчасти. Деньги потраченные на транспортировку и установку не возвращаем.

При принятии решения о приобретении запчасти будьте предельно внимательны к вопросу соответствия выбираемой детали вашим требованиям.                                </div>
                                                                    <label for="toggle-guarantee" 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>
                                <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>                                                                                                        </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="Поднятие: 21 апр в 04:36; Изменено: 21.04.2023 в 04:36:10">21.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/marka_bmw/model_5g30g31/god_2016-2020/" target="_blank" class="text-blue-800 hover:text-bamper-500">все запчасти к BMW 5 G30/G31 7 поколение</a>
                            </span>
                        </li>
                                                                                <li>
                                <span>
                                    Показать все запчасти с оригинальным номером
                                                                            <a href="/zchbu/originalnum_8570655/" target="_blank" class="text-blue-800 hover:text-bamper-500">8570655</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 class="p-4 bg-white rounded-xl">
                    <div>
                        <p class="lg:inline text-xl font-semibold">
                            Похожие объявления<span class="hidden lg:inline">:</span>
                        </p>
                        <a href="/zchbu/zapchast_/marka_bmw/model_5g30g31/god_2016-2020/" class="lg:text-xl text-blue-800 font-medium hover:text-bamper-500">Радиатор EGR к BMW 5 G30/G31 7 поколение</a>
                    </div>
                    <div class="mt-4 lg:mt-6 simple-carousel-wrapper relative">
                        <div class="hidden md:contents">
                            <button type="button" class="absolute left-2 top-20 z-10 pointer-events-auto p-2 border border-neutral-200 bg-white/75 rounded-full rotate-180 cursor-pointer hover:bg-white">
                                <svg class="w-6 h-6 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                </svg>
                            </button>
                            <button type="button" class="absolute right-2 top-20 z-10 pointer-events-auto p-2 border border-neutral-200 bg-white/75 rounded-full cursor-pointer hover:bg-white hidden">
                                <svg class="w-6 h-6 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                </svg>
                            </button>
                        </div>
                        <div class="carousel carousel-center w-full *:w-60 md:*:w-54 gap-2 px-4 lg:px-0" id="js-similar">
                                                            <a href="/zapchast_radiator-egr/23336-17-81-22/" target="_blank" title="Радиатор EGR к BMW 5 G30/G31, 2018 г." class="carousel-item flex flex-col">
                                    <div class="relative flex">
                                        <div class="rounded-box aspect-4/3 overflow-hidden">
                                                                                        
                                                <div class="carousel-item w-full">
                                                    <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/1b2/1b23d55db25b73f5c9e47298183b54f1.jpg" alt="" title="">
                                                </div>                                            
                                                                                    
                                        </div>
                                        <div class="absolute z-10 inset-x-2 top-2 flex justify-between items-center">
                                            <div class="inline-flex gap-1">
                                                                                                                                            </div>
                                            <button class="p-1 bg-white/75 rounded cursor-pointer shadow hover:bg-white">
                                                <img
                                                    class="w-5 h-5"
                                                    src="/local/templates/bamper_new/public/images/favorite-article-red.svg"
                                                    alt="favorite"
                                                />
                                            </button>
                                        </div>
                                    </div>
                                    <div class="mt-2 text-center">
                                        <p>
                                            <span class="text-base text-neutral-600 font-medium">1 050 руб.</span>
                                            <span class="text-xs text-neutral-400 font-medium">~357 $</span>
                                        </p>
                                        <p class="mt-1 text-xs">2.0 л, дизель, АКПП, седан</p>
                                    </div>
                                </a>
                                                    </div>
                    </div>
                </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/1577/" title="Информация о Bmwrazborka.by" target="_blank">
                            Bmwrazborka.by                        </a>
                                    </p>
                <p class="text-neutral-500">на Bamber.by с 20.10.2016</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/108612541/#scroll" target="_blank" title="Отзывы на " class="text-blue-800 hover:text-bamper-500"> отзывов</a>
                        <a href="/rating/?id=1577" 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>
                                                <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>53,7487867, 27,5214463</p>
                            <a href="/seller/1577/#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">Закрыто до 9: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">
                                                                                    9:00 – 18: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">
                                                                                    9:00 – 18: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">
                                                                                    9:00 – 18: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">
                                                                                    9:00 – 18: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">
                                                                                    9:00 – 18: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 – 15: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">
                                                    Выходной
                                            </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>