<!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="Панель передняя салона (торпедо) к Subaru Legacy, 2018 г." 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/449/4494876e5abe042249de8af36e88f4e2.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/449/4494876e5abe042249de8af36e88f4e2.jpg" alt="Bamper.by - Панель передняя салона (торпедо) к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Панель передняя салона (торпедо) к Subaru Legacy, 2018 г. - 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">
                                цена не указана
                            </div>
                                            </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_panel-perednyaya-salona-torpedo/30-7890646/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Панель передняя салона (торпедо)</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>7890646</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                              царапины, Фото не актуально, с запчасти отделены: Щиток приборов (приборная панель), Магнитола, Дефлектор обдува салона, Дефлект...                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 66519AL00AVH </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="Поднятие: 23 апр в 02:22; Изменено: 24.04.2023 в 02:21:33">23.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Панель передняя салона (торпедо)</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Кнопка открытия багажника к Subaru Legacy, 2018 г." 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/449/4494876e5abe042249de8af36e88f4e2.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/449/4494876e5abe042249de8af36e88f4e2.jpg" alt="Bamper.by - Кнопка открытия багажника к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Кнопка открытия багажника к Subaru Legacy, 2018 г. - 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">
                                91 р.
                            </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> ~2528 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_knopka-otkrytiya-bagazhnika/30-10688693/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Кнопка открытия багажника</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>10688693</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                              , блок кнопок                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 83002AL05B </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="Поднятие: 23 апр в 01:57; Изменено: 23.04.2023 в 01:57:57">23.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Кнопка открытия багажника</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Наконечник рулевой к Subaru Legacy 6, 2018 г." 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/8b7/8b792a51a80095ea155db00ac841123e.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/f69/f6952da611be65ac5399622d22671fe7.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/photos_import/8b7/8b792a51a80095ea155db00ac841123e.jpg" alt="Bamper.by - Наконечник рулевой к Subaru Legacy 6, 2018 г. - 1" title="Bamper.by - Наконечник рулевой к Subaru Legacy 6, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/f69/f6952da611be65ac5399622d22671fe7.jpg" alt="Bamper.by - Наконечник рулевой к Subaru Legacy 6, 2018 г. - 2" title="Bamper.by - Наконечник рулевой к Subaru Legacy 6, 2018 г. - 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">
                                105 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~36 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~3 360 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_nakonechnik-rulevoy/30158-B57488344_2/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Наконечник рулевой</span>
                            <span>к Subaru Legacy, 2018 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>B57488344_2</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="Поднятие: 22 апр в 03:41; Изменено: 22.04.2023 в 03:41:06">22.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Наконечник рулевой</b>  к Subaru Legacy 6, 2018 г.  в Минск" 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="Тяга рулевая к Subaru Legacy 6, 2017 г." 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/8b7/8b792a51a80095ea155db00ac841123e.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/f69/f6952da611be65ac5399622d22671fe7.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/photos_import/8b7/8b792a51a80095ea155db00ac841123e.jpg" alt="Bamper.by - Тяга рулевая к Subaru Legacy 6, 2017 г. - 1" title="Bamper.by - Тяга рулевая к Subaru Legacy 6, 2017 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/f69/f6952da611be65ac5399622d22671fe7.jpg" alt="Bamper.by - Тяга рулевая к Subaru Legacy 6, 2017 г. - 2" title="Bamper.by - Тяга рулевая к Subaru Legacy 6, 2017 г. - 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">
                                105 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~36 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~3 360 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_tyaga-rulevaya/30158-B57488344_3/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Тяга рулевая</span>
                            <span>к Subaru Legacy, 2017 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>B57488344_3</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="Поднятие: 22 апр в 03:41; Изменено: 22.04.2023 в 03:41:06">22.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Тяга рулевая</b>  к Subaru Legacy 6, 2017 г.  в Минск" 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="Радиатор (основной) к Subaru Legacy, 2017 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                    <span class="px-1 pb-0.75 py-px rounded-sm bg-pink-500 text-xs text-white font-medium">
                                Новая
                            </span>
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/ab8/ab8e7581c29076c6f63e722efdce184a.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/7d8/7d8a0a12df98a0b54e825fa7f2d2b4e5.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="/upload/lk/987/987df2d6c2160766ac8d7dee86d404c6.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="3">
                                            <img class="w-full h-full object-contain" src="/upload/lk/43b/43ba68d378d9eea809b58d7290ecd7ba.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="4">
                                            <img class="w-full h-full object-contain" src="/upload/lk/5f4/5f49905655e8721ecb7245377e724775.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                    <div class="carousel-item w-full">
                                                <img
                                                    class="w-full h-full object-contain"
                                                    src="/local/templates/bamper_new/public/images/more-photo.jpg"
                                                    alt="Смотреть больше фотографий - " />
                                            </div>
                                                                                                                            </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                            <span class="h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/ab8/ab8e7581c29076c6f63e722efdce184a.jpg" alt="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 1" title="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/7d8/7d8a0a12df98a0b54e825fa7f2d2b4e5.jpg" alt="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 2" title="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/987/987df2d6c2160766ac8d7dee86d404c6.jpg" alt="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 3" title="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/43b/43ba68d378d9eea809b58d7290ecd7ba.jpg" alt="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 4" title="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/5f4/5f49905655e8721ecb7245377e724775.jpg" alt="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 5" title="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г." title="Bamper.by - Радиатор (основной) к Subaru Legacy, 2017 г." />
                                                                                        </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">
                                384 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~131 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~10668 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_radiator-osnovnoy/24443-107537382/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Радиатор (основной)</span>
                            <span>к Subaru Legacy, 2017 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>107537382</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 45111AL04A, SU3010662, 45119AL060, 45111AL03A, 45100AL01B </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="Поднятие: 21 апр в 10:06; Изменено: 04.04.2023 в 11:40:38">21.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Радиатор (основной)</b>  к Subaru Legacy, 2017 г.  в Минск" 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="Ручка кулисы КПП к Subaru Legacy 6, 2017 г." 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/f82/f82be322cb9cae2518800c0cbc4e4d90.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/b72/b72004de3a6dc596c44c63e199ee72d3.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/7c4/7c48acfa067439ca5275a73e5bca4e61.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/e7b/e7b9643a3fa8c505bed03bb643a816a0.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/2cd/2cdd1fc3b6c161a7feb7ac185d397f1f.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/f82/f82be322cb9cae2518800c0cbc4e4d90.jpg" alt="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 1" title="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/b72/b72004de3a6dc596c44c63e199ee72d3.jpg" alt="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 2" title="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/7c4/7c48acfa067439ca5275a73e5bca4e61.jpg" alt="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 3" title="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/e7b/e7b9643a3fa8c505bed03bb643a816a0.jpg" alt="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 4" title="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/2cd/2cdd1fc3b6c161a7feb7ac185d397f1f.jpg" alt="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 5" title="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г." title="Bamper.by - Ручка кулисы КПП к Subaru Legacy 6, 2017 г." />
                                                                                        </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">
                                150 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~51 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~4 800 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_ruchka-kulisy-kpp/30158-BMG57476582_2/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Ручка кулисы КПП</span>
                            <span>к Subaru Legacy, 2017 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>BMG57476582_2</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> EKR8 </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="Поднятие: 21 апр в 03:40; Изменено: 21.04.2023 в 03:40:54">21.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Ручка кулисы КПП</b>  к Subaru Legacy 6, 2017 г.  в Минск" 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="Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г." 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/f82/f82be322cb9cae2518800c0cbc4e4d90.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/b72/b72004de3a6dc596c44c63e199ee72d3.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/7c4/7c48acfa067439ca5275a73e5bca4e61.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/e7b/e7b9643a3fa8c505bed03bb643a816a0.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/2cd/2cdd1fc3b6c161a7feb7ac185d397f1f.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/f82/f82be322cb9cae2518800c0cbc4e4d90.jpg" alt="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 1" title="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/b72/b72004de3a6dc596c44c63e199ee72d3.jpg" alt="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 2" title="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/7c4/7c48acfa067439ca5275a73e5bca4e61.jpg" alt="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 3" title="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/e7b/e7b9643a3fa8c505bed03bb643a816a0.jpg" alt="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 4" title="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/2cd/2cdd1fc3b6c161a7feb7ac185d397f1f.jpg" alt="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 5" title="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г." title="Bamper.by - Кнопка ручного тормоза (ручника) к Subaru Legacy 6, 2017 г." />
                                                                                        </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">
                                150 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~51 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~4 800 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_knopka-ruchnogo-tormoza-ruchnika/30158-BMG57476582_3/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Кнопка ручного тормоза (ручника)</span>
                            <span>к Subaru Legacy, 2017 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>BMG57476582_3</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> EKR8 </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="Поднятие: 21 апр в 03:40; Изменено: 21.04.2023 в 03:40:54">21.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Кнопка ручного тормоза (ручника)</b>  к Subaru Legacy 6, 2017 г.  в Минск" 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="Магнитола к Subaru Legacy, 2018 г." 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/bb5/bb52459dc0abee83448f17e72f5f3f4b.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/911/9112dd0ddbc41c50665ea687faef6239.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/544/544cf50610c8a068c78b1721c91859f6.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/e4b/e4b158cf8c88fd3f6058d7c51af348e3.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/1c2/1c2557375be9c0df33db03a04b05f4f2.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/bb5/bb52459dc0abee83448f17e72f5f3f4b.jpg" alt="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/911/9112dd0ddbc41c50665ea687faef6239.jpg" alt="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 2" title="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/544/544cf50610c8a068c78b1721c91859f6.jpg" alt="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 3" title="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/e4b/e4b158cf8c88fd3f6058d7c51af348e3.jpg" alt="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 4" title="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/1c2/1c2557375be9c0df33db03a04b05f4f2.jpg" alt="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 5" title="Bamper.by - Магнитола к Subaru Legacy, 2018 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Магнитола к Subaru Legacy, 2018 г." title="Bamper.by - Магнитола к Subaru Legacy, 2018 г." />
                                                                                        </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">
                                1 316 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~448 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~36560 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_magnitola/77228-8090406/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Магнитола</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8090406</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                             Магнитола.  царапины, царапины, , FB25                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 86431AL65A </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 апр в 14:16; Изменено: 15.04.2023 в 06:16:00">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Магнитола</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Подушка безопасности пассажира к Subaru Legacy, 2018 г." 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/ba1/ba14deeee5eb3a64e20bfb86953e8c19.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/212/212ca5c6882b758c47985685865057a5.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/834/8342c39fd5a8a4a31c5e54b9f759d82e.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/e29/e29c0a024b6f28504f63e44d6f06a8d1.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/ba1/ba14deeee5eb3a64e20bfb86953e8c19.jpg" alt="Bamper.by - Подушка безопасности пассажира к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Подушка безопасности пассажира к Subaru Legacy, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/212/212ca5c6882b758c47985685865057a5.jpg" alt="Bamper.by - Подушка безопасности пассажира к Subaru Legacy, 2018 г. - 2" title="Bamper.by - Подушка безопасности пассажира к Subaru Legacy, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/834/8342c39fd5a8a4a31c5e54b9f759d82e.jpg" alt="Bamper.by - Подушка безопасности пассажира к Subaru Legacy, 2018 г. - 3" title="Bamper.by - Подушка безопасности пассажира к Subaru Legacy, 2018 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/e29/e29c0a024b6f28504f63e44d6f06a8d1.jpg" alt="Bamper.by - Подушка безопасности пассажира к Subaru Legacy, 2018 г. - 4" title="Bamper.by - Подушка безопасности пассажира к Subaru Legacy, 2018 г. - 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">
                                392 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~133 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~10890 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_podushka-bezopasnosti-passazhira/77228-8090424/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Подушка безопасности пассажира</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8090424</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                             Подушка безопасности переднего пассажира.  , , FB25                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 98271AL03A </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 апр в 14:16; Изменено: 15.04.2023 в 06:17:01">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Подушка безопасности пассажира</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Блок управления бесключевым доступом к Subaru Legacy, 2018 г." 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/b8d/b8d8047be682b52fa46f7a27616de7b4.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/2be/2be5cdd7378de8083016e8ee95ee0cc5.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/dcc/dcce0dcf877325ad40c202eaa3b036a4.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/b8d/b8d8047be682b52fa46f7a27616de7b4.jpg" alt="Bamper.by - Блок управления бесключевым доступом к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Блок управления бесключевым доступом к Subaru Legacy, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/2be/2be5cdd7378de8083016e8ee95ee0cc5.jpg" alt="Bamper.by - Блок управления бесключевым доступом к Subaru Legacy, 2018 г. - 2" title="Bamper.by - Блок управления бесключевым доступом к Subaru Legacy, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/dcc/dcce0dcf877325ad40c202eaa3b036a4.jpg" alt="Bamper.by - Блок управления бесключевым доступом к Subaru Legacy, 2018 г. - 3" title="Bamper.by - Блок управления бесключевым доступом к Subaru Legacy, 2018 г. - 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">
                                42 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~14 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1167 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_blok-upravleniya-besklyuchevym-dostupom/30-7847095/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Блок управления бесключевым доступом</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>7847095</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                              ,                                                     </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 10r049130 </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 апр в 14:15; Изменено: 15.04.2023 в 01:26:25">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Блок управления бесключевым доступом</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Щиток приборов (приборная панель) к Subaru Legacy, 2018 г." 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/bdf/bdff1806524a203b60739c860fcbae56.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/4c9/4c970ee839a4ead9e9f463bdb86ec107.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/ccc/ccc7e30cd5ac040ab25d260239615249.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/55c/55cf937bf60985e78824b396917fc879.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/bdf/bdff1806524a203b60739c860fcbae56.jpg" alt="Bamper.by - Щиток приборов (приборная панель) к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Щиток приборов (приборная панель) к Subaru Legacy, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/4c9/4c970ee839a4ead9e9f463bdb86ec107.jpg" alt="Bamper.by - Щиток приборов (приборная панель) к Subaru Legacy, 2018 г. - 2" title="Bamper.by - Щиток приборов (приборная панель) к Subaru Legacy, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/ccc/ccc7e30cd5ac040ab25d260239615249.jpg" alt="Bamper.by - Щиток приборов (приборная панель) к Subaru Legacy, 2018 г. - 3" title="Bamper.by - Щиток приборов (приборная панель) к Subaru Legacy, 2018 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/55c/55cf937bf60985e78824b396917fc879.jpg" alt="Bamper.by - Щиток приборов (приборная панель) к Subaru Legacy, 2018 г. - 4" title="Bamper.by - Щиток приборов (приборная панель) к Subaru Legacy, 2018 г. - 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">
                                140 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~48 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~3889 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_shchitok-priborov-pribornaya-panel/30-8090403/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Щиток приборов (приборная панель)</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8090403</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                              дефект креплений, царапины, дефект креплений, царапины,                                                     </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> A2C11382101 </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 апр в 14:15; Изменено: 15.04.2023 в 03:31:25">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Щиток приборов (приборная панель)</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Суппорт задний левый к Subaru Legacy, 2018 г." 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/54b/54b8e8ba4238a0b57428e63e444ab341.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/ca9/ca9605fb34162095305c1a30dcf32925.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/f86/f86b6e163bd6a00a4a868e6ebf409d28.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/54b/54b8e8ba4238a0b57428e63e444ab341.jpg" alt="Bamper.by - Суппорт задний левый к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Суппорт задний левый к Subaru Legacy, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/ca9/ca9605fb34162095305c1a30dcf32925.jpg" alt="Bamper.by - Суппорт задний левый к Subaru Legacy, 2018 г. - 2" title="Bamper.by - Суппорт задний левый к Subaru Legacy, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/f86/f86b6e163bd6a00a4a868e6ebf409d28.jpg" alt="Bamper.by - Суппорт задний левый к Subaru Legacy, 2018 г. - 3" title="Bamper.by - Суппорт задний левый к Subaru Legacy, 2018 г. - 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">
                                154 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~52 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~4278 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-zadniy-levyy/30-7845022/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт задний левый</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>7845022</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                              ,                                                     </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 26634AL03B, 26669AL010 </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 апр в 14:15; Изменено: 23.04.2023 в 03:08:55">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт задний левый</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Динамик к Subaru Legacy, 2018 г." 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/8f6/8f6598ada3502024ccfee7dd324dc726.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/9eb/9ebb7faf71989d7a03eae702db81c3b3.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/25d/25d4899dcf68d16f87197db06c564cd8.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/8f6/8f6598ada3502024ccfee7dd324dc726.jpg" alt="Bamper.by - Динамик к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Динамик к Subaru Legacy, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/9eb/9ebb7faf71989d7a03eae702db81c3b3.jpg" alt="Bamper.by - Динамик к Subaru Legacy, 2018 г. - 2" title="Bamper.by - Динамик к Subaru Legacy, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/25d/25d4899dcf68d16f87197db06c564cd8.jpg" alt="Bamper.by - Динамик к Subaru Legacy, 2018 г. - 3" title="Bamper.by - Динамик к Subaru Legacy, 2018 г. - 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">
                                112 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~38 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~3111 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_dinamik/30-8090426/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Динамик</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8090426</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                              , 2шт                                                    </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 86301AL62A </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 апр в 14:15; Изменено: 15.04.2023 в 01:41:18">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Динамик</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Дефлектор обдува салона к Subaru Legacy, 2018 г." 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/2dd/2dd9d80a8434b1815bbc284166fe951d.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/dac/daccc3fa3689509cb94081f869b1da24.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/826/82671d136ad616edb4ddb8774107ae54.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/2dd/2dd9d80a8434b1815bbc284166fe951d.jpg" alt="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/dac/daccc3fa3689509cb94081f869b1da24.jpg" alt="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 2" title="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/826/82671d136ad616edb4ddb8774107ae54.jpg" alt="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 3" title="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 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">
                                56 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~19 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1556 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_deflektor-obduva-salona/30-8090415/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Дефлектор обдува салона</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8090415</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                              ,                                                     </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 66110AL01A </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 апр в 14:15; Изменено: 15.04.2023 в 01:40:45">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Дефлектор обдува салона</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Дефлектор обдува салона к Subaru Legacy, 2018 г." 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/a57/a579d0343a1896def12e9e82c1dfa1ad.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/883/8832d4fda7f07b3eaf90feccfea385d2.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/27d/27d42743a4c9d939624589ab502a64d3.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/a57/a579d0343a1896def12e9e82c1dfa1ad.jpg" alt="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 1" title="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/883/8832d4fda7f07b3eaf90feccfea385d2.jpg" alt="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 2" title="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/27d/27d42743a4c9d939624589ab502a64d3.jpg" alt="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 3" title="Bamper.by - Дефлектор обдува салона к Subaru Legacy, 2018 г. - 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">
                                56 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~19 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1556 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_deflektor-obduva-salona/30-8090410/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Дефлектор обдува салона</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8090410</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                              ,                                                     </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> 66110AL02A </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 апр в 14:15; Изменено: 15.04.2023 в 01:40:45">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Дефлектор обдува салона</b>  к Subaru Legacy, 2018 г.  в Минск" 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="Уплотнитель к Subaru Legacy 6, 2018 г." 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/d88/d88345961df6b3e1827bf1cbfed1628b.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/fda/fdaf9abd2728d2f792bc4eb74fdaaa1a.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/photos_import/d88/d88345961df6b3e1827bf1cbfed1628b.jpg" alt="Bamper.by - Уплотнитель к Subaru Legacy 6, 2018 г. - 1" title="Bamper.by - Уплотнитель к Subaru Legacy 6, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/fda/fdaf9abd2728d2f792bc4eb74fdaaa1a.jpg" alt="Bamper.by - Уплотнитель к Subaru Legacy 6, 2018 г. - 2" title="Bamper.by - Уплотнитель к Subaru Legacy 6, 2018 г. - 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">
                                75 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~26 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2 400 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_uplotnitel/30158-B57450687_2/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Уплотнитель</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., </span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>B57450687_2</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="Поднятие: 20 апр в 03:41; Изменено: 20.04.2023 в 03:41:20">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Уплотнитель</b>  к Subaru Legacy 6, 2018 г.  в Минск" 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="Уплотнитель капота к Subaru Legacy 6, 2018 г." 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/d88/d88345961df6b3e1827bf1cbfed1628b.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/fda/fdaf9abd2728d2f792bc4eb74fdaaa1a.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/photos_import/d88/d88345961df6b3e1827bf1cbfed1628b.jpg" alt="Bamper.by - Уплотнитель капота к Subaru Legacy 6, 2018 г. - 1" title="Bamper.by - Уплотнитель капота к Subaru Legacy 6, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/fda/fdaf9abd2728d2f792bc4eb74fdaaa1a.jpg" alt="Bamper.by - Уплотнитель капота к Subaru Legacy 6, 2018 г. - 2" title="Bamper.by - Уплотнитель капота к Subaru Legacy 6, 2018 г. - 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">
                                75 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~26 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2 400 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_uplotnitel-kapota/30158-B57450687_3/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Уплотнитель капота</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., </span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>B57450687_3</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="Поднятие: 20 апр в 03:41; Изменено: 20.04.2023 в 03:41:20">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Уплотнитель капота</b>  к Subaru Legacy 6, 2018 г.  в Минск" 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="Кронштейн крепления бампера переднего к Subaru Legacy 6, 2018 г." 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/d88/d88345961df6b3e1827bf1cbfed1628b.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/fda/fdaf9abd2728d2f792bc4eb74fdaaa1a.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/photos_import/d88/d88345961df6b3e1827bf1cbfed1628b.jpg" alt="Bamper.by - Кронштейн крепления бампера переднего к Subaru Legacy 6, 2018 г. - 1" title="Bamper.by - Кронштейн крепления бампера переднего к Subaru Legacy 6, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/fda/fdaf9abd2728d2f792bc4eb74fdaaa1a.jpg" alt="Bamper.by - Кронштейн крепления бампера переднего к Subaru Legacy 6, 2018 г. - 2" title="Bamper.by - Кронштейн крепления бампера переднего к Subaru Legacy 6, 2018 г. - 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">
                                75 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~26 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2 400 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_kronshteyn-perednego-bampera/30158-B57450687_4/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Кронштейн крепления бампера переднего</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., </span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>B57450687_4</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            Центральная планка. Усиление бампера. Плюс уплотнитель.                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 20 апр в 03:41; Изменено: 20.04.2023 в 03:41:20">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Кронштейн крепления бампера переднего</b>  к Subaru Legacy 6, 2018 г.  в Минск" 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="Корпус воздушного фильтра к Subaru Legacy 6, 2018 г." 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/865/865588d19a169c1424cd9af974bacf1c.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/1f5/1f5be2c80a552f4bcaca800c7185f1e3.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/ade/ade6710c467b2e41a5cddffbe7a14c1b.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/c7f/c7fe1b8c31305d7b13db87a42bc5c2ca.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/4d2/4d274d3a4d475013634a77e11b163a80.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/865/865588d19a169c1424cd9af974bacf1c.jpg" alt="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 1" title="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/1f5/1f5be2c80a552f4bcaca800c7185f1e3.jpg" alt="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 2" title="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/ade/ade6710c467b2e41a5cddffbe7a14c1b.jpg" alt="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 3" title="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/c7f/c7fe1b8c31305d7b13db87a42bc5c2ca.jpg" alt="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 4" title="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/4d2/4d274d3a4d475013634a77e11b163a80.jpg" alt="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 5" title="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г." title="Bamper.by - Корпус воздушного фильтра к Subaru Legacy 6, 2018 г." />
                                                                                        </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">
                                150 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~51 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~4 800 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_korpus-vozdushnogo-filtra/30158-B57450185_2/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Корпус воздушного фильтра</span>
                            <span>к Subaru Legacy, 2018 г.</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.5 л., </span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>B57450185_2</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="Поднятие: 20 апр в 03:40; Изменено: 20.04.2023 в 03:40:57">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Корпус воздушного фильтра</b>  к Subaru Legacy 6, 2018 г.  в Минск" 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="Блок управления сиденьем к Subaru Legacy 6, 2018 г." 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/d50/d504ae0054732d0692de817392f72ed9.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/66c/66c9230ce2b3ebf34a24570cc36300a8.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/c99/c99e72bc7b9de9964a7ea5e67686315d.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/450/4503565e72ad2d86319b6f5133847dc8.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/d50/d504ae0054732d0692de817392f72ed9.jpg" alt="Bamper.by - Блок управления сиденьем к Subaru Legacy 6, 2018 г. - 1" title="Bamper.by - Блок управления сиденьем к Subaru Legacy 6, 2018 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/66c/66c9230ce2b3ebf34a24570cc36300a8.jpg" alt="Bamper.by - Блок управления сиденьем к Subaru Legacy 6, 2018 г. - 2" title="Bamper.by - Блок управления сиденьем к Subaru Legacy 6, 2018 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/c99/c99e72bc7b9de9964a7ea5e67686315d.jpg" alt="Bamper.by - Блок управления сиденьем к Subaru Legacy 6, 2018 г. - 3" title="Bamper.by - Блок управления сиденьем к Subaru Legacy 6, 2018 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/450/4503565e72ad2d86319b6f5133847dc8.jpg" alt="Bamper.by - Блок управления сиденьем к Subaru Legacy 6, 2018 г. - 4" title="Bamper.by - Блок управления сиденьем к Subaru Legacy 6, 2018 г. - 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">
                                150 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~51 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~4 800 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_blok-upravleniya-sidenem/30158-B57449354_2/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Блок управления сиденьем</span>
                            <span>к Subaru Legacy, 2018 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>B57449354_2</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="Поднятие: 20 апр в 03:40; Изменено: 20.04.2023 в 03:40:54">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Блок управления сиденьем</b>  к Subaru Legacy 6, 2018 г.  в Минск" 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_subaru/model_legacy/god_2017-2019/?ACTION=REWRITED3&amp;FORM_DATA=marka_subaru%2Fmodel_legacy%2Fgod_2017-2019&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_subaru/model_legacy/god_2017-2019/?ACTION=REWRITED3&amp;FORM_DATA=marka_subaru%2Fmodel_legacy%2Fgod_2017-2019&amp;PAGEN_1=2" >2</a></button>          
                    <button onclick="location.href='/zchbu/marka_subaru/model_legacy/god_2017-2019/?ACTION=REWRITED3&amp;FORM_DATA=marka_subaru%2Fmodel_legacy%2Fgod_2017-2019&amp;PAGEN_1=3'" class="w-8 h-8 bg-white border border-neutral-200 rounded-lg cursor-pointer font-medium text-neutral-500 hover:border-bamper-200"><a href="/zchbu/marka_subaru/model_legacy/god_2017-2019/?ACTION=REWRITED3&amp;FORM_DATA=marka_subaru%2Fmodel_legacy%2Fgod_2017-2019&amp;PAGEN_1=3" >3</a></button>          
                    <button onclick="location.href='/zchbu/marka_subaru/model_legacy/god_2017-2019/?ACTION=REWRITED3&amp;FORM_DATA=marka_subaru%2Fmodel_legacy%2Fgod_2017-2019&amp;PAGEN_1=4'" class="w-8 h-8 bg-white border border-neutral-200 rounded-lg cursor-pointer font-medium text-neutral-500 hover:border-bamper-200"><a href="/zchbu/marka_subaru/model_legacy/god_2017-2019/?ACTION=REWRITED3&amp;FORM_DATA=marka_subaru%2Fmodel_legacy%2Fgod_2017-2019&amp;PAGEN_1=4" >4</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_subaru/model_legacy/god_2017-2019/?ACTION=REWRITED3&amp;FORM_DATA=marka_subaru%2Fmodel_legacy%2Fgod_2017-2019&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>