<!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> A0000789023,A0000788749,  Форсунка, топливная  к Mercedes A W169, 2009, купить в г. Барановичи | 108803516</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_mercedes/" class="hover:text-bamper-500">Mercedes</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/mercedes-aw169/" class="hover:text-bamper-500">A W169</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/mercedes-aw169/group_dvigatel/" 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_mercedes/model_mercedes-aw169/zapchast_forsunka" class="hover:text-bamper-500">Форсунка</a>
            </li>
        </ol>
    </nav>
    <div class="w-full flex gap-x-2 m-auto max-w-7xl px-4 lg:px-6">
        <div class="min-w-0 flex-1 flex flex-col gap-4">
            <div class="grid gap-4 p-4 bg-white rounded-xl">
                <div class="flex flex-col lg:flex-row lg:justify-between gap-4 lg:gap-12">
                    <h2 class="text-lg/[20px] lg:text-[28px]/[32px] line-clamp-4">
                        <span class="font-semibold">Форсунка</span>
                        <span class="text-neutral-500"> к Mercedes A W169, 2009 г.</span>
                    </h2>
                    <div class="flex flex-col lg:max-w-[256px] items-start lg:items-end gap-1">
                        <meta itemprop="price" content="27">
                        <meta itemprop="priceCurrency" content="BYN">
                        <div class="text-xl lg:text-[28px]/[32px] font-bold text-black">27 р.</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/09d/09dc2c616e11e74a7b97f977ed360734.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/5a9/5a9de1554f7b00de275118b2a388b79a.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>
                                                                                                </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/09d/09dc2c616e11e74a7b97f977ed360734.jpg" alt="Форсунка к Mercedes A W169, 2009 г. - 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/5a9/5a9de1554f7b00de275118b2a388b79a.jpg" alt="Форсунка к Mercedes A W169, 2009 г. - 2">
                                    </button>
                                                                                    </div>
                    </div>

                    <div class="w-full lg:order-last">
                        <textarea id="notes" class="w-full p-3 resize-none border border-neutral-200 placeholder-neutral-400 rounded-sm hover:border-bamper-200 focus-visible:border-brand-500 focus-visible:outline-none" placeholder="Введите текст заметки (эту информацию будете видеть только вы)"></textarea>
                    </div>
                    <div class="w-full grid gap-4 lg:max-w-[256px]">
                        <p class="flex gap-1.5">
                            <svg class="w-5 h-5 stroke-neutral-500">
                                <use href="/local/templates/bamper_new/public/sprite.svg#search-car"></use>
                            </svg>
                            <span class="text-neutral-950">бензин</span>
                        </p>
                        <div>
                            <p class="font-semibold">Артикул</p>
                            <p class="mt-0.5">A0000789023</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">
                                ОМ 266. Цена за 1 форсунку                            </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_A0000789023/" title="Поиск по оригинальному номеру - A0000789023" target="_blank">A0000789023</a>, <a href="/zchbu/originalnum_A0000788749/" title="Поиск по оригинальному номеру - A0000788749" target="_blank">A0000788749</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">
                                    https://yandex.by/maps/org/avtoservis_avtotekhtsentr/38523283642/?ll=25.994981%2C53.118124&amp;z=17
Бизнес-почтой EMS BELPOST. Товар должен быть весом до 30 кг и объемом до 1,5 м³, по РБ,по России и Казахстану - через транспортные компании: СДЭК, DPD;
до ТК - бесплатно;
Отправка осуществляется в день оплаты или на следующий день.
Отправка другими ТК возможна при вызове вами курьера из необходимой вам транспортной компании (как правило, приезжают на 2-3 сутки после оформления заявки).
Цену доставки, в необходимый регион, определяет транспортная компания и может быть, ориентировочно, рассчитана при помощи калькулятора стоимости доставки на сайтах ТК. Точный расчёт доставки осуществляется самой ТК после приема груза.
Все запчасти перед отправкой мы упаковываем в картон или стрейч-плёнку. Стоимость упаковки бесплатна. Для сохранности кузовных, дорогостоящих и хрупких деталей, рекомендуем дозаказывать в ТК жесткую упаковку, для моторов и КПП – паллетирование. Услуга платная и зависит от тарифов компании и объёма груза.                                </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">
                                    Реализуемые автозапчасти являются бывшими в употреблении. Для проверки качества и работоспособности предоставляется проверочный срок. Стандартный срок проверки и возврата запчастей составляет (со дня реализации, а для регионов с момента получения товара покупателем):
- двигатель - 30 дней;
- КПП, АКПП, редуктора - 14 дней;
- прочие запчасти - 14 дней;
- шины, диски - 3 дня;
- запчасти, состояние которых можно визуально определить по их внешнему виду на момент покупки проверочный срок не распространяется (детали кузова, оптика, стекла, декоративные детали интерьера и т.д.)
В отдельных случаях мы готовы предоставить покупателю индивидуальные условия гарантии с увеличенным сроком возврата товара. Изменение стандартных условий обсуждаются непосредственно перед покупкой товара и остаются всегда на усмотрение продавца.
Обмен и возврат автозапчасти
На протяжении гарантийного срока дефектный товар подлежит бесплатному обмену на аналогичный без дефектов. Если заменить дефектный товар на аналогичный без дефектов не представляется возможным, покупателю выплачивается полная стоимость товара. Возврат денежных средств осуществляется в течении 7 рабочих дней с момента доставки детали на склад хранения и проверки его на соответствие. Возврату подлежит денежная сумма, эквивалентная стоимости товара (фактическая цена детали за которую она была приобретена). Продавец не осуществляет выезд к Покупателю при возврате товара.
Денежные средства, потраченные Покупателем на пересылку, установку, снятие, расходные материалы и т.д. не возмещаются.
К обмену или возврату не принимаются автозапчасти:
- отсутствует кассовый чек, подтверждающий покупку (для двигателя гарантийный талон);
- истёк проверочный срок;
- отсутствуют или повреждены нанесенные маркировки и защитные пломбы продавца (при установке деталей на автомобиль запрещается разбирать запчасть, смывать, уничтожать, снимать или частично повреждать маркировки нанесённые продавцом);
- запчасть была установлена (эксплуатировалась) с нарушениями правил или технологий установки (эксплуатации);
- запчасть подвергалась после продажи серьёзным повреждениям (ударам, деформациям, замыканиям и пр.);
- запчасти на которые не распространяется проверочный срок (см. выше);
- запчасть заведомо проданная без гарантийного проверочного срока с согласия покупателя;
- запчасти с дефектом, о котором был предупреждён покупатель заранее (т.е. основанием для возврата данный дефект являться не будет)

Требовательным покупателям стоит обратить внимание, что все кузовные элементы (капоты, крылья, бампера, двери, крышки и т.д.), по умолчанию, продаются под покраску. Царапины и сколы краски не являются дефектом и не могут служить основанием получения скидки.

При приобретении автозапчастей бывших в употреблении уточняйте для вас важные нюансы, не указанные на сайте. Просите дополнительные фото. Всё что поможет вам принять правильное решение при покупке.                                </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>                                                                        <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="Поднятие: 26 апр в 08:57; Изменено: 25.04.2023 в 01:40:16">25.04.2023</span>
                        </p>
                    </div>
                </div>
                <div class="border-t border-neutral-200"></div>
                <div>
                    <ul class="grid gap-2 [&amp;&gt;li]:flex [&amp;&gt;li]:before:content-['•'] [&amp;&gt;li]:before:block [&amp;&gt;li]:before:mx-2">
                                                                            <li>
                                <span>
                                    Посмотреть
                                    <a href="/zchbu/zapchast_/marka_mercedes/model_aw169/god_2008-2012/seller_5121/?more=Y" target="_blank" class="text-blue-800 hover:text-bamper-500"> все "Форсунка" к Mercedes A W169 2 поколение [рестайлинг] у данного продавца</a>
                                </span>
                            </li>
                                                <li>
                            <span>
                                Посмотреть
                                <a href="/zchbu/marka_mercedes/model_aw169/god_2008-2012/" target="_blank" class="text-blue-800 hover:text-bamper-500">все запчасти к Mercedes A W169 2 поколение [рестайлинг]</a>
                            </span>
                        </li>
                                                                                <li>
                                <span>
                                    Показать все запчасти с оригинальным номером
                                                                            <a href="/zchbu/originalnum_A0000789023/" target="_blank" class="text-blue-800 hover:text-bamper-500">A0000789023</a>
                                                                            <a href="/zchbu/originalnum_A0000788749/" target="_blank" class="text-blue-800 hover:text-bamper-500">A0000788749</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_mercedes/model_aw169/god_2008-2012/" class="lg:text-xl text-blue-800 font-medium hover:text-bamper-500">Форсунка к Mercedes A W169 2 поколение [рестайлинг]</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_forsunka/6335-23309629/" target="_blank" title="Форсунка к Mercedes A W169, 2009 г." 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" 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">150 руб.</span>
                                            <span class="text-xs text-neutral-400 font-medium">~51 $</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/5121/" title="Информация о Авторазборка Mercedes ИП Печенкин В.Г." target="_blank">
                            Авторазборка Mercedes ИП Печенкин В.Г.                        </a>
                                    </p>
                <p class="text-neutral-500">на Bamber.by с 19.07.2017</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/108803516/#scroll" target="_blank" title="Отзывы на " class="text-blue-800 hover:text-bamper-500"> отзывов</a>
                        <a href="/rating/?id=5121" target="_blank" class="ml-auto">
                            <svg class="h-4 w-12 shrink-0">
                                <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                            </svg>
                        </a>
                    </div>
                                                    <a href="/zchbu/seller_5121/?more=Y" class="flex items-center gap-2 mt-3 px-5 py-2.5 rounded-lg border border-neutral-300 hover:bg-neutral-100">
                        <span class="flex-1">Все объявления продавца</span>
                        <svg class="w-4 h-4 stroke-black">
                            <use href="/local/templates/bamper_new/public/sprite.svg#link-arrow-right"></use>
                        </svg>
                    </a>
                                <p class="flex gap-1.5 mt-4">
                    <svg class="w-5 h-5 stroke-neutral-500">
                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                    </svg>
                    <span>Барановичи</span>
                </p>
                                    <div class="flex gap-1.5 mt-4">
                        <svg class="w-5 h-5 stroke-neutral-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#route"></use>
                        </svg>
                        <div>
                            <p>ул. Чернышевского, 67А</p>
                            <a href="/seller/5121/#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">
                                                                                    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>
                    </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>