<!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="Суппорт передний правый к Mazda 6, 2012 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2012 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2012 г. - 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">
                                73 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~25 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2028 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/28718-32636217/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2012 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>32636217</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            цена за 1 шт.                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 11:38; Изменено: 01.09.2022 в 20:51:33">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2012 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Суппорт передний правый к Mazda 6 2, 2008 г." 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/ac2/ac2e747cfdf4fc5409739597e0774fbd.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/21a/21a0a422535935dcca03eba148b3f107.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/97b/97b28178c604fdb397e3c4663bd7e961.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/ebf/ebf179085aefa55759d8da5dc439e929.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/adb/adb452d778bfa2f1c6de167273daf5e9.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/ac2/ac2e747cfdf4fc5409739597e0774fbd.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/21a/21a0a422535935dcca03eba148b3f107.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/97b/97b28178c604fdb397e3c4663bd7e961.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 3" title="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/ebf/ebf179085aefa55759d8da5dc439e929.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 4" title="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 4" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/adb/adb452d778bfa2f1c6de167273daf5e9.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 5" title="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г. - 5" />
                                                                            <img class="w-full h-full object-contain" src="/local/templates/bamper_new/public/images/more-photo.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г." title="Bamper.by - Суппорт передний правый к Mazda 6 2, 2008 г." />
                                                                                        </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">
                                45 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~15 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1250 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/99851-25835/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2008 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>25835</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                                                                                </p>
                                                                                <p class="text-neutral-500 line-clamp-1">
                                Номер запчасти:
                                <span> LF17 </span>
                            </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 11:21; Изменено: 19.04.2023 в 01:29:51">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6 2, 2008 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2005 г." 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/18e/18e0c352666e09607cfa34eaa053ba89.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/38e/38ece9ee78310067f95a66b49f47f807.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/18e/18e0c352666e09607cfa34eaa053ba89.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2005 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2005 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/38e/38ece9ee78310067f95a66b49f47f807.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2005 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2005 г. - 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">
                                60 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~20 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1667 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/36299-ZQH8QP/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2005 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>ZQH8QP</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            в хорошем состоянии. из Европы.                                                     </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 26 апр в 11:13; Изменено: 22.04.2023 в 07:44:46">26.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_grodno/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2005 г.  в Гродно" 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="Суппорт передний правый к Mazda 6, 2002 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="2">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 3" title="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 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">
                                47 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~16 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1 462 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/23945-28066207/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2002 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>28066207</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                                                                                </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 25 апр в 14:26; Изменено: 02.02.2023 в 20:14:26">25.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2002 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Суппорт передний правый к Mazda 6, 2010 г." 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/f21/f21f854b43928421f89362b34e284652.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/675/67519bbfe9b4faa4178476441e4cc31d.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/55e/55e62b7875a9f13f16ff8cdb18447ce4.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/2d1/2d13ae607584156f27c7c9660540ae13.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/f21/f21f854b43928421f89362b34e284652.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/675/67519bbfe9b4faa4178476441e4cc31d.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/55e/55e62b7875a9f13f16ff8cdb18447ce4.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 3" title="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/2d1/2d13ae607584156f27c7c9660540ae13.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 4" title="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 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">
                                11 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~4 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~330 &#8381;</span>
                            </div>
                                                            <div class="flex basis-full md:basis-auto md:-order-1">
                                    <span class="line-through">0 р.</span>
                                    <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-orange-500 text-white font-medium">
                                        -30%
                                    </span>
                                </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/4144-25517/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2010 г.</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.2 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>25517</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            из Европы, порван пыльник                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 25 апр в 10:50; Изменено: 26.04.2023 в 03:32:27">25.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2010 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2007 г." 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/1b3/1b3919a9fd5ec54d651e712861080377.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/3a5/3a5b94116ec7addc43fc30ee8f7642b1.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/13a/13a8923d2ceb0d9526bde8340aae5371.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/6b4/6b438af389a77680a178f0c0a922a1a9.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/1b3/1b3919a9fd5ec54d651e712861080377.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2007 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2007 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/3a5/3a5b94116ec7addc43fc30ee8f7642b1.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2007 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2007 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/13a/13a8923d2ceb0d9526bde8340aae5371.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2007 г. - 3" title="Bamper.by - Суппорт передний правый к Mazda 6, 2007 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/6b4/6b438af389a77680a178f0c0a922a1a9.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2007 г. - 4" title="Bamper.by - Суппорт передний правый к Mazda 6, 2007 г. - 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">
                                41 р.
                            </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> ~1 230 &#8381;</span>
                            </div>
                                                            <div class="flex basis-full md:basis-auto md:-order-1">
                                    <span class="line-through">-4 р.</span>
                                    <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-orange-500 text-white font-medium">
                                        -10%
                                    </span>
                                </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/4144-196857/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2007 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>196857</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            из Европы, в сборе с колодками                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 25 апр в 10:50; Изменено: 26.04.2023 в 03:35:14">25.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2007 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2009 г." 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/20e/20ea17c3838cbb251d0b116eacc0d17e.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/db4/db4dde15ce8baf32a581c2d8fa032e2f.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/5f4/5f41e00f13929110b24b5058dcfecb27.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/53a/53a87d9412a44301036dda5a162abb76.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/20e/20ea17c3838cbb251d0b116eacc0d17e.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/db4/db4dde15ce8baf32a581c2d8fa032e2f.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/5f4/5f41e00f13929110b24b5058dcfecb27.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 3" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/53a/53a87d9412a44301036dda5a162abb76.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 4" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 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">
                                41 р.
                            </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> ~1 230 &#8381;</span>
                            </div>
                                                            <div class="flex basis-full md:basis-auto md:-order-1">
                                    <span class="line-through">-4 р.</span>
                                    <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-orange-500 text-white font-medium">
                                        -10%
                                    </span>
                                </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/4144-172782/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2009 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>172782</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            из Европы, в сборе с колодками                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 25 апр в 10:50; Изменено: 26.04.2023 в 03:34:09">25.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2009 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2004 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                    <div class="carousel-item w-full" data-index="1">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                        <span class=" h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2004 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2004 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2004 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2004 г. - 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">
                                90 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~31 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~2 790 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/11893-5533/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2004 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>5533</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="Поднятие: 24 апр в 11:09; Изменено: 08.04.2023 в 03:34:30">24.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2004 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2009 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 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">
                                60 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~20 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1667 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/9001-18918379/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2009 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>18918379</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="Поднятие: 24 апр в 10:37; Изменено: 10.09.2021 в 11:54:04">24.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2009 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Суппорт передний правый к Mazda 6, 2003 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/lk/b60/b60b1b89f6b71fc91067b5e879ce8ab5.jpg" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/b60/b60b1b89f6b71fc91067b5e879ce8ab5.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2003 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2003 г. - 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">
                                45 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~15 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1250 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/679-108698862/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2003 г.</span>
                        </a>
                                                <p class="font-medium">
                            Артикул:
                            <span>108698862</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 апр в 13:12; Изменено: 22.04.2023 в 13:12:16">22.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_vileyka/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2003 г.  в Вилейка" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Вилейка</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Суппорт передний правый к Mazda 6, 2009 г." 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/e22/e2251b199915551a8fa6706eb0726d57.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/f92/f921f5419d82044b2b4c4c5e99d2f447.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/e22/e2251b199915551a8fa6706eb0726d57.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/f92/f921f5419d82044b2b4c4c5e99d2f447.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 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">
                                70 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~24 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1945 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/30-8094711/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2009 г.</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.2 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8094711</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 апр в 14:15; Изменено: 02.04.2023 в 03:11:00">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2009 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2009 г." 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/50c/50c332a24bad9156e80955c67e57d02e.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/43b/43bd3002da13a3098ba86953464c76eb.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/50c/50c332a24bad9156e80955c67e57d02e.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/43b/43bd3002da13a3098ba86953464c76eb.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 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">
                                70 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~24 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1945 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/30-8091481/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2009 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">1.8 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8091481</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 апр в 14:15; Изменено: 02.04.2023 в 03:11:01">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2009 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2002 г." 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/c11/c112153c4ac5ae673a35ccc5ee9cd6c0.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/72b/72b670dfaa50be1bad037e6402c9ed14.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/d73/d73ee14649101ba8baeae68e1c031d66.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/c11/c112153c4ac5ae673a35ccc5ee9cd6c0.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/72b/72b670dfaa50be1bad037e6402c9ed14.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/d73/d73ee14649101ba8baeae68e1c031d66.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 3" title="Bamper.by - Суппорт передний правый к Mazda 6, 2002 г. - 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">
                                51 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~17 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1417 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/30-8110414/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2002 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2.3 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8110414</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 апр в 14:15; Изменено: 08.04.2023 в 03:13:26">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2002 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2009 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/photos_import/87f/87f92e088dc0ac5fef91340b7c9228ce.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/417/41780524215b0a0b47163a94cb675744.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/87f/87f92e088dc0ac5fef91340b7c9228ce.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/417/41780524215b0a0b47163a94cb675744.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 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">
                                70 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~24 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1945 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/30-8102104/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2009 г.</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.2 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8102104</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 апр в 14:15; Изменено: 04.04.2023 в 03:23:28">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2009 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2010 г." 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/6e0/6e0a0d4fcfb46bae594ba1cf80edb0e2.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/fad/fada16efcc5042fd175b26b731796b98.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/6e0/6e0a0d4fcfb46bae594ba1cf80edb0e2.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/fad/fada16efcc5042fd175b26b731796b98.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2010 г. - 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">
                                70 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~24 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1945 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/30-8055266/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2010 г.</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.2 л., дизель</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8055266</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 апр в 14:15; Изменено: 31.03.2023 в 03:08:08">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2010 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2003 г." 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/08f/08f2445450603e8f6f51e31e1c1e08d4.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/caa/caa7a56ea752eab27ce69872105a5022.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/08f/08f2445450603e8f6f51e31e1c1e08d4.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2003 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2003 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/caa/caa7a56ea752eab27ce69872105a5022.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2003 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2003 г. - 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">
                                51 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~17 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1417 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/30-8128578/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2003 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2.3 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>8128578</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 апр в 14:15; Изменено: 16.04.2023 в 03:14:56">20.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2003 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2019 г." 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-teal-500 text-xs text-white font-medium">
                                Под заказ
                            </span>
                                            </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/photos_import/4a3/4a39f77c2cda8a5e0f74129b2f131d81.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/31f/31fa3b51744c9df2ae0a75dd05a3a841.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/3e5/3e5a1f1da3a9052931df11cb9c14ef0c.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/7e3/7e3befe87751fd000b8fefc4007b791a.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/4a3/4a39f77c2cda8a5e0f74129b2f131d81.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2019 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2019 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/31f/31fa3b51744c9df2ae0a75dd05a3a841.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2019 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2019 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/3e5/3e5a1f1da3a9052931df11cb9c14ef0c.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2019 г. - 3" title="Bamper.by - Суппорт передний правый к Mazda 6, 2019 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/7e3/7e3befe87751fd000b8fefc4007b791a.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2019 г. - 4" title="Bamper.by - Суппорт передний правый к Mazda 6, 2019 г. - 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">
                                240 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~82 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~6667 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/70889-15317/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2019 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>15317</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            PEY5, передний привод, правый руль. Товар находится на складе в Москве. Срок доставки в Минск около 7 дней. Доставляем только посл...                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 19 апр в 07:10; Изменено: 19.04.2023 в 07:10:15">19.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2019 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2020 г." 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-teal-500 text-xs text-white font-medium">
                                Под заказ
                            </span>
                                            </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="/upload/photos_import/2e6/2e6cd8dcc18cdf8b1560e464e34acdb9.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/542/5425169e8da166f8520486b8a075244e.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/770/770c2bc5dff9a817f4edaa633ecb038f.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/3f6/3f62015ab5d08029ebc33dc2bff529af.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/2e6/2e6cd8dcc18cdf8b1560e464e34acdb9.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2020 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2020 г. - 1" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/542/5425169e8da166f8520486b8a075244e.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2020 г. - 2" title="Bamper.by - Суппорт передний правый к Mazda 6, 2020 г. - 2" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/770/770c2bc5dff9a817f4edaa633ecb038f.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2020 г. - 3" title="Bamper.by - Суппорт передний правый к Mazda 6, 2020 г. - 3" />
                                                                                                        <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/photos_import/3f6/3f62015ab5d08029ebc33dc2bff529af.jpg" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2020 г. - 4" title="Bamper.by - Суппорт передний правый к Mazda 6, 2020 г. - 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">
                                192 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~65 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~5334 &#8381;</span>
                            </div>
                                                            <div class="flex basis-full md:basis-auto md:-order-1">
                                    <span class="line-through">-10 р.</span>
                                    <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-orange-500 text-white font-medium">
                                        -20%
                                    </span>
                                </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/70889-15915/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2020 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">2 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>15915</span>
                        </p>
                        <p class="text-neutral-500 line-clamp-3">
                                                            PEY5, 6МКПП, передний привод, правый руль. СНЯТО С ПРАВОРУЛЬНЫХ АВТОДля ДВС и КПП  Проверочный срок (срок на установку и проверку)...                                                    </p>
                                                <div>
                            <div class="flex flex-wrap items-center gap-1.5">
                                <div class="flex items-center gap-1.5 text-neutral-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                                    </svg>
                                                                        <span title="Поднятие: 19 апр в 07:10; Изменено: 19.04.2023 в 07:10:13">19.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2020 г.  в Минск" 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="Суппорт передний правый к Mazda 6, 2009 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2009 г. - 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">
                                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> ~2917 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/8987-8302849/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2009 г.</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>8302849</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="Поднятие: 17 апр в 10:45; Изменено: 02.07.2018 в 15:01:31">17.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2009 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="grid md:grid-cols-[auto_1fr] gap-4 p-4 rounded-xl bg-white border border-neutral-200 hover:border-brand-200">
                <a href="" target="_blank" title="Суппорт передний правый к Mazda 6, 2003 г." class="relative flex flex-col ad-card-carousel-wrapper md:w-50 lg:w-60 aspect-4/3">
                    <div class="absolute z-local left-2 top-3 inline-flex gap-1">
                                                                    </div>
                    <button class="absolute z-local right-2 top-2 h-8 aspect-square flex items-center justify-center border border-neutral-200 bg-white/75 rounded-sm cursor-pointer hover:bg-white">
                        <svg class="w-6 h-6 stroke-red-500 fill-red-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#heart-rounded"></use>
                        </svg>
                    </button>
                    <div class="product-card-gallery-touch relative flex w-full">
                        <div class="carousel w-full rounded-box border border-neutral-200">
                                                                                                                                        <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="" alt="Bamper.by - " title="Bamper.by - ">
                                        </div>
                                                                                                                                                                </div>
                        <div class="carousel-indicators absolute z-local inset-x-2 bottom-2 flex gap-1 pointer-events-none">
                                                                                                <span class="is-active h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                                        </div>
                    </div>
                    <figure class="product-card-gallery-hover relative w-full">
                        <div class="hover-gallery rounded-box border border-neutral-200">
                                                                                                <img class="w-full h-full object-contain" src="https://api.dev.bamper.by" alt="Bamper.by - Суппорт передний правый к Mazda 6, 2003 г. - 1" title="Bamper.by - Суппорт передний правый к Mazda 6, 2003 г. - 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">
                                60 р.
                            </div>
                            <div class="flex md:flex-col md:items-end gap-1 md:gap-0 lg:text-xs">
                                <span>~20 $</span>
                                <span class="md:hidden"> • </span>
                                <span> ~1667 &#8381;</span>
                            </div>
                                                                        </div>
                    <div class="flex flex-col gap-2">
                        <a href="/zapchast_support-peredniy-pravyy/8987-22032419/" target="_blank" class="text-lg/[20px] lg:text-xl/[28px] hover:text-brand-500">
                            <span class="font-semibold">Суппорт передний правый</span>
                            <span>к Mazda 6, 2003 г.</span>
                        </a>
                                                    <p class="flex gap-1.5">
                                <svg class="block w-5 h-5 shrink-0 stroke-black">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#car"></use>
                                </svg>
                                <span class="text-neutral-950">1.8 л., бензин</span>
                            </p>
                                                <p class="font-medium">
                            Артикул:
                            <span>22032419</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="Поднятие: 17 апр в 10:45; Изменено: 14.03.2019 в 08:25:04">17.04</span>
                                </div>
                                <span class="text-neutral-500">•</span>
                                <a href="/catalog/gorod_minsk/" title="<b>Суппорт передний правый</b>  к Mazda 6, 2003 г.  в Минск" target="_blank" class="flex gap-1.5 items-center hover:text-bamper-500">
                                    <svg class="w-5 h-5 stroke-current">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                                    </svg>
                                    <span>Минск</span>
                                </a>
                                                                <span class="text-neutral-500">•</span>
                                                                <svg class="w-14 h-5">
                                    <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
<div class="flex justify-center gap-2 mt-6">

            <button class="w-8 h-8 bg-neutral-100 border border-neutral-200 rounded-lg" disabled>
            <svg class="rotate-90 m-auto text-neutral-400" height="16" width="16">
                <use href="/local/templates/bamper_new/public/sprite.svg#shevron"></use>
            </svg>
        </button>
                <button class="w-8 h-8 bg-white border border-brand-500 rounded-lg font-medium text-black">1</button>            
                    <button onclick="location.href='/zchbu/zapchast_support-peredniy-pravyy/marka_mazda/model_6/?ACTION=REWRITED3&amp;FORM_DATA=zapchast_support-peredniy-pravyy%2Fmarka_mazda%2Fmodel_6&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/zapchast_support-peredniy-pravyy/marka_mazda/model_6/?ACTION=REWRITED3&amp;FORM_DATA=zapchast_support-peredniy-pravyy%2Fmarka_mazda%2Fmodel_6&amp;PAGEN_1=2" >2</a></button>          
                <button class="w-8 h-8 bg-white border border-neutral-200 rounded-lg cursor-pointer hover:border-bamper-200">
            <a href="/zchbu/zapchast_support-peredniy-pravyy/marka_mazda/model_6/?ACTION=REWRITED3&amp;FORM_DATA=zapchast_support-peredniy-pravyy%2Fmarka_mazda%2Fmodel_6&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>