<!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></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 shrink-0 basis-auto bg-neutral-100 pt-18 pb-8 md:pb-14 lg:pb-18">
                <div class="w-full bg-brand-500">
                    <div class="w-full m-auto max-w-7xl px-4 lg:px-6">
                        <div class="pt-5 md:pt-6 text-white space-y-2 pb-4">
                            <h1 class="text-white font-bold text-[28px] md:text-5xl mb-1 md:mb-2">Поиск запчастей для авто</h1>
                            <h2 class="text-base md:text-xl"><span>16 381 485</span> объявлений, <span>34 136</span> продавцов</h2>
                        </div>                        
                        <div class="-mb-31 pt-22.5 md:pt-44 md:-mb-48.5">
                            <div class="grid grid-cols-2 grid-rows-2 gap-4 md:grid-cols-6 md:grid-rows-1"></div>
                        </div>                                              
                    </div>
                </div>
        <section id="search-filter-panel" class="w-full m-auto max-w-7xl mt-4" data-active-tab="autoSpareParts"></section>
<div class="w-full flex gap-x-6 m-auto max-w-7xl px-4 lg:px-6 mt-8">
    <div class="w-full flex-1 flex flex-col">
        <div class="px-4">
    <p class="text-base md:text-lg lg:text-xl text-neutral-500">
        <span>Найдено объявлений:</span>
        <span class="font-bold" id="js-var-countSpareparts">16 381 485</span>
    </p>
    <div class="dropdown group">
        <div tabindex="0" role="button" class="flex items-center gap-x-1 text-brand-500 font-medium text-base hover:text-brand-600 active:text-brand-700 cursor-pointer transition-all duration-250 text-nowrap">
            <span>Все параметры</span>
            <svg class="block w-4 h-4 shrink-0 stroke-current mt-0.5">
                <use href="/local/templates/bamper_new/public/sprite.svg#sort"></use>
            </svg>
        </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 md:p-2 bg-white rounded-t-xl md:rounded-sm shadow-sm fixed md:absolute z-panel md:z-absolute inset-x-0 bottom-0 md:inset-x-auto md:bottom-auto md:left-0 md:top-[110%]">
            <div class="md:hidden flex items-center justify-between">
                <div tabindex="0" class="w-full p-4 text-lg font-semibold">Сортировка</div>
                <div role="button" class="p-4 cursor-pointer">
                    <svg class="w-6 h-6 stroke-black">
                        <use href="SITE_TEMPALTE_PATH/public/sprite.svg#cross"></use>
                    </svg>
                </div>
            </div>
            <div class="px-4 pb-6 pt-2 md:p-0">
                <ul tabindex="-1" class="[&>li]:flex [&_a]:whitespace-nowrap">
                                            <li>
                            <a class="w-full p-2 md:px-3 hover:bg-brand-50 rounded-sm hover:text-brand-600 active:text-brand-700 cursor-pointer transition-all duration-250">
                                По цене (сначала дорогие)                            </a>
                        </li>
                                            <li>
                            <a class="w-full p-2 md:px-3 hover:bg-brand-50 rounded-sm hover:text-brand-600 active:text-brand-700 cursor-pointer transition-all duration-250">
                                По цене (сначала дешевые)                            </a>
                        </li>
                                            <li>
                            <a class="w-full p-2 md:px-3 hover:bg-brand-50 rounded-sm hover:text-brand-600 active:text-brand-700 cursor-pointer transition-all duration-250">
                                По дате подачи (сначала новые)                            </a>
                        </li>
                                            <li>
                            <a class="w-full p-2 md:px-3 hover:bg-brand-50 rounded-sm hover:text-brand-600 active:text-brand-700 cursor-pointer transition-all duration-250">
                                По году выпска (сначала новые)                            </a>
                        </li>
                                            <li>
                            <a class="w-full p-2 md:px-3 hover:bg-brand-50 rounded-sm hover:text-brand-600 active:text-brand-700 cursor-pointer transition-all duration-250">
                                По году выпска (сначала старые)                            </a>
                        </li>
                                    
                </ul>
            </div>
        </div>
    </div>
</div>        <div class="grid gap-4 mt-6">
                        <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Кран пневматический к Mercedes 814, 1995 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/233/233cb9f40fccb4b1bf6d42a37740fe5d.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="/upload/lk/2bc/2bcaed30205f643af8155f71dd103d78.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="/upload/lk/2af/2afc400a5cbd9178e9b483309ea9f917.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/233/233cb9f40fccb4b1bf6d42a37740fe5d.jpg" alt="Bamper.by - Кран пневматический к Mercedes 814, 1995 г. - 1" title="Bamper.by - Кран пневматический к Mercedes 814, 1995 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/2bc/2bcaed30205f643af8155f71dd103d78.jpg" alt="Bamper.by - Кран пневматический к Mercedes 814, 1995 г. - 2" title="Bamper.by - Кран пневматический к Mercedes 814, 1995 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/2af/2afc400a5cbd9178e9b483309ea9f917.jpg" alt="Bamper.by - Кран пневматический к Mercedes 814, 1995 г. - 3" title="Bamper.by - Кран пневматический к Mercedes 814, 1995 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                206 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~70 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~5723 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_kran-pnevmaticheskiy/203258-108946550/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Кран пневматический</span>
                            <span>к Mercedes 814, 1995 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108946550</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 16:42; Изменено: 26.04.2023 в 16:42:02">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Кран пневматический</b>  к Mercedes 814, 1995 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Кран ручного тормоза к Mercedes 814, 1995 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/cc8/cc8ca755aab86058df1bc8f29a1d7562.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="/upload/lk/893/8931ba0c00d125053ff63678df728737.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="/upload/lk/882/88275c7c732a91228e5c7318dcb0f714.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/cc8/cc8ca755aab86058df1bc8f29a1d7562.jpg" alt="Bamper.by - Кран ручного тормоза к Mercedes 814, 1995 г. - 1" title="Bamper.by - Кран ручного тормоза к Mercedes 814, 1995 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/893/8931ba0c00d125053ff63678df728737.jpg" alt="Bamper.by - Кран ручного тормоза к Mercedes 814, 1995 г. - 2" title="Bamper.by - Кран ручного тормоза к Mercedes 814, 1995 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/882/88275c7c732a91228e5c7318dcb0f714.jpg" alt="Bamper.by - Кран ручного тормоза к Mercedes 814, 1995 г. - 3" title="Bamper.by - Кран ручного тормоза к Mercedes 814, 1995 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                118 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~40 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~3278 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_kran-ruchnogo-tormoza/203258-108946530/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Кран ручного тормоза</span>
                            <span>к Mercedes 814, 1995 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108946530</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 16:40; Изменено: 26.04.2023 в 16:40:56">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Кран ручного тормоза</b>  к Mercedes 814, 1995 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Капот к Mercedes 814, 1995 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/f97/f9772d4d82664ff65b885c8575b13934.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="/upload/lk/abe/abeb383a8f03f4ca4d779cd06b7eae57.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="/upload/lk/db7/db77c9b90899a25310514ee17e98691c.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/f97/f9772d4d82664ff65b885c8575b13934.jpg" alt="Bamper.by - Капот к Mercedes 814, 1995 г. - 1" title="Bamper.by - Капот к Mercedes 814, 1995 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/abe/abeb383a8f03f4ca4d779cd06b7eae57.jpg" alt="Bamper.by - Капот к Mercedes 814, 1995 г. - 2" title="Bamper.by - Капот к Mercedes 814, 1995 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/db7/db77c9b90899a25310514ee17e98691c.jpg" alt="Bamper.by - Капот к Mercedes 814, 1995 г. - 3" title="Bamper.by - Капот к Mercedes 814, 1995 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                1 469 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~500 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~40810 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_kapot/203258-108946525/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Капот</span>
                            <span>к Mercedes 814, 1995 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108946525</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 16:39; Изменено: 26.04.2023 в 16:45:51">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Капот</b>  к Mercedes 814, 1995 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Решетка радиатора к Mercedes 814, 1995 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/62d/62d0c5f474e55d6af2fe73a20ef0884c.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="/upload/lk/280/2804a5445cdfc1670aeaaadf66c1ec5d.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="/upload/lk/e91/e912b9a6171bf07b5f28a9bfe72d40bb.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/62d/62d0c5f474e55d6af2fe73a20ef0884c.jpg" alt="Bamper.by - Решетка радиатора к Mercedes 814, 1995 г. - 1" title="Bamper.by - Решетка радиатора к Mercedes 814, 1995 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/280/2804a5445cdfc1670aeaaadf66c1ec5d.jpg" alt="Bamper.by - Решетка радиатора к Mercedes 814, 1995 г. - 2" title="Bamper.by - Решетка радиатора к Mercedes 814, 1995 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/e91/e912b9a6171bf07b5f28a9bfe72d40bb.jpg" alt="Bamper.by - Решетка радиатора к Mercedes 814, 1995 г. - 3" title="Bamper.by - Решетка радиатора к Mercedes 814, 1995 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                588 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~200 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~16335 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_reshetka-radiatora/203258-108946511/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Решетка радиатора</span>
                            <span>к Mercedes 814, 1995 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108946511</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 16:38; Изменено: 26.04.2023 в 16:38:28">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Решетка радиатора</b>  к Mercedes 814, 1995 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/3e2/3e264016ef5521db73bf0208e803ca09.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="/upload/lk/8c3/8c326198f0709957b5d786534f931757.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="/upload/lk/f92/f929427e0de8f440bc69317b1719cf5a.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="3">
                                            <img class="w-full h-full object-contain" src="/upload/lk/122/1226690f1ec89231fd60fe1959683200.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="4">
                                            <img class="w-full h-full object-contain" src="/upload/lk/885/88545f168019b7c06d359c777c92acab.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                    <div class="carousel-item w-full">
                                                <img
                                                    class="w-full h-full object-contain"
                                                    src="/local/templates/bamper_new/public/images/more-photo.jpg"
                                                    alt="Смотреть больше фотографий - " />
                                            </div>
                                                                                                                            </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                            <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>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/3e2/3e264016ef5521db73bf0208e803ca09.jpg" alt="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 1" title="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/8c3/8c326198f0709957b5d786534f931757.jpg" alt="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 2" title="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/f92/f929427e0de8f440bc69317b1719cf5a.jpg" alt="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 3" title="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/122/1226690f1ec89231fd60fe1959683200.jpg" alt="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 4" title="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/885/88545f168019b7c06d359c777c92acab.jpg" alt="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 5" title="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г." title="Bamper.by - Механизм стеклоочистителя (трапеция дворников) к Mercedes 814, 1995 г." />
                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                            <span class="gallery-indicator"></span>
                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                441 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~150 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~12251 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_mekhanizm-stekloochistitelya-trapetsiya-dvornikov/203258-108946494/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Механизм стеклоочистителя (трапеция дворников)</span>
                            <span>к Mercedes 814, 1995 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108946494</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 16:36; Изменено: 26.04.2023 в 16:36:58">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Механизм стеклоочистителя (трапеция дворников)</b>  к Mercedes 814, 1995 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Ручка наружная к Mercedes 814, 1995 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/34d/34dab3882e392f009bdc4e8825f8b358.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="/upload/lk/3c6/3c6ac7f42a654f7c263a72d92853b906.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="/upload/lk/f7d/f7d59e7241ac137c8c182d7f6c2641b0.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/34d/34dab3882e392f009bdc4e8825f8b358.jpg" alt="Bamper.by - Ручка наружная к Mercedes 814, 1995 г. - 1" title="Bamper.by - Ручка наружная к Mercedes 814, 1995 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/3c6/3c6ac7f42a654f7c263a72d92853b906.jpg" alt="Bamper.by - Ручка наружная к Mercedes 814, 1995 г. - 2" title="Bamper.by - Ручка наружная к Mercedes 814, 1995 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/f7d/f7d59e7241ac137c8c182d7f6c2641b0.jpg" alt="Bamper.by - Ручка наружная к Mercedes 814, 1995 г. - 3" title="Bamper.by - Ручка наружная к Mercedes 814, 1995 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                73 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~25 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2028 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_ruchka-naruzhnaya/203258-108946461/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Ручка наружная</span>
                            <span>к Mercedes 814, 1995 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108946461</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 16:33; Изменено: 26.04.2023 в 16:33:39">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Ручка наружная</b>  к Mercedes 814, 1995 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Петля капота к Mercedes 814, 1995 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <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>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Петля капота к Mercedes 814, 1995 г. - 1" title="Bamper.by - Петля капота к Mercedes 814, 1995 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Петля капота к Mercedes 814, 1995 г. - 2" title="Bamper.by - Петля капота к Mercedes 814, 1995 г. - 2" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                118 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~40 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~3278 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_petlya-kapota/203258-108946437/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Петля капота</span>
                            <span>к Mercedes 814, 1995 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108946437</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 16:30; Изменено: 26.04.2023 в 16:30:34">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Петля капота</b>  к Mercedes 814, 1995 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Мост задний к Mercedes 811 turbo, 1994 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/747/74770e2b311a7b7b3b900b3612a4a1af.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="/upload/lk/7ac/7acf691835fd2b4ac1fc2e8af372ff07.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="/upload/lk/eed/eed361765e289c60975f653e57794db7.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/747/74770e2b311a7b7b3b900b3612a4a1af.jpg" alt="Bamper.by - Мост задний к Mercedes 811 turbo, 1994 г. - 1" title="Bamper.by - Мост задний к Mercedes 811 turbo, 1994 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/7ac/7acf691835fd2b4ac1fc2e8af372ff07.jpg" alt="Bamper.by - Мост задний к Mercedes 811 turbo, 1994 г. - 2" title="Bamper.by - Мост задний к Mercedes 811 turbo, 1994 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/eed/eed361765e289c60975f653e57794db7.jpg" alt="Bamper.by - Мост задний к Mercedes 811 turbo, 1994 г. - 3" title="Bamper.by - Мост задний к Mercedes 811 turbo, 1994 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                4 405 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~1499 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~132 150 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_most-zadniy/36608-108945377/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Мост задний</span>
                            <span>к Mercedes 811, 1994 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">4 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>108945377</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            3813 - передаточное, запчасть из Германии, оригинал, в отличном состоянии, гарантия.                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 6703530210, 3813 </span>
                            </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 14:13; Изменено: 26.04.2023 в 14:17:01">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Мост задний</b>  к Mercedes 811 turbo, 1994 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                    <span class="text-neutral-500">•</span>
                                    <svg class="w-5 h-5 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#truck"></use>
                                    </svg>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="КПП механическая (МКПП) 5-ступенчатая к Mercedes 811, 1994 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/930/9303cbf6cdc739ce220f6b60269b01a9.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="/upload/lk/038/038a553a03b6ed5ef057dcda36bf2624.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="/upload/lk/29f/29f1978b1151a17f07492ff8cb838fc9.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="3">
                                            <img class="w-full h-full object-contain" src="/upload/lk/00f/00f5fa222365cc03f5f179d34f7ea007.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <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>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/930/9303cbf6cdc739ce220f6b60269b01a9.jpg" alt="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 811, 1994 г. - 1" title="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 811, 1994 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/038/038a553a03b6ed5ef057dcda36bf2624.jpg" alt="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 811, 1994 г. - 2" title="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 811, 1994 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/29f/29f1978b1151a17f07492ff8cb838fc9.jpg" alt="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 811, 1994 г. - 3" title="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 811, 1994 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/00f/00f5fa222365cc03f5f179d34f7ea007.jpg" alt="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 811, 1994 г. - 4" title="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 811, 1994 г. - 4" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                1 467 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~499 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~44 010 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_kpp-mekhanicheskaya-mkpp-5-stupenchataya/36608-108945352/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">КПП механическая (МКПП) 5-ступенчатая</span>
                            <span>к Mercedes 811, 1994 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">4 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>108945352</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            средняя база, примерно260см. запчасть из Германии, оригинал, в отличном состоянии, гарантия.                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 6752610301 </span>
                            </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 14:09; Изменено: 26.04.2023 в 14:09:40">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>КПП механическая (МКПП) 5-ступенчатая</b>  к Mercedes 811, 1994 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                    <span class="text-neutral-500">•</span>
                                    <svg class="w-5 h-5 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#truck"></use>
                                    </svg>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Фильтр топливный к Mercedes T2, 1988 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                    <span class="px-1 pb-0.75 py-px rounded-sm bg-pink-500 text-xs text-white font-medium">
                                Новая
                            </span>
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/03c/03ca0987c59e3c931c97020f0709aa2a.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <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>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/03c/03ca0987c59e3c931c97020f0709aa2a.jpg" alt="Bamper.by - Фильтр топливный к Mercedes T2, 1988 г. - 1" title="Bamper.by - Фильтр топливный к Mercedes T2, 1988 г. - 1" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                20 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~7 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~556 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_filtr-toplivnyy/178860-108232320/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Фильтр топливный</span>
                            <span>к Mercedes T2, 1988 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108232320</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> ff146, P550060, 50013028, PM8131 </span>
                            </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 11:50; Изменено: 11.04.2023 в 14:40:41">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Фильтр топливный</b>  к Mercedes T2, 1988 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                    <span class="text-neutral-500">•</span>
                                    <svg class="w-5 h-5 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#truck"></use>
                                    </svg>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Датчик заднего хода (лягушка) к Mercedes 814, 1994 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/5e8/5e8e20d67631e3b1bb05d4004691e7b9.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <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>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/5e8/5e8e20d67631e3b1bb05d4004691e7b9.jpg" alt="Bamper.by - Датчик заднего хода (лягушка) к Mercedes 814, 1994 г. - 1" title="Bamper.by - Датчик заднего хода (лягушка) к Mercedes 814, 1994 г. - 1" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                72 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~25 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2 448 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_datchik-zadnego-khoda-lyagushka/119971-108698528/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Датчик заднего хода (лягушка)</span>
                            <span>к Mercedes 814, 1994 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">6 л., </span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>108698528</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                                                                                </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> A0015452809 </span>
                            </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:18; Изменено: 22.04.2023 в 12:07:40">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Датчик заднего хода (лягушка)</b>  к Mercedes 814, 1994 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Датчик заднего хода (лягушка) к Mercedes 809, 1994 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/5e8/904a4dda8a096597a19835c9958fad5e.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <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>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/5e8/904a4dda8a096597a19835c9958fad5e.jpg" alt="Bamper.by - Датчик заднего хода (лягушка) к Mercedes 809, 1994 г. - 1" title="Bamper.by - Датчик заднего хода (лягушка) к Mercedes 809, 1994 г. - 1" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                72 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~25 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2 448 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_datchik-zadnego-khoda-lyagushka/119971-108698528_1/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Датчик заднего хода (лягушка)</span>
                            <span>к Mercedes 809, 1994 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">6 л., </span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>108698528_1</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                                                                                </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> A0015452809 </span>
                            </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:18; Изменено: 22.04.2023 в 12:07:40">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Датчик заднего хода (лягушка)</b>  к Mercedes 809, 1994 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Балка подвески передняя (подрамник) к Mercedes 814, 1995 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Балка подвески передняя (подрамник) к Mercedes 814, 1995 г. - 1" title="Bamper.by - Балка подвески передняя (подрамник) к Mercedes 814, 1995 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Балка подвески передняя (подрамник) к Mercedes 814, 1995 г. - 2" title="Bamper.by - Балка подвески передняя (подрамник) к Mercedes 814, 1995 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Балка подвески передняя (подрамник) к Mercedes 814, 1995 г. - 3" title="Bamper.by - Балка подвески передняя (подрамник) к Mercedes 814, 1995 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                294 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~100 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~9 408 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_balka-podveski-perednyaya-podramnik/71-814-4/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Балка подвески передняя (подрамник)</span>
                            <span>к Mercedes 814, 1995 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">4.2 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>814-4</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            Из Голландии.Голая.                                                     </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:17; Изменено: 06.06.2022 в 12:44:50">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Балка подвески передняя (подрамник)</b>  к Mercedes 814, 1995 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                    <span class="text-neutral-500">•</span>
                                    <svg class="w-5 h-5 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#truck"></use>
                                    </svg>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Карданный вал к Mercedes 814, 1998 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Карданный вал к Mercedes 814, 1998 г. - 1" title="Bamper.by - Карданный вал к Mercedes 814, 1998 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Карданный вал к Mercedes 814, 1998 г. - 2" title="Bamper.by - Карданный вал к Mercedes 814, 1998 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Карданный вал к Mercedes 814, 1998 г. - 3" title="Bamper.by - Карданный вал к Mercedes 814, 1998 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                294 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~100 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~9 408 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_kardannyy-val/71-814-ka/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Карданный вал</span>
                            <span>к Mercedes 814, 1998 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">4.2 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>814-ka</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                                                                                </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:17; Изменено: 06.06.2022 в 12:29:00">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Карданный вал</b>  к Mercedes 814, 1998 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                    <span class="text-neutral-500">•</span>
                                    <svg class="w-5 h-5 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#truck"></use>
                                    </svg>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Диффузор вентилятора к Mercedes 814, 1998 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <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>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Диффузор вентилятора к Mercedes 814, 1998 г. - 1" title="Bamper.by - Диффузор вентилятора к Mercedes 814, 1998 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Диффузор вентилятора к Mercedes 814, 1998 г. - 2" title="Bamper.by - Диффузор вентилятора к Mercedes 814, 1998 г. - 2" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                44 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~15 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1 408 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_diffuzor-ventilyatora/71-81454/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Диффузор вентилятора</span>
                            <span>к Mercedes 814, 1998 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">4.2 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>81454</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                                                                                </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:17; Изменено: 06.06.2022 в 12:29:28">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Диффузор вентилятора</b>  к Mercedes 814, 1998 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                    <span class="text-neutral-500">•</span>
                                    <svg class="w-5 h-5 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#truck"></use>
                                    </svg>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Турбина к Mercedes 814, 1997 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Турбина к Mercedes 814, 1997 г. - 1" title="Bamper.by - Турбина к Mercedes 814, 1997 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Турбина к Mercedes 814, 1997 г. - 2" title="Bamper.by - Турбина к Mercedes 814, 1997 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Турбина к Mercedes 814, 1997 г. - 3" title="Bamper.by - Турбина к Mercedes 814, 1997 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                450 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~153 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~12501 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_turbina/14088-21341954/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Турбина</span>
                            <span>к Mercedes 814, 1997 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">4.2 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>21341954</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                                                                                </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:15; Изменено: 08.11.2021 в 10:06:38">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Турбина</b>  к Mercedes 814, 1997 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Вакуумный усилитель тормозов к Mercedes 814, 1994 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <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>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Вакуумный усилитель тормозов к Mercedes 814, 1994 г. - 1" title="Bamper.by - Вакуумный усилитель тормозов к Mercedes 814, 1994 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Вакуумный усилитель тормозов к Mercedes 814, 1994 г. - 2" title="Bamper.by - Вакуумный усилитель тормозов к Mercedes 814, 1994 г. - 2" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                150 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~51 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~4167 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_vakuumnyy-usilitel-tormozov/14088-21827889/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Вакуумный усилитель тормозов</span>
                            <span>к Mercedes 814, 1994 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">4 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>21827889</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                                                                                </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 0034302630 </span>
                            </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:15; Изменено: 08.11.2021 в 10:04:40">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Вакуумный усилитель тормозов</b>  к Mercedes 814, 1994 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Бак топливный к Mercedes 711, 1994 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Бак топливный к Mercedes 711, 1994 г. - 1" title="Bamper.by - Бак топливный к Mercedes 711, 1994 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Бак топливный к Mercedes 711, 1994 г. - 2" title="Bamper.by - Бак топливный к Mercedes 711, 1994 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Бак топливный к Mercedes 711, 1994 г. - 3" title="Bamper.by - Бак топливный к Mercedes 711, 1994 г. - 3" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                150 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~51 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~4167 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_bak-toplivnyy/14088-21471564/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Бак топливный</span>
                            <span>к Mercedes 711, 1994 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>21471564</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:15; Изменено: 08.11.2021 в 10:05:44">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Бак топливный</b>  к Mercedes 711, 1994 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="КПП механическая (МКПП) 5-ступенчатая к Mercedes 814 817, 1994 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="3">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <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>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 814 817, 1994 г. - 1" title="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 814 817, 1994 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 814 817, 1994 г. - 2" title="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 814 817, 1994 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 814 817, 1994 г. - 3" title="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 814 817, 1994 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 814 817, 1994 г. - 4" title="Bamper.by - КПП механическая (МКПП) 5-ступенчатая к Mercedes 814 817, 1994 г. - 4" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                1 350 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~460 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~37504 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_kpp-mekhanicheskaya-mkpp-5-stupenchataya/14088-22751830/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">КПП механическая (МКПП) 5-ступенчатая</span>
                            <span>к Mercedes 814, 1994 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">6 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>22751830</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                                                                                </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 714.085 </span>
                            </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:15; Изменено: 13.07.2022 в 13:52:45">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>КПП механическая (МКПП) 5-ступенчатая</b>  к Mercedes 814 817, 1994 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Рессора передняя к Mercedes 814, 1996 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <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>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Рессора передняя к Mercedes 814, 1996 г. - 1" title="Bamper.by - Рессора передняя к Mercedes 814, 1996 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Рессора передняя к Mercedes 814, 1996 г. - 2" title="Bamper.by - Рессора передняя к Mercedes 814, 1996 г. - 2" />
                                                                                                                        </div>
                        <div class="gallery-indicators hover-gallery-indicators">
                                                                                                <span class="gallery-indicator"></span>
                                                                                                        <span class="gallery-indicator"></span>
                                                                                                                        </div>
                    </figure>
                </a>                
                <div class="grid md:grid-cols-[1fr_auto] gap-4 lg:gap-5 xl:gap-8">
                    <div class="md:order-last md:w-37 flex md:flex-col flex-wrap items-center md:items-end gap-x-2 gap-y-1 md:gap-y-2 text-neutral-500">
                                                    <div class="md:-order-2 text-2xl lg:text-[28px]/[32px] font-bold text-black">
                                240 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~82 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~6667 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_ressora-perednyaya/14088-21489012/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Рессора передняя</span>
                            <span>к Mercedes 814, 1996 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>21489012</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 6743203802 </span>
                            </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 10:15; Изменено: 08.11.2021 в 10:05:44">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Рессора передняя</b>  к Mercedes 814, 1996 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
<div class="flex justify-center gap-2 mt-6">

            <button class="w-8 h-8 bg-neutral-100 border border-neutral-200 rounded-lg" disabled>
            <svg class="rotate-90 m-auto text-neutral-400" height="16" width="16">
                <use href="/local/templates/bamper_new/public/sprite.svg#shevron"></use>
            </svg>
        </button>
                <button class="w-8 h-8 bg-white border border-brand-500 rounded-lg font-medium text-black">1</button>            
                    <button onclick="location.href='/zchbu/marka_mercedes/model_t2/god_-/?ACTION=REWRITED3&amp;FORM_DATA=marka_mercedes%2Fmodel_t2%2Fgod_-&amp;PAGEN_1=2'" class="w-8 h-8 bg-white border border-neutral-200 rounded-lg cursor-pointer font-medium text-neutral-500 hover:border-bamper-200"><a href="/zchbu/marka_mercedes/model_t2/god_-/?ACTION=REWRITED3&amp;FORM_DATA=marka_mercedes%2Fmodel_t2%2Fgod_-&amp;PAGEN_1=2" >2</a></button>          
                    <button onclick="location.href='/zchbu/marka_mercedes/model_t2/god_-/?ACTION=REWRITED3&amp;FORM_DATA=marka_mercedes%2Fmodel_t2%2Fgod_-&amp;PAGEN_1=3'" class="w-8 h-8 bg-white border border-neutral-200 rounded-lg cursor-pointer font-medium text-neutral-500 hover:border-bamper-200"><a href="/zchbu/marka_mercedes/model_t2/god_-/?ACTION=REWRITED3&amp;FORM_DATA=marka_mercedes%2Fmodel_t2%2Fgod_-&amp;PAGEN_1=3" >3</a></button>          
                    <button onclick="location.href='/zchbu/marka_mercedes/model_t2/god_-/?ACTION=REWRITED3&amp;FORM_DATA=marka_mercedes%2Fmodel_t2%2Fgod_-&amp;PAGEN_1=4'" class="w-8 h-8 bg-white border border-neutral-200 rounded-lg cursor-pointer font-medium text-neutral-500 hover:border-bamper-200"><a href="/zchbu/marka_mercedes/model_t2/god_-/?ACTION=REWRITED3&amp;FORM_DATA=marka_mercedes%2Fmodel_t2%2Fgod_-&amp;PAGEN_1=4" >4</a></button>          
                    <button onclick="location.href='/zchbu/marka_mercedes/model_t2/god_-/?ACTION=REWRITED3&amp;FORM_DATA=marka_mercedes%2Fmodel_t2%2Fgod_-&amp;PAGEN_1=5'" class="w-8 h-8 bg-white border border-neutral-200 rounded-lg cursor-pointer font-medium text-neutral-500 hover:border-bamper-200"><a href="/zchbu/marka_mercedes/model_t2/god_-/?ACTION=REWRITED3&amp;FORM_DATA=marka_mercedes%2Fmodel_t2%2Fgod_-&amp;PAGEN_1=5" >5</a></button>          
                        <button class="w-8 h-8 bg-white border border-neutral-200 rounded-lg cursor-pointer font-medium text-neutral-500 hover:border-bamper-200">...</button>
                            <button class="w-8 h-8 bg-white border border-neutral-200 rounded-lg cursor-pointer hover:border-bamper-200">
            <a href="/zchbu/marka_mercedes/model_t2/god_-/?ACTION=REWRITED3&amp;FORM_DATA=marka_mercedes%2Fmodel_t2%2Fgod_-&amp;PAGEN_1=2">
                <svg class="rotate-270 m-auto text-neutral-500" height="16" width="16" alt="arrow">
                    <use href="/local/templates/bamper_new/public/sprite.svg#shevron"></use>
                </svg>
            </a>
        </button>
        </ul>
</div>
<div class="flex p-4 border border-blue-200 bg-blue-50 rounded-sm mt-6">
    <svg class="block w-6 h-6 shrink-0 stroke-blue-400 select-none mr-2" alt="info icon">
        <use href="/local/templates/bamper_new/public/sprite.svg#blue-info"></use>
    </svg>
    <p>
        Независимо от выбранной сортировки, объявления всегда отображаются в следующем
        порядке: сначала товары в наличии с ценой, затем — в наличии без цены, далее — под
        заказ с ценой, и в конце — под заказ без цены
    </p>
</div>    </div>
    <div class="hidden w-min grid-cols-1 xl:block xl:w-75">
        <div class="flex items-center justify-center max-w p-6 h-150 bg-blue rounded-lg border border-dashed border-blue-500 bg-blue-100">
            <button class="text-blue-500 p-2 h-10 mx-auto my-auto cursor-pointer duration-250">
                Replace me
            </button>
        </div>
    </div>
</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>
  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>