<!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="Подушка крепления двигателя к BMW 3 E21 318i, 1981 г." 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 - Подушка крепления двигателя к BMW 3 E21 318i, 1981 г. - 1" title="Bamper.by - Подушка крепления двигателя к BMW 3 E21 318i, 1981 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Подушка крепления двигателя к BMW 3 E21 318i, 1981 г. - 2" title="Bamper.by - Подушка крепления двигателя к BMW 3 E21 318i, 1981 г. - 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">
                                64 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~22 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1778 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_podushka-krepleniya-dvigatelya/24903-25967903/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Подушка крепления двигателя</span>
                            <span>к BMW 3 E21, 1981 г.</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">1.8 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>25967903</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            М10,  правая, состояние новой, оригинал                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 1245620 </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 апр в 08:27; Изменено: 12.08.2019 в 16:13:54">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Подушка крепления двигателя</b>  к BMW 3 E21 318i, 1981 г.  в Минск" 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="Подушка крепления двигателя к BMW 3 E21 316, 1981 г." 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 - Подушка крепления двигателя к BMW 3 E21 316, 1981 г. - 1" title="Bamper.by - Подушка крепления двигателя к BMW 3 E21 316, 1981 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Подушка крепления двигателя к BMW 3 E21 316, 1981 г. - 2" title="Bamper.by - Подушка крепления двигателя к BMW 3 E21 316, 1981 г. - 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">
                                64 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~22 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1778 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_podushka-krepleniya-dvigatelya/24903-25967921/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Подушка крепления двигателя</span>
                            <span>к BMW 3 E21, 1981 г.</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">1.6 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>25967921</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            М10,  состояние новой, оригинал                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 1245620 </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 апр в 08:27; Изменено: 06.07.2019 в 09:57:42">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Подушка крепления двигателя</b>  к BMW 3 E21 316, 1981 г.  в Минск" 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="Рулевая рейка к BMW 3 E21, 1982 г." 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 class="carousel-item w-full" data-index="4">
                                            <img class="w-full h-full object-contain" src="" 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" alt="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 1" title="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 2" title="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 3" title="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 4" title="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 5" title="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г." title="Bamper.by - Рулевая рейка к BMW 3 E21, 1982 г." />
                                                                                        </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">
                                256 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~87 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~7112 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_rulevaya-reyka/24903-27324769/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Рулевая рейка</span>
                            <span>к BMW 3 E21, 1982 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>27324769</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 1115346 </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 апр в 08:27; Изменено: 12.08.2019 в 15:19:29">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Рулевая рейка</b>  к BMW 3 E21, 1982 г.  в Минск" 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="Корзина сцепления к BMW 3 E21 315i, 1980 г." 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>
                        <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" alt="Bamper.by - Корзина сцепления к BMW 3 E21 315i, 1980 г. - 1" title="Bamper.by - Корзина сцепления к BMW 3 E21 315i, 1980 г. - 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">
                                54 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~18 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1500 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_korzina-stsepleniya/24903-25250732/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Корзина сцепления</span>
                            <span>к BMW 3 E21, 1980 г.</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">1.6 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>25250732</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            M10, 215 мм, отл.состояние                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 1203829 </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 апр в 08:27; Изменено: 22.01.2020 в 11:14:43">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Корзина сцепления</b>  к BMW 3 E21 315i, 1980 г.  в Минск" 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="Шкив к BMW 3 E21, 1982 г." 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>
                        <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" alt="Bamper.by - Шкив к BMW 3 E21, 1982 г. - 1" title="Bamper.by - Шкив к BMW 3 E21, 1982 г. - 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">
                                32 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~11 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~889 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_shkiv/24903-22246846/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Шкив</span>
                            <span>к BMW 3 E21, 1982 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>22246846</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 1280958 </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 апр в 08:27; Изменено: 22.01.2020 в 15:06:30">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Шкив</b>  к BMW 3 E21, 1982 г.  в Минск" 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="Шкив помпы к BMW 3 E21, 1981 г." 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>
                        <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" alt="Bamper.by - Шкив помпы к BMW 3 E21, 1981 г. - 1" title="Bamper.by - Шкив помпы к BMW 3 E21, 1981 г. - 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">
                                32 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~11 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~889 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_shkiv-pompy/24903-22246875/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Шкив помпы</span>
                            <span>к BMW 3 E21, 1981 г.</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">бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>22246875</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            с мотора М20, отличное состояние                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 1271424 </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 апр в 08:27; Изменено: 02.01.2020 в 22:59:16">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Шкив помпы</b>  к BMW 3 E21, 1981 г.  в Минск" 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="Подушка крепления двигателя к BMW 3 E21 323i, 1981 г." 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>
                        <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" alt="Bamper.by - Подушка крепления двигателя к BMW 3 E21 323i, 1981 г. - 1" title="Bamper.by - Подушка крепления двигателя к BMW 3 E21 323i, 1981 г. - 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">
                                32 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~11 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~889 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_podushka-krepleniya-dvigatelya/24903-25967862/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Подушка крепления двигателя</span>
                            <span>к BMW 3 E21, 1981 г.</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">бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>25967862</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            с мотора М20, отл.состояние, оригинал                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 1132321 </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 апр в 08:27; Изменено: 01.09.2019 в 18:35:19">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Подушка крепления двигателя</b>  к BMW 3 E21 323i, 1981 г.  в Минск" 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="Переключатель подрулевой (стрекоза) к BMW 3 E21, 1980 г." 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/photos_import/9c4/9c457127d72e925d477e9e34cc6cd8a4.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/photos_import/398/3982f3cde2d81bb2528c47a1f62a611c.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/photos_import/c50/c50904a71b76d9974f9b400b14f57a4a.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/photos_import/9c4/9c457127d72e925d477e9e34cc6cd8a4.jpg" alt="Bamper.by - Переключатель подрулевой (стрекоза) к BMW 3 E21, 1980 г. - 1" title="Bamper.by - Переключатель подрулевой (стрекоза) к BMW 3 E21, 1980 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/398/3982f3cde2d81bb2528c47a1f62a611c.jpg" alt="Bamper.by - Переключатель подрулевой (стрекоза) к BMW 3 E21, 1980 г. - 2" title="Bamper.by - Переключатель подрулевой (стрекоза) к BMW 3 E21, 1980 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/c50/c50904a71b76d9974f9b400b14f57a4a.jpg" alt="Bamper.by - Переключатель подрулевой (стрекоза) к BMW 3 E21, 1980 г. - 3" title="Bamper.by - Переключатель подрулевой (стрекоза) к BMW 3 E21, 1980 г. - 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">
                                120 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~41 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~3334 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_pereklyuchatel-podrulevoy-strekoza/1418-57523968/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Переключатель подрулевой (стрекоза)</span>
                            <span>к BMW 3 E21, 1980 г.</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">1.6 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>57523968</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            из Германии, гарантия на проверку и установку., Bmw 2002 1969год.                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 01910011, 1356294 </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 апр в 00:40; Изменено: 26.04.2023 в 00:40:08">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_pinsk/" title="<b>Переключатель подрулевой (стрекоза)</b>  к BMW 3 E21, 1980 г.  в Пинск" 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="Бампер задний к BMW 3 E21, 1982 г." 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/f4e/f4eb98da8f8c24a0d36f063de0bb73a2.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/9f0/9f00c0ec824e772e44fa19d8dbf0f35d.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>
                                                                                                                        </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/f4e/f4eb98da8f8c24a0d36f063de0bb73a2.jpg" alt="Bamper.by - Бампер задний к BMW 3 E21, 1982 г. - 1" title="Bamper.by - Бампер задний к BMW 3 E21, 1982 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/9f0/9f00c0ec824e772e44fa19d8dbf0f35d.jpg" alt="Bamper.by - Бампер задний к BMW 3 E21, 1982 г. - 2" title="Bamper.by - Бампер задний к BMW 3 E21, 1982 г. - 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">
                                700 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~238 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~19447 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_bamper-zadniy/175456-108894745/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Бампер задний</span>
                            <span>к BMW 3 E21, 1982 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108894745</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="Поднятие: 25 апр в 19:42; Изменено: 25.04.2023 в 19:42:04">25.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Бампер задний</b>  к BMW 3 E21, 1982 г.  в Минск" 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="Фара левая к BMW 3 E21, 1982 г." 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/photos_import/87f/87fc0bf438add8512f6a44459e4126c8.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/photos_import/b06/b060f379216fa5599ddfe6a8a58c7b97.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/photos_import/91c/91cc528ebec90f49c84dd8a9981bbaa9.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/photos_import/503/5032d42998db6246fc1c4856931a28c9.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/photos_import/87f/87fc0bf438add8512f6a44459e4126c8.jpg" alt="Bamper.by - Фара левая к BMW 3 E21, 1982 г. - 1" title="Bamper.by - Фара левая к BMW 3 E21, 1982 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/b06/b060f379216fa5599ddfe6a8a58c7b97.jpg" alt="Bamper.by - Фара левая к BMW 3 E21, 1982 г. - 2" title="Bamper.by - Фара левая к BMW 3 E21, 1982 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/91c/91cc528ebec90f49c84dd8a9981bbaa9.jpg" alt="Bamper.by - Фара левая к BMW 3 E21, 1982 г. - 3" title="Bamper.by - Фара левая к BMW 3 E21, 1982 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/503/5032d42998db6246fc1c4856931a28c9.jpg" alt="Bamper.by - Фара левая к BMW 3 E21, 1982 г. - 4" title="Bamper.by - Фара левая к BMW 3 E21, 1982 г. - 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">
                                90 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~31 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2500 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_fara-levaya/1418-57483523/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Фара левая</span>
                            <span>к BMW 3 E21, 1982 г.</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">1.6 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>57483523</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            из Германии, гарантия на проверку и установку.                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 1305333902 </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="Поднятие: 22 апр в 00:41; Изменено: 22.04.2023 в 00:41:22">22.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_pinsk/" title="<b>Фара левая</b>  к BMW 3 E21, 1982 г.  в Пинск" 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="Генератор к BMW 3 E21, 1982 г." 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 class="carousel-item w-full" data-index="4">
                                            <img class="w-full h-full object-contain" src="" 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" alt="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 1" title="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 2" title="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 3" title="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 4" title="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 5" title="Bamper.by - Генератор к BMW 3 E21, 1982 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Генератор к BMW 3 E21, 1982 г." title="Bamper.by - Генератор к BMW 3 E21, 1982 г." />
                                                                                        </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">
                                284 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~97 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~7890 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_generator/299-23920143/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Генератор</span>
                            <span>к BMW 3 E21, 1982 г.</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">1.6 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>23920143</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            оригинал, гарантия 6 месяцев, дополнительная скидка при принятии вашего агрегата в зачет                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 0120489045 </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="Поднятие: 20 апр в 11:24; Изменено: 22.12.2022 в 23:28:16">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Генератор</b>  к BMW 3 E21, 1982 г.  в Минск" 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="Генератор к BMW 3 E21, 1981 г." 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 class="carousel-item w-full" data-index="4">
                                            <img class="w-full h-full object-contain" src="" 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" alt="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 1" title="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 2" title="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 3" title="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 4" title="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 5" title="Bamper.by - Генератор к BMW 3 E21, 1981 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Генератор к BMW 3 E21, 1981 г." title="Bamper.by - Генератор к BMW 3 E21, 1981 г." />
                                                                                        </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">
                                284 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~97 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~7890 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_generator/299-23920155/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Генератор</span>
                            <span>к BMW 3 E21, 1981 г.</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">1.8 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>23920155</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            оригинал, гарантия 6 месяцев, дополнительная скидка при принятии вашего агрегата в зачет                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> CA121IR </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="Поднятие: 20 апр в 11:24; Изменено: 22.12.2022 в 23:28:16">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Генератор</b>  к BMW 3 E21, 1981 г.  в Минск" 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="Стартер к BMW 3 E21, 1981 г." 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 class="carousel-item w-full" data-index="4">
                                            <img class="w-full h-full object-contain" src="" 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" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 1" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 2" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 3" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 4" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 5" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г." title="Bamper.by - Стартер к BMW 3 E21, 1981 г." />
                                                                                        </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">
                                196 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~67 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~5445 &#8381;</span>
                            </div>
                                                            <div class="flex basis-full md:basis-auto md:-order-1">
                                    <span class="line-through">-4 р.</span>
                                    <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-orange-500 text-white font-medium">
                                        -45%
                                    </span>
                                </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_starter/299-30106434/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Стартер</span>
                            <span>к BMW 3 E21, 1981 г.</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">2 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>30106434</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            оригинал, гарантия 6 месяцев, дополнительная скидка при принятии вашего агрегата в зачет                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 0001311125 </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="Поднятие: 20 апр в 11:24; Изменено: 22.12.2022 в 23:28:16">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Стартер</b>  к BMW 3 E21, 1981 г.  в Минск" 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="Генератор к BMW 3 E21, 1980 г." 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 class="carousel-item w-full" data-index="4">
                                            <img class="w-full h-full object-contain" src="" 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" alt="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 1" title="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 2" title="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 3" title="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 4" title="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 5" title="Bamper.by - Генератор к BMW 3 E21, 1980 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Генератор к BMW 3 E21, 1980 г." title="Bamper.by - Генератор к BMW 3 E21, 1980 г." />
                                                                                        </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">
                                284 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~97 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~7890 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_generator/299-23920202/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Генератор</span>
                            <span>к BMW 3 E21, 1980 г.</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">2 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>23920202</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            оригинал, гарантия 6 месяцев, дополнительная скидка при принятии вашего агрегата в зачет                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 0120400554 </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="Поднятие: 20 апр в 11:24; Изменено: 22.12.2022 в 23:28:16">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Генератор</b>  к BMW 3 E21, 1980 г.  в Минск" 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="Стартер к BMW 3 E21, 1981 г." 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 class="carousel-item w-full" data-index="4">
                                            <img class="w-full h-full object-contain" src="" 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" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 1" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 2" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 3" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 4" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 5" title="Bamper.by - Стартер к BMW 3 E21, 1981 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Стартер к BMW 3 E21, 1981 г." title="Bamper.by - Стартер к BMW 3 E21, 1981 г." />
                                                                                        </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">
                                196 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~67 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~5445 &#8381;</span>
                            </div>
                                                            <div class="flex basis-full md:basis-auto md:-order-1">
                                    <span class="line-through">-4 р.</span>
                                    <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-orange-500 text-white font-medium">
                                        -45%
                                    </span>
                                </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_starter/299-30140601/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Стартер</span>
                            <span>к BMW 3 E21, 1981 г.</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">2.3 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>30140601</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            оригинал, гарантия 6 месяцев, дополнительная скидка при принятии вашего агрегата в зачет                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 0986010720 </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="Поднятие: 20 апр в 11:24; Изменено: 22.12.2022 в 23:28:16">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Стартер</b>  к BMW 3 E21, 1981 г.  в Минск" 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="Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г." 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/photos_import/4f5/4f5f1d4604242a2721b2516092907bfb.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/photos_import/4f5/4f5f1d4604242a2721b2516092907bfb.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 1" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 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">
                                66 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~22 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1834 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_aromatizator/139104-108765190/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Ароматизатор</span>
                            <span>к BMW 3 E21, 1981 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108765190</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="Поднятие: 19 апр в 00:00; Изменено: 24.04.2023 в 21:25:50">19.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Ароматизатор</b>  к BMW 3 E21 модельный ряд 1980-1983, 1981 г.  в Минск" 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="Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г." 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/photos_import/689/689a63e222c36a535511aee8069822c0.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/photos_import/6af/6af1de7e3a4c61db53f15ced4285ffd1.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/photos_import/f9a/f9a5d89b741c4c701e5acf88f388c426.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/photos_import/c85/c8507c2c626e5ce4f66e3b8a291a86ac.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/photos_import/28e/28eb32d73df76f045af7d8c90be57250.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/photos_import/689/689a63e222c36a535511aee8069822c0.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 1" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/6af/6af1de7e3a4c61db53f15ced4285ffd1.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 2" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/f9a/f9a5d89b741c4c701e5acf88f388c426.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 3" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/c85/c8507c2c626e5ce4f66e3b8a291a86ac.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 4" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/28e/28eb32d73df76f045af7d8c90be57250.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 5" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г." title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г." />
                                                                                        </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">
                                39 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~13 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1083 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_aromatizator/139104-108919825/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Ароматизатор</span>
                            <span>к BMW 3 E21, 1981 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108919825</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="Поднятие: 19 апр в 00:00; Изменено: 25.04.2023 в 22:18:23">19.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Ароматизатор</b>  к BMW 3 E21 модельный ряд 1980-1983, 1981 г.  в Минск" 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="Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г." 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/photos_import/e60/e6048b0e026063387279b658684a9429.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/photos_import/238/238015dfbf1dfea42d556aeffbe7dc2d.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/photos_import/92c/92c631fab656c5e7d656bfb6c3aca99a.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/photos_import/a49/a49ac6432471b0508b5bc875714190e1.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/photos_import/e60/e6048b0e026063387279b658684a9429.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 1" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/238/238015dfbf1dfea42d556aeffbe7dc2d.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 2" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/92c/92c631fab656c5e7d656bfb6c3aca99a.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 3" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/a49/a49ac6432471b0508b5bc875714190e1.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 4" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 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">
                                66 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~22 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1834 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_aromatizator/139104-108827156/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Ароматизатор</span>
                            <span>к BMW 3 E21, 1981 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108827156</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="Поднятие: 19 апр в 00:00; Изменено: 25.04.2023 в 09:39:23">19.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Ароматизатор</b>  к BMW 3 E21 модельный ряд 1980-1983, 1981 г.  в Минск" 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="Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г." 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/photos_import/701/701fbc356b6641b69d6c2e9f5528715b.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/photos_import/681/68166af9b5061a330bcc22a70126746e.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/photos_import/58c/58cd478429420d46ebeae8533e04d7fa.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/photos_import/701/701fbc356b6641b69d6c2e9f5528715b.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 1" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/681/68166af9b5061a330bcc22a70126746e.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 2" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/58c/58cd478429420d46ebeae8533e04d7fa.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 3" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 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">
                                66 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~22 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1834 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_aromatizator/139104-108773165/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Ароматизатор</span>
                            <span>к BMW 3 E21, 1981 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108773165</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="Поднятие: 19 апр в 00:00; Изменено: 24.04.2023 в 22:11:54">19.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Ароматизатор</b>  к BMW 3 E21 модельный ряд 1980-1983, 1981 г.  в Минск" 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="Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г." 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/photos_import/7d5/7d5c57e4eaa5d7163374b9d3272f8ab9.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/photos_import/933/9331c48dac8ce632d18a4b59395e4ea1.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/photos_import/e96/e9617ee8916244046c3d20c67743717c.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/photos_import/91e/91ea0e7bf0709e8fd9467d0dcdb2e766.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/photos_import/7d5/7d5c57e4eaa5d7163374b9d3272f8ab9.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 1" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/933/9331c48dac8ce632d18a4b59395e4ea1.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 2" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/e96/e9617ee8916244046c3d20c67743717c.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 3" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/91e/91ea0e7bf0709e8fd9467d0dcdb2e766.jpg" alt="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 4" title="Bamper.by - Ароматизатор к BMW 3 E21 модельный ряд 1980-1983, 1981 г. - 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">
                                93 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~32 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2584 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_aromatizator/139104-108879420/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Ароматизатор</span>
                            <span>к BMW 3 E21, 1981 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108879420</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="Поднятие: 19 апр в 00:00; Изменено: 25.04.2023 в 14:56:06">19.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Ароматизатор</b>  к BMW 3 E21 модельный ряд 1980-1983, 1981 г.  в Минск" 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>
<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_bmw/model_3e21/god_1980-1983/?ACTION=REWRITED3&amp;FORM_DATA=marka_bmw%2Fmodel_3e21%2Fgod_1980-1983&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_bmw/model_3e21/god_1980-1983/?ACTION=REWRITED3&amp;FORM_DATA=marka_bmw%2Fmodel_3e21%2Fgod_1980-1983&amp;PAGEN_1=2" >2</a></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_bmw/model_3e21/god_1980-1983/?ACTION=REWRITED3&amp;FORM_DATA=marka_bmw%2Fmodel_3e21%2Fgod_1980-1983&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>