<!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> Поддон, масляный  к Fiat Doblo, 2016, купить в г. Минск | 108479210</title>
    <link rel="stylesheet"  crossorigin href="/local/templates/bamper_new/public/assets/main-BDegM-vP.css"><script type="module" crossorigin src="/local/templates/bamper_new/public/assets/main-B5Cfa4iE.js"></script><script type="module" crossorigin src="/local/templates/bamper_new/public/scripts/ads_card_carousels-BRYRJloA.js"></script><script type="module" crossorigin src="/local/templates/bamper_new/public/scripts/article_carousels-CCp_FTdh.js"></script><script type="module" crossorigin src="/local/templates/bamper_new/public/scripts/product_card_carousel-CmWWpK4H.js"></script><script type="module" crossorigin src="/local/templates/bamper_new/public/scripts/simple_carousel_buttons-Vp6H1N3m.js"></script>    </head>
<body class="main-page min-w-[320px] h-full box-border relative overflow-x-hidden min-h-screen font-[commissioner] font-regular text-sm scroll-smooth appearance-none">
    <div id="bamper-app" class="relative flex flex-col min-h-full font-[commissioner]">
        <header class="fixed inset-x-0 top-0 z-header w-full h-18 py-4 bg-brand-500" id="header">
            <div class="w-full m-auto max-w-7xl px-4 lg:px-6 flex items-center gap-3">
                <nav class="flex">
                    <div class="dropdown group/nav">
                        <input
                            id="app-header-burger-menu"
                            type="checkbox"
                            class="peer/menu sr-only md:hidden"
                        />             
                        <label
                            for="app-header-burger-menu"
                            class="flex md:hidden items-center cursor-pointer"
                        >
                            <svg class="w-10 h-10 stroke-white shrink-0">
                                <use href="/local/templates/bamper_new/public/sprite.svg#menu"></use>
                            </svg>
                        </label>    
                        <div tabindex="0" role="button" class="hidden md:flex items-center focus:outline-0 focus-visible:outline-0 cursor-pointer">
                            <svg class="w-10 h-10 stroke-white shrink-0">
                                <use href="/local/templates/bamper_new/public/sprite.svg#menu"></use>
                            </svg>
                        </div>
                        <div tabindex="-1" class="dropdown-content fixed md:absolute z-panel md:z-absolute inset-y-0 md:inset-auto left-0 md:mt-1 p-4 md:p-5 md:pb-4 w-screen max-w-75 md:max-w-184 md:border md:border-neutral-200 bg-white md:rounded-lg max-md:block max-md:opacity-100 max-md:scale-100 max-md:animate-none max-md:-translate-x-full max-md:transition-[translate] max-md:peer-checked/menu:translate-x-0">                            
                            <a href="/cabinet/" class="md:hidden btn mb-4 w-full">
                                                                
                                    <span>Войти</span>
                                                            </a>
                            <div class="h-full overflow-y-auto">
                                <div class="grid md:grid-cols-3 gap-2 md:gap-y-11 md:gap-x-10">
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3">
                                            <span class="text-base font-semibold">Объявления</span>
                                            <svg class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270">
                                                <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li>
                                                    <a href="/zchbu/"
                                                        title="Б/у запчасти"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Запчасти
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="/auto/"
                                                        title="Продажа автомобилей"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Авто</a>
                                                </li>
                                                <li>
                                                    <a href="/diski/"
                                                        title="Продажа дисков"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Диски</a>
                                                </li>
                                                <li><a href="/shiny/"
                                                        title="Продажа шин"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Шины</a>
                                                </li>
                                                <li><a href="/zchbu/moto/"
                                                        title="Продажа мотозапчастей"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Мотозапчасти</a>
                                                </li>
                                                <li><a href="/bazar/"
                                                        title="Доска объявлений"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        BAZAR</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3">
                                            <span class="text-base font-semibold">Медиа</span>
                                            <svg class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270">
                                                <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/news/autodigest/"
                                                        title="Bamper.by Медия - Автодайджест"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Автодайджест</a>
                                                </li>
                                                <li><a href="/news/avtoopyt/"
                                                        title="Bamper.by Медия - Автоопыт"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Автооопыт</a>
                                                </li>
                                                <li>
                                                    <a href="/news/smotrim_i_sravnivaem/"
                                                        title="Bamper.by Медия - Выбираем и сравниваем"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Выбираем сравнивая</a>
                                                </li>
                                                <li><a href="/news/zakony_i_pdd/"
                                                        title="Bamper.by Медия - Законы и ПДД"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Законы и ПДД</a>
                                                </li>
                                                <li><a href="/news/poleznosty/"
                                                        title="Bamper.by Медия - Полезности"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Полезности</a>
                                                </li>
                                                <li><a href="/news/sam_sebe_master/"
                                                        title="Bamper.by Медия - Сам себе мастер"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Сам себе мастер</a>
                                                </li>
                                                <li><a href="/news/video/"
                                                        title="Bamper.by Медия - Видео"
                                                        class="py-1 md:py-0 text-neutral-500 block transition-all duration-250 hover:text-black">
                                                        Видео</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3">
                                            <span class="text-base font-semibold">Заявки на поиск з/ч</span>
                                            <svg class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270">
                                                <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/zayavki/list/"
                                                        title="Заявки на поиск запчастей"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Показать заявки</a>
                                                </li>
                                                <li><a href="/zayavki/"
                                                        title="Написать заявку на поиск запчастей"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Написать заявку</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div
                                            class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3"
                                        >
                                            <span class="text-base font-semibold">Продавцы</span>

                                            <svg
                                            class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270"
                                            >
                                            <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/rating/"
                                                        title="Рейтинг продавцов Bamper.by"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Рейтинг продавцов</a>
                                                </li>
                                                <li>
                                                    <a href="/maps/"
                                                        title="Карта продавцов Bamper.by"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Карта продавцов</a>
                                                </li>
                                                <li><a href="/otzyvy/"
                                                        title="Все отзывы на продавцов Bamper.by"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Все отзывы</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div
                                            class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3"
                                        >
                                            <span class="text-base font-semibold">Каталоги</span>

                                            <svg
                                            class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270"
                                            >
                                            <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/catalog/zapchasti/"
                                                        title="Каталоги моделей з/ч"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Каталоги з/ч</a>
                                                </li>
                                                <li>
                                                    <a href="/catalog/diski/"
                                                        title="Каталоги дисков"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Каталоги дисков</a>
                                                </li>
                                                <li><a href="/catalog/shiny/"
                                                        title="Каталоги шин"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Каталоги шин</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="collapse md:collapse-open group">
                                        <input type="checkbox" class="p-0" />
                                        <div
                                            class="collapse-title px-0 py-1 md:py-0 flex items-center justify-between gap-3"
                                        >
                                            <span class="text-base font-semibold">Прочее</span>

                                            <svg
                                            class="md:hidden w-6 h-6 stroke-current transition-transform duration-250 ease-in-out rotate-90 group-has-checked:rotate-270"
                                            >
                                            <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                            </svg>
                                        </div>
                                        <div class="collapse-content pb-0 md:p-0">
                                            <ul class="grid gap-2 mt-3 text-base md:text-sm">
                                                <li><a href="/contacts/"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        О проекте</a>
                                                </li>
                                                <li>
                                                    <a href="/voprosy/"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Правила сайта</a>
                                                </li>
                                                <li><a href="#"
                                                        class="text-neutral-500 bg-transparent block py-1 px-0 hover:text-black focus:outline-bamper-300 active:text-black transition-all">
                                                        Часто задаваемые вопросы</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <label
                            for="app-header-burger-menu"
                            aria-hidden="true"
                            class="md:hidden fixed inset-0 z-overlay bg-black/30 opacity-0 pointer-events-none transition-opacity duration-200 peer-checked/menu:opacity-100 peer-checked/menu:pointer-events-auto"
                        ></label>
                    </div>                    
                </nav>
                <a href="/" title="Bamper.by" class="flex items-center text-white">
                    <svg class="w-35 h-6 fill-current shrink-0">
                        <use href="/local/templates/bamper_new/public/sprite.svg#brand-logo"></use>
                    </svg>
                </a>
                <div class="ml-auto">
                    <div class="flex items-center gap-4 md:gap-6">
                        <div class="flex gap-4">
                            <a href="/cabinet/favourites" title="Избранные" class="flex text-white">
                                <svg class="block w-6 h-6 shrink-0 stroke-current">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#favorite"></use>
                                </svg>                           
                            </a>
                            <a href="#" class="flex text-white">
                                <svg class="block w-6 h-6 shrink-0 stroke-current">
                                    <use href="/local/templates/bamper_new/public/sprite.svg#search"></use>
                                </svg>
                            </a>
                        </div>
                        <a
                            href="/cabinet/ad-form/sections"
                            class="flex items-center gap-x-2 px-3 md:px-5 h-10 bg-white text-brand-500 rounded-box hover:bg-brand-50 cursor-pointer transition-all duration-250"
                        >
                            <svg class="block w-5 h-5 md:w-4 md:h-4 shrink-0 stroke-current">
                                <use href="/local/templates/bamper_new/public/sprite.svg#plus-btn"></use>
                            </svg>
                            <span class="hidden md:block">Подать объявление</span>
                        </a>
                        <div class="hidden md:block">
                            <a
                            href="/cabinet/"
                            class="flex items-center justify-center text-xs font-medium text-white h-10 px-4 bg-transparent rounded-lg border border-white hover:bg-bamper-600 transition-all duration-250"
                            >
                                                            
                                Войти
                                                        </a>
                        </div>
                    </div>
                </div>
            </div>
        </header>
                    <main class="main grow bg-neutral-100 shrink-0 basis-auto pt-24 pb-8 md:pb-14 lg:pb-18">
        
<div class="w-full m-auto max-w-7xl">
    <nav class="m-auto max-w-7xl overflow-auto">
        <ol class="relative flex gap-1 w-max mx-4 mb-4 lg:mx-6 whitespace-nowrap text-neutral-600">
            <li class="inline-flex items-center">
                <a href="/" target="_blank" title="Bamper.by" class="hover:text-bamper-500">Главная</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                <a href="/zchbu/" title="Автозапчасти - Bamper.by" class="hover:text-bamper-500">Автозапчасти</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                                <a href="/catalog/marka_fiat/" class="hover:text-bamper-500">Fiat</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                <a href="/catalog/fiat-doblo/" class="hover:text-bamper-500">Doblo</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                <a href="/catalog/fiat-doblo/group_dvigatel/" class="hover:text-bamper-500">Двигатель</a>
            </li>
            <li class="inline-flex mt-0.5">
                <img src="/local/templates/bamper_new/public/images/link-arrow-right-gray.svg" alt="arrow" />
            </li>
            <li class="inline-flex">
                <a href="/zchbu/marka_fiat/model_fiat-doblo/zapchast_poddon" class="hover:text-bamper-500">Поддон</a>
            </li>
        </ol>
    </nav>
    <div class="w-full flex gap-x-2 m-auto max-w-7xl px-4 lg:px-6">
        <div class="min-w-0 flex-1 flex flex-col gap-4">
            <div class="grid gap-4 p-4 bg-white rounded-xl">
                <div class="flex flex-col lg:flex-row lg:justify-between gap-4 lg:gap-12">
                    <h2 class="text-lg/[20px] lg:text-[28px]/[32px] line-clamp-4">
                        <span class="font-semibold">Поддон</span>
                        <span class="text-neutral-500"> к Fiat Doblo, 2016 г.</span>
                    </h2>
                    <div class="flex flex-col lg:max-w-[256px] items-start lg:items-end gap-1">
                        <meta itemprop="price" content="194">
                        <meta itemprop="priceCurrency" content="BYN">
                        <div class="text-xl lg:text-[28px]/[32px] font-bold text-black">194 р.</div>
                                            </div>
                </div>
                <div class="flex flex-col gap-4 md:flex-row md:flex-wrap md:max-w-[944px]">
                    <div class="flex-1 flex flex-col product-card-carousel-wrapper lg:max-w-[640px] self-start">
                        <div class="relative flex">
                            <div class="carousel rounded-box aspect-4/3 border border-neutral-200">
                                                                                                            <div class="carousel-item w-full" data-index="0">
                                            <img class="w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/b08/b0878ff91eb1058d1aebb953afbd6890.jpg" alt="" title="">
                                        </div>
                                                                                                </div>
                            <div class="absolute left-4 top-4 inline-flex gap-1 lg:gap-2">
                                                                    <span class="px-1 pb-0.75 py-px rounded-sm bg-pink-500 text-sm text-white font-medium">Новая</span>
                                                                                            </div>
                            <div class="absolute right-2 top-2 flex gap-2">
                                <button class="p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-box cursor-pointer hover:bg-white">
                                    <svg class="w-5 h-5 lg:w-6 lg:h-6 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#attention-triangle"></use>
                                    </svg>
                                </button>
                                <button class="p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-box cursor-pointer hover:bg-white">
                                    <svg class="w-5 h-5 lg:w-6 lg:h-6 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#share"></use>
                                    </svg>
                                </button>
                                <button class="p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-box cursor-pointer hover:bg-white">
                                    <img class="w-5 h-5 lg:w-6 lg:h-6" src="/local/templates/bamper_new/public/images/favorite-article-red.svg" alt="favorite">
                                </button>
                            </div>
                            <div class="hidden md:contents">
                                <button class="carousel-arrow-prev hidden absolute left-2 top-1/2 -translate-y-1/2 z-10 p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-full cursor-pointer hover:bg-white" aria-label="Предыдущее фото">
                                    <svg class="w-5 h-5 lg:w-6 lg:h-6 stroke-black rotate-180">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                    </svg>
                                </button>
                                <button class="carousel-arrow-next absolute right-2 top-1/2 -translate-y-1/2 z-10 p-1 lg:p-2 border border-neutral-200 bg-white/75 rounded-full cursor-pointer hover:bg-white" aria-label="Следующее фото">
                                    <svg class="w-5 h-5 lg:w-6 lg:h-6 stroke-black">
                                        <use href="/local/templates/bamper_new/public/sprite.svg#shevron-right"></use>
                                    </svg>
                                </button>
                            </div>
                            <div class="carousel-indicators absolute z-10 inset-x-2 bottom-2 flex gap-1 pointer-events-none lg:hidden">
                                                                                                            <span class="is-active  h-1 w-full rounded border border-neutral-200 bg-white/75 [&amp;.is-active]:bg-brand-500 [&amp;.is-active]:border-brand-500"></span>
                                                                                                </div>
                        </div>
                        <div class="carousel-photo-buttons hidden lg:flex p-0.5 h-18.75 w-full gap-2 mt-2 overflow-x-auto">
                                                                                                <button data-slide="1" class="w-25 shrink-0 rounded aspect-4/3 cursor-pointer overflow-hidden transition-all duration-200 border-2 border-brand-500">
                                        <img class="m-auto w-full h-full object-contain" src="https://api.dev.bamper.by/upload/lk/b08/b0878ff91eb1058d1aebb953afbd6890.jpg" alt="Поддон к Fiat Doblo, 2016 г. - 1">
                                    </button>
                                                                                    </div>
                    </div>

                    <div class="w-full lg:order-last">
                        <textarea id="notes" class="w-full p-3 resize-none border border-neutral-200 placeholder-neutral-400 rounded-sm hover:border-bamper-200 focus-visible:border-brand-500 focus-visible:outline-none" placeholder="Введите текст заметки (эту информацию будете видеть только вы)"></textarea>
                    </div>
                    <div class="w-full grid gap-4 lg:max-w-[256px]">
                        <p class="flex gap-1.5">
                            <svg class="w-5 h-5 stroke-neutral-500">
                                <use href="/local/templates/bamper_new/public/sprite.svg#search-car"></use>
                            </svg>
                            <span class="text-neutral-950"></span>
                        </p>
                        <div>
                            <p class="font-semibold">Артикул</p>
                            <p class="mt-0.5">bm01489</p>
                        </div>
                        <div class="w-full">
                            <p class="font-semibold">Описание</p>
                                                        <p class="collapse-text mt-0.5 peer-checked:line-clamp-none line-clamp-6">
                                Масляный поддон Fiat Doblo 2005-2017 1.2                            </p>
                                                    </div>
                                                                            <div>
                                <p class="font-semibold">Доставка</p>
                                                                <div class="collapse-text mt-0.5 peer-checked:line-clamp-none line-clamp-3">
                                    в пределах МКАД - свыше 200 руб. бесплатно, до - 10 руб.;
по РБ - почта, Европочта, транспортные компании                                </div>
                                                            </div>
                                                                                                    <div>
                                <p class="font-semibold">Формы оплаты</p>
                                <ul class="mt-0.5 [&amp;&gt;li]:flex [&amp;&gt;li]:before:content-['•'] [&amp;&gt;li]:before:block [&amp;&gt;li]:before:mx-2">
                                    <li>наличный расчет</li>                                    <li>банковские карты</li>                                    <li>безналичный расчет</li>                                </ul>
                            </div>
                                                                        <p class="flex gap-1.5">
                            <svg class="w-5 h-5 stroke-neutral-500">
                                <use href="/local/templates/bamper_new/public/sprite.svg#calendar"></use>
                            </svg>
                            <span class="text-neutral-950" title="Поднятие: 24 апр в 13:52; Изменено: 26.04.2023 в 17:56:26">26.04.2023</span>
                        </p>
                    </div>
                </div>
                <div class="border-t border-neutral-200"></div>
                <div>
                    <ul class="grid gap-2 [&amp;&gt;li]:flex [&amp;&gt;li]:before:content-['•'] [&amp;&gt;li]:before:block [&amp;&gt;li]:before:mx-2">
                                                                            <li>
                                <span>
                                    Посмотреть
                                    <a href="/zchbu/zapchast_/marka_fiat/model_doblo/god_2015-2026/seller_225938/?more=Y" target="_blank" class="text-blue-800 hover:text-bamper-500"> все "Поддон" к Fiat Doblo 2 поколение [рестайлинг] у данного продавца</a>
                                </span>
                            </li>
                                                <li>
                            <span>
                                Посмотреть
                                <a href="/zchbu/marka_fiat/model_doblo/god_2015-2026/" target="_blank" class="text-blue-800 hover:text-bamper-500">все запчасти к Fiat Doblo 2 поколение [рестайлинг]</a>
                            </span>
                        </li>
                                            </ul>
                </div>
            </div>
            <div class="lg:hidden px-4 pb-2 py-4 bg-white rounded-xl">
                <p class="text-xl font-semibold">HELPAUTO.BY</p>
                <p class="text-neutral-500">на Bamber.by с 25.08.2021</p>
                <div class="flex items-center gap-2 mt-3">
                    <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-brand-500 text-white font-medium">20%</span>
                    <a href="#" class="text-blue-800 hover:text-bamper-500">238 отзывов</a>
                    <a href="#" class="ml-auto">
                        <svg class="h-4 w-12 shrink-0">
                            <use href="../rankIcons.svg#colonel-general"></use>
                        </svg>
                    </a>
                </div>
                <a href="#" class="flex items-center gap-2 mt-3 px-5 py-2.5 rounded-lg border border-neutral-300 hover:bg-neutral-100">
                    <span class="flex-1">Все объявления продавца</span>
                    <svg class="w-4 h-4 stroke-black">
                        <use href="../sprite.svg#link-arrow-right"></use>
                    </svg>
                </a>
                <p class="flex gap-1.5 mt-4">
                    <svg class="w-5 h-5 stroke-neutral-500">
                        <use href="../sprite.svg#location"></use>
                    </svg>
                    <span>Брест</span>
                </p>
                <div class="flex gap-1.5 mt-4">
                    <svg class="w-5 h-5 stroke-neutral-500">
                        <use href="../sprite.svg#route"></use>
                    </svg>
                    <div>
                        <p>Пинский р-н, д. Заполье, ул.Парковая 5б</p>
                        <a href="#" class="text-xs text-blue-800 hover:text-bamper-500">Показать на карте</a>
                    </div>
                </div>

                <div class="flex gap-1.5 mt-4">
                    <div class="dropdown group">
                        <div tabindex="0" role="button" class="flex items-center cursor-pointer">
                            <svg class="w-5 h-5 stroke-neutral-500">
                                <use href="../sprite.svg#clock"></use>
                            </svg>
                            <span class="inline-flex items-center gap-1 ml-1.5 text-red-500">
                                Закрыто до 8:00
                                <svg class="w-3 h-3 stroke-current rotate-90 group-focus-within:rotate-270 transition-all duration-200">
                                    <use href="../sprite.svg#link-arrow-right"></use>
                                </svg>
                            </span>
                        </div>
                        <div class="fixed inset-0 bg-black/40 z-overlay transition-opacity duration-300 hidden group-focus-within:block group-focus-within:md:hidden"></div>
                        <div class="dropdown-content p-4 bg-white md:w-63.5 rounded-t-xl md:rounded-box shadow-sm fixed md:absolute z-panel md:z-absolute inset-x-0 bottom-0 md:inset-x-auto md:bottom-auto">
                            <div class="flex">
                                <div tabindex="-1" class="w-full text-lg font-semibold">Время работы</div>
                                <div class="flex md:hidden cursor-pointer">
                                    <svg class="m-auto w-6 h-6 stroke-current">
                                        <use href="../sprite.svg#close-select"></use>
                                    </svg>
                                </div>
                            </div>

                            <ul tabindex="-1" class="grid gap-1 [&amp;&gt;li]:flex">
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Пн
                                    </span>
                                    <span class="whitespace-nowrap">Выходной</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Вт
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Ср
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Чт
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Пт
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Сб
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                                <li>
                                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">
                                        Вск
                                    </span>
                                    <span class="whitespace-nowrap">6:00 – 6:00</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <a href="tel:+37521112233" class="mt-4 w-full flex items-center justify-center gap-x-2 font-medium py-2.5 px-3 text-center text-white bg-brand-500 rounded-lg cursor-pointer hover:bg-bamper-600 active:bg-bamper-700 transition-all duration-250 text-nowrap">
                    <svg class="w-4 h-4 stroke-white">
                        <use href="../sprite.svg#phone"></use>
                    </svg>
                    <span>Позвонить продавцу</span>
                </a>
                <div id="sellerCall" class="mt-2"></div>
                <div id="fixedCall" class="fixed bottom-0 inset-x-0 py-2 px-8 bg-white">
                    <a href="tel:+37521112233" class="flex items-center justify-center gap-x-2 font-medium py-2.5 px-3 text-center text-white bg-brand-500 rounded-lg cursor-pointer hover:bg-bamper-600 active:bg-bamper-700 transition-all duration-250 text-nowrap">
                        <svg class="w-4 h-4 stroke-white">
                            <use href="../sprite.svg#phone"></use>
                        </svg>
                        <span>Позвонить продавцу</span>
                    </a>
                </div>
            </div>
            <div class="flex p-4 border border-blue-200 bg-blue-50 rounded-xl">
                <svg class="block w-6 h-6 shrink-0 stroke-blue-400 select-none mr-2">
                    <use href="/local/templates/bamper_new/public//sprite.svg#blue-info"></use>
                </svg>
                <ul class="mt-0.5 [&amp;&gt;li]:flex [&amp;&gt;li]:before:content-['•'] [&amp;&gt;li]:before:block [&amp;&gt;li]:before:mx-2">
                    <li>
                        Перед покупкой обязательно уточняйте у продавца подробную информацию о товаре
                        (наличие, цена, комплектация, состояние и т.д.)
                    </li>
                    <li>
                        Комплектация на фото может не совпадать с комплектацией при продаже. Уточняйте
                        комплектацию у продавца.
                    </li>
                    <li>
                        Оплата производится в белорусских рублях. Цены в других валютах являются
                        справочными и не представляют собой обязательство продавцов перед покупателями.
                    </li>
                    <li>
                        Администрация Bamper.by не несет ответственности за информацию, указанную в
                        объявлении.
                    </li>
                </ul>
            </div>
                    </div>
        <div class="hidden lg:block lg:w-70">
            <div class="p-4 bg-white rounded-xl">
                <p class="text-xl font-semibold">
                                            <a class="user-link" href="/seller/225938/" title="Информация о ИП Авсюкевич В.И." target="_blank">
                            ИП Авсюкевич В.И.                        </a>
                                    </p>
                <p class="text-neutral-500">на Bamber.by с 10.04.2023</p>
                                    <div class="flex items-center gap-2 mt-3">
                                                                                <span class="ml-1 px-1 pb-0.75 py-px rounded-sm bg-brand-500 text-white font-medium" title="% положительных отзывов из ">%</span>
                                                <a href="/seller/108479210/#scroll" target="_blank" title="Отзывы на " class="text-blue-800 hover:text-bamper-500"> отзывов</a>
                        <a href="/rating/?id=225938" target="_blank" class="ml-auto">
                            <svg class="h-4 w-12 shrink-0">
                                <use href="/local/templates/bamper_new/public/rankIcons.svg#colonel-general"></use>
                            </svg>
                        </a>
                    </div>
                                                    <a href="/zchbu/seller_225938/?more=Y" class="flex items-center gap-2 mt-3 px-5 py-2.5 rounded-lg border border-neutral-300 hover:bg-neutral-100">
                        <span class="flex-1">Все объявления продавца</span>
                        <svg class="w-4 h-4 stroke-black">
                            <use href="/local/templates/bamper_new/public/sprite.svg#link-arrow-right"></use>
                        </svg>
                    </a>
                                <p class="flex gap-1.5 mt-4">
                    <svg class="w-5 h-5 stroke-neutral-500">
                        <use href="/local/templates/bamper_new/public/sprite.svg#location"></use>
                    </svg>
                    <span>Минск</span>
                </p>
                                    <div class="flex gap-1.5 mt-4">
                        <svg class="w-5 h-5 stroke-neutral-500">
                            <use href="/local/templates/bamper_new/public/sprite.svg#route"></use>
                        </svg>
                        <div>
                            <p>Щомыслицкий с/с 14А</p>
                            <a href="/seller/225938/#maps" target="_blank" class="text-xs text-blue-800 hover:text-bamper-500">Показать на карте</a>
                        </div>
                    </div>
                                                    <div class="dropdown group">
    <div tabindex="0" role="button" class="flex items-center cursor-pointer">
        <svg class="w-5 h-5 stroke-neutral-500">
            <use href="/local/templates/bamper_new/public/sprite.svg#clock"></use>
        </svg>
                                    <span class="ml-1.5 text-red-500">Закрыто до 9:30</span>
                            <svg class="ml-1 w-3 h-3 stroke-red-500 rotate-90 group-focus-within:rotate-270 transition-all duration-200">
            <use href="/local/templates/bamper_new/public/sprite.svg#link-arrow-right"></use>
        </svg>
    </div>
    <div class="fixed inset-0 bg-black/40 z-102 transition-opacity duration-300 hidden group-focus-within:block group-focus-within:md:hidden"></div>
    <div class="dropdown-content p-4 bg-white md:w-[254px] rounded-t-xl md:rounded-box shadow-sm fixed md:absolute z-103 inset-x-0 bottom-0 md:inset-x-auto md:bottom-auto">
        <div class="flex">
            <div tabindex="-1" class="w-full text-lg font-semibold">Время работы</div>
            <div class="flex md:hidden cursor-pointer">
                <svg class="m-auto w-6 h-6 stroke-current">
                    <use href="/local/templates/bamper_new/public/sprite.svg#close-select"></use>
                </svg>
            </div>
        </div>        
        <ul tabindex="-1" class="grid gap-1 [&amp;&gt;li]:flex">
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Пн</span>
                    <span class="whitespace-nowrap">
                                                                                    9:30 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Вт</span>
                    <span class="whitespace-nowrap">
                                                                                    9:30 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Ср</span>
                    <span class="whitespace-nowrap">
                                                                                    9:30 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Чт</span>
                    <span class="whitespace-nowrap">
                                                                                    9:30 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Пт</span>
                    <span class="whitespace-nowrap">
                                                                                    9:30 – 19:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Сб</span>
                    <span class="whitespace-nowrap">
                                                                                    9:30 – 17:00                                                                        </span>
                </li>
                            <li>
                    <span class="flex w-full after:content-[''] after:block after:mx-1 after:mb-1 after:w-full after:border-b after:border-dotted">Вск</span>
                    <span class="whitespace-nowrap">
                                                                                    9:30 – 17:00                                                                        </span>
                </li>
                    </ul>
    </div>
</div>                            </div>
        </div>
    </div>
</div>
<div class="clear" id="js-similar"></div>


</main>
<footer class="bg-neutral-500 text-white">
  <div class="mx-auto max-w-7xl w-full py-6 px-4 md:px-6">
    <nav class="grid w-full lg:grid-cols-4 gap-6">
      <div class="hidden lg:block space-y-6">
        <div>
          <p class="text-base font-semibold">Объявления</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="/zchbu/" class="hover:text-brand-500">Запчасти</a>
            </li>
            <li>
              <a href="/auto/" class="hover:text-brand-500">Авто</a>
            </li>
            <li>
              <a href="/diski/" class="hover:text-brand-500">Диски</a>
            </li>
            <li>
              <a href="/shiny/" class="hover:text-brand-500">Шины</a>
            </li>
            <li>
              <a href="/zchbu/moto/" class="hover:text-brand-500">Мотозапчасти</a>
            </li>
            <li>
              <a href="/bazar/" class="hover:text-brand-500">BAZAR</a>
            </li>
          </ul>
        </div>
        <div>
          <p class="text-base font-semibold">Заявки</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="/zayavki/" class="hover:text-brand-500">Оставить заявку на поиск</a>
            </li>
            <li>
              <a href="/zayavki/list/" class="hover:text-brand-500">Посмотреть заявки на поиск</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="hidden lg:block space-y-6">
        <div>
          <p class="text-base font-semibold">Продавцы</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="/rating/" class="hover:text-brand-500">Рейтинг продавцов</a>
            </li>
            <li>
              <a href="/maps/" class="hover:text-brand-500">Карта продавцов</a>
            </li>
            <li>
              <a href="/otzyvy/" class="hover:text-brand-500">Отзывы на продавцов</a>
            </li>
          </ul>
        </div>
        <div>
          <p class="text-base font-semibold">Каталоги</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="/catalog/" class="hover:text-brand-500">Каталоги зачастей</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Каталоги шин</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Каталоги дисков</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="hidden lg:block space-y-6">
        <div>
          <p class="text-base font-semibold">Реклама</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="#" class="hover:text-brand-500">Размещение объявлений</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Баннерная реклама</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Рекламные статьи</a>
            </li>
          </ul>
        </div>
        <div>
          <p class="text-base font-semibold">Прочее</p>
          <ul class="grid gap-2 mt-2">
            <li>
              <a href="#" class="hover:text-brand-500">О проекте</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Правила сайта</a>
            </li>
            <li>
              <a href="#" class="hover:text-brand-500">Ответы на вопросы</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="space-y-6 grid m-auto">
        <div class="space-y-2 text-center lg:text-left">
          <p class="text-base font-semibold">Служба поддержки</p>
          <a href="tel:+375296950227" class="block hover:text-brand-500">
            +375 (29) 695-02-27
          </a>
          <ul class="flex gap-2">
            <li>
              <a href="viber://chat?number=375296950227" class="hover:text-brand-500">
                Viber
              </a>
            </li>
            <li>
              <a href="https://t.me/+375296950227" class="hover:text-brand-500">Telegram</a>
            </li>
            <li>
              <a href="https://wa.me/375296950227" class="hover:text-brand-500">WhatsApp</a>
            </li>
            <li>
              <a href="#" class="pointer-events-none">Max</a>
            </li>
          </ul>
          <a href="mailto:support@bamper.by" class="block hover:text-brand-500">
            support@bamper.by
          </a>
          <p>Пн-Пт с 09:00 до 18:00</p>
          <a href="#" class="btn w-53.75">Помощь</a>
        </div>
        <div class="space-y-2 grid w-fit m-auto lg:m-0">
          <p class="text-base font-semibold">Мобильное приложение</p>
          <ul class="flex gap-3 m-auto lg:m-0">
            <li>
              <a
                href="https://play.google.com/store/apps/details?id=by.bamper.mobile"
                class="flex">
                <svg
                  class="w-10 h-10 shrink-0 transition-colors duration-250 hover:text-brand-500">
                  <use href="/local/templates/bamper_new/public/storeIcons.svg#android"></use>
                </svg>
              </a>
            </li>
            <li>
              <a href="https://apps.apple.com/kg/app/id1546057285" class="flex">
                <svg
                  class="w-10 h-10 shrink-0 transition-colors duration-250 hover:text-brand-500">
                  <use href="/local/templates/bamper_new/public/storeIcons.svg#iphone"></use>
                </svg>
              </a>
            </li>
            <li>
              <a href="https://appgallery.huawei.com/#/app/C104882383" class="flex">
                <svg
                  class="w-10 h-10 shrink-0 transition-colors duration-250 hover:text-brand-500">
                  <use href="/local/templates/bamper_new/public/storeIcons.svg#huawei"></use>
                </svg>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="pt-6 mt-6 border-t border-white/25 space-y-6">
      <ul class="flex gap-3 justify-center">
        <li>
          <a href="https://youtube.com/c/bamperbyvideo" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#youtube"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://www.instagram.com/_bamper.by_/" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#instagram"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://vk.com/bamperby" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#vk"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://www.facebook.com/bamper.belarus/" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#facebook"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://ok.ru/group/58914101919798" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#ok"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://t.me/bamperby" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#telegram"></use>
            </svg>
          </a>
        </li>
        <li>
          <a href="https://www.tiktok.com/@bamper.by" class="flex">
            <svg
              class="w-10 h-10 shrink-0 text-brand-500 transition-colors duration-250 hover:text-brand-600">
              <use href="/local/templates/bamper_new/public/socialIcons.svg#tiktok"></use>
            </svg>
          </a>
        </li>
      </ul>
      <div class="space-y-2">
        <p class="text-center">
          © ООО "Валлинг", УНП 690568802, 12.09.2008., info@bamper.by
        </p>
        <ul
          class="mt-2 flex flex-col md:flex-row items-center justify-center gap-x-3 gap-y-2">
          <li>
            <a href="#" class="hover:text-brand-500">Публичный договор</a>
          </li>
          <li>
            <a href="#" class="hover:text-brand-500">Политика конфиденциальности</a>
          </li>
          <li>
            <a href="#" class="hover:text-brand-500">Персональные настройки cookie-файлов</a>
          </li>
        </ul>
      </div>
      <ul class="flex justify-center h-3 md:h-5 lg:h-6 gap-3 md:gap-5 lg:gap-6">
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 81 24">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#visa"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 77 24">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#mastercard"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 256 160">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#union-pay"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 1000 212">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#belcard"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 1551 600">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#belcard-control"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 67 24">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#assist"></use>
          </svg>
        </li>
        <li>
          <svg class="h-full shrink-0" viewBox="0 0 71 24">
            <use href="/local/templates/bamper_new/public/paymentMethodsIcons.svg#erip"></use>
          </svg>
        </li>
      </ul>
    </div>
  </div>
</footer>
</div>
<script crossorigin src="/local/templates/bamper_new/script.js"></script>
<script defer>
    (function initAdsCardCarousels() {
        const wrappers = document.querySelectorAll('.ad-card-carousel-wrapper');
        if (!wrappers.length) return;

        document.addEventListener('click', (e) => {
            if (e.target.closest('.ad-card-carousel-wrapper button')) {
                e.preventDefault();
                e.stopPropagation();
            }
        });

        if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) return;

        wrappers.forEach((wrapper) => {
            const carousel = wrapper.querySelector('.carousel');
            const indicators = wrapper.querySelector('.carousel-indicators');
            if (!carousel || !indicators) return;

            let userScrolled = false;
            let activeIndex = 0;

            carousel.addEventListener(
                'scroll',
                () => {
                    userScrolled = true;
                }, {
                    once: true
                }
            );

            const observer = new IntersectionObserver(
                (entries) => {
                    if (!userScrolled) return;
                    const entry = entries.find((e) => e.isIntersecting);
                    if (!entry) return;
                    const index = Number(entry.target.dataset.index);
                    if (index === activeIndex) return;
                    indicators.children[activeIndex]?.classList.remove('is-active');
                    indicators.children[index]?.classList.add('is-active');
                    activeIndex = index;
                }, {
                    root: carousel,
                    threshold: 0.6
                }
            );

            Array.from(carousel.children).forEach((slide, index) => {
                slide.dataset.index = String(index);
                observer.observe(slide);
            });
        });
    })();
</script>

<script defer>
    (function initProductCardCarousel() {
        const wrappers = document.querySelectorAll('.product-card-carousel-wrapper');
        if (!wrappers.length) return;

        const SELECTED_CLASSES = ['border-2', 'border-brand-500'];
        const DEFAULT_CLASSES = ['border', 'border-neutral-200'];
        const DRAG_THRESHOLD = 5;

        const setPhotoButtonActive = (el, isActive) => {
            if (!el) return;
            el.classList.remove(...(isActive ? DEFAULT_CLASSES : SELECTED_CLASSES));
            el.classList.add(...(isActive ? SELECTED_CLASSES : DEFAULT_CLASSES));
        };

        let drag = null;
        let lastDraggedContainer = null;

        document.addEventListener(
            'mousemove',
            (e) => {
                if (!drag) return;
                const dx = e.clientX - drag.startX;
                if (Math.abs(dx) > DRAG_THRESHOLD) drag.hasDragged = true;
                drag.container.scrollLeft = drag.startScrollLeft - dx;
            }, {
                passive: true
            }
        );

        document.addEventListener('mouseup', () => {
            if (!drag) return;
            drag.container.style.cursor = 'grab';
            drag.container.style.scrollSnapType = '';
            drag.container.style.scrollBehavior = '';
            lastDraggedContainer = drag.hasDragged ? drag.container : null;
            drag = null;
        });

        const initDragScroll = (container) => {
            if (!container) return;

            container.style.cursor = 'grab';

            container.addEventListener('mousedown', (e) => {
                if (e.button !== 0) return;
                drag = {
                    container,
                    startX: e.clientX,
                    startScrollLeft: container.scrollLeft,
                    hasDragged: false
                };
                container.style.cursor = 'grabbing';
                container.style.scrollSnapType = 'none';
                container.style.scrollBehavior = 'auto';
                e.preventDefault();
            });

            container.addEventListener(
                'click',
                (e) => {
                    if (lastDraggedContainer === container) {
                        e.stopPropagation();
                        e.preventDefault();
                        lastDraggedContainer = null;
                    }
                },
                true
            );

            container.addEventListener('dragstart', (e) => e.preventDefault());
        };

        wrappers.forEach((wrapper) => {
            const carousel = wrapper.querySelector('.carousel');
            if (!carousel) return;

            const photoButtons = wrapper.querySelector('.carousel-photo-buttons');
            const indicators = wrapper.querySelector('.carousel-indicators');
            const prevBtn = wrapper.querySelector('.carousel-arrow-prev');
            const nextBtn = wrapper.querySelector('.carousel-arrow-next');
            const slides = carousel.children;
            const total = slides.length;

            let activeIndex = 0;

            const scrollToIndex = (index) => {
                const slide = slides[index];
                if (slide) carousel.scrollTo({
                    left: slide.offsetLeft,
                    behavior: 'smooth'
                });
            };

            const updateArrows = (index) => {
                prevBtn?.classList.toggle('hidden', index === 0);
                nextBtn?.classList.toggle('hidden', index === total - 1);
            };

            const updateActive = (index) => {
                if (photoButtons) {
                    setPhotoButtonActive(photoButtons.children[activeIndex], false);
                    const activePhotoBtn = photoButtons.children[index];
                    setPhotoButtonActive(activePhotoBtn, true);
                    activePhotoBtn?.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'nearest'
                    });
                }

                if (indicators) {
                    indicators.children[activeIndex]?.classList.remove('is-active');
                    indicators.children[index]?.classList.add('is-active');
                }

                updateArrows(index);
                activeIndex = index;
            };

            updateArrows(0);
            initDragScroll(carousel);
            initDragScroll(photoButtons);

            wrapper.addEventListener('click', (e) => {
                const slideBtn = e.target.closest('button[data-slide]');
                if (slideBtn) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Number(slideBtn.dataset.slide) - 1);
                    return;
                }

                if (e.target.closest('.carousel-arrow-prev')) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Math.max(0, activeIndex - 1));
                    return;
                }

                if (e.target.closest('.carousel-arrow-next')) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Math.min(total - 1, activeIndex + 1));
                    return;
                }
            });

            let userScrolled = false;

            carousel.addEventListener(
                'scroll',
                () => {
                    userScrolled = true;
                }, {
                    once: true
                }
            );

            const observer = new IntersectionObserver(
                (entries) => {
                    if (!userScrolled) return;
                    const entry = entries.reduce(
                        (best, e) =>
                        e.isIntersecting && e.intersectionRatio > (best?.intersectionRatio ?? 0) ?
                        e :
                        best,
                        null
                    );
                    if (!entry) return;
                    const index = Number(entry.target.dataset.index);
                    if (index === activeIndex) return;
                    updateActive(index);
                }, {
                    root: carousel,
                    threshold: 0.6
                }
            );

            for (let i = 0; i < total; i++) {
                slides[i].dataset.index = String(i);
                observer.observe(slides[i]);
            }
        });
    })();
</script>

<script defer>
    (function initArticleCarousels() {
        const carouselWrappers = document.querySelectorAll('.article-carousel-wrapper');
        if (!carouselWrappers.length) return;

        const INDICATOR_ACTIVE = 'bg-white';
        const INDICATOR_INACTIVE = 'bg-transparent';
        const DRAG_THRESHOLD = 5;
        let drag = null;
        let lastDraggedContainer = null;

        document.addEventListener(
            'mousemove',
            (e) => {
                if (!drag) return;
                const dx = e.clientX - drag.startX;
                if (Math.abs(dx) > DRAG_THRESHOLD) drag.hasDragged = true;
                drag.container.scrollLeft = drag.startScrollLeft - dx;
            }, {
                passive: true
            }
        );

        document.addEventListener('mouseup', () => {
            if (!drag) return;
            drag.container.style.cursor = 'grab';
            drag.container.style.scrollSnapType = '';
            drag.container.style.scrollBehavior = '';
            lastDraggedContainer = drag.hasDragged ? drag.container : null;
            drag = null;
        });

        const initDragScroll = (container) => {
            if (!container) return;

            container.style.cursor = 'grab';

            container.addEventListener('mousedown', (e) => {
                if (e.button !== 0) return;
                drag = {
                    container,
                    startX: e.clientX,
                    startScrollLeft: container.scrollLeft,
                    hasDragged: false
                };
                container.style.cursor = 'grabbing';
                container.style.scrollSnapType = 'none';
                container.style.scrollBehavior = 'auto';
                e.preventDefault();
            });

            container.addEventListener(
                'click',
                (e) => {
                    if (lastDraggedContainer === container) {
                        e.stopPropagation();
                        e.preventDefault();
                        lastDraggedContainer = null;
                    }
                },
                true
            );

            container.addEventListener('dragstart', (e) => e.preventDefault());
        };

        carouselWrappers.forEach((carouselWrapper) => {
            const carousel = carouselWrapper.querySelector('.carousel');
            if (!carousel) return;

            const indicators = carouselWrapper.querySelector('.carousel-indicators');
            const prevBtn = carouselWrapper.querySelector('.carousel-arrow-prev');
            const nextBtn = carouselWrapper.querySelector('.carousel-arrow-next');
            const slides = carousel.children;
            const total = slides.length;

            let activeIndex = 0;

            const scrollToIndex = (index) => {
                const slide = slides[index];
                if (slide) carousel.scrollTo({
                    left: slide.offsetLeft,
                    behavior: 'smooth'
                });
            };

            const updateArrows = (index) => {
                prevBtn?.classList.toggle('hidden', index === 0);
                nextBtn?.classList.toggle('hidden', index === total - 1);
            };

            const updateActive = (index) => {
                if (indicators) {
                    indicators.children[activeIndex]?.classList.replace(
                        INDICATOR_ACTIVE,
                        INDICATOR_INACTIVE
                    );
                    indicators.children[index]?.classList.replace(INDICATOR_INACTIVE, INDICATOR_ACTIVE);
                }
                updateArrows(index);
                activeIndex = index;
            };

            updateArrows(0);
            initDragScroll(carousel);

            carouselWrapper.addEventListener('click', (e) => {
                const slideBtn = e.target.closest('button[data-slide]');
                if (slideBtn && indicators?.contains(slideBtn)) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Number(slideBtn.dataset.slide) - 1);
                    return;
                }

                if (e.target.closest('.carousel-arrow-prev')) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Math.max(0, activeIndex - 1));
                    return;
                }

                if (e.target.closest('.carousel-arrow-next')) {
                    e.stopPropagation();
                    e.preventDefault();
                    scrollToIndex(Math.min(total - 1, activeIndex + 1));
                    return;
                }
            });

            let userScrolled = false;

            carousel.addEventListener(
                'scroll',
                () => {
                    userScrolled = true;
                }, {
                    once: true
                }
            );

            const observer = new IntersectionObserver(
                (entries) => {
                    if (!userScrolled) return;
                    const entry = entries.reduce(
                        (best, e) =>
                        e.isIntersecting && e.intersectionRatio > (best?.intersectionRatio ?? 0) ?
                        e :
                        best,
                        null
                    );
                    if (!entry) return;
                    const index = Number(entry.target.dataset.index);
                    if (index === activeIndex) return;
                    updateActive(index);
                }, {
                    root: carousel,
                    threshold: 0.6
                }
            );

            for (let i = 0; i < total; i++) {
                slides[i].dataset.index = String(i);
                observer.observe(slides[i]);
            }
        });
    })();
</script>

<script defer>
    (function initSimpleCarouselButtons() {
        const carouselWrappers = document.querySelectorAll('.simple-carousel-wrapper');
        if (!carouselWrappers.length) return;

        carouselWrappers.forEach((carouselWrapper) => {
            const carousel = carouselWrapper.querySelector('.carousel');
            const nav = carouselWrapper.firstElementChild;
            const prevBtn = nav?.querySelector('button:first-of-type');
            const nextBtn = nav?.querySelector('button:last-of-type');

            if (!carousel || !prevBtn || !nextBtn) return;

            const THRESHOLD = 1;
            const slides = Array.from(carousel.querySelectorAll(':scope > .carousel-item'));
            if (!slides.length) return;

            function getMaxScrollLeft() {
                return Math.max(0, carousel.scrollWidth - carousel.clientWidth);
            }

            function getSlideOffset(slide) {
                return slide.offsetLeft - carousel.offsetLeft;
            }

            function getClosestSlideIndex() {
                const scrollLeft = carousel.scrollLeft;
                let closestIndex = 0;
                let minDistance = Infinity;

                for (let i = 0; i < slides.length; i++) {
                    const distance = Math.abs(getSlideOffset(slides[i]) - scrollLeft);
                    if (distance < minDistance) {
                        minDistance = distance;
                        closestIndex = i;
                    }
                }
                return closestIndex;
            }

            function isAtStart() {
                return carousel.scrollLeft <= THRESHOLD;
            }

            function isAtEnd() {
                const maxScrollLeft = getMaxScrollLeft();
                return maxScrollLeft <= THRESHOLD || carousel.scrollLeft >= maxScrollLeft - THRESHOLD;
            }

            function syncNavState() {
                prevBtn.classList.toggle('hidden', isAtStart());
                nextBtn.classList.toggle('hidden', isAtEnd());
            }

            function scrollToIndex(index) {
                const targetIndex = Math.max(0, Math.min(index, slides.length - 1));
                const slide = slides[targetIndex];

                let left;
                if (targetIndex === 0) {
                    left = 0;
                } else if (targetIndex === slides.length - 1) {
                    left = getMaxScrollLeft();
                } else {
                    left = getSlideOffset(slide);
                }

                carousel.scrollTo({
                    left,
                    behavior: 'smooth'
                });
            }

            prevBtn.addEventListener('click', (event) => {
                event.preventDefault();
                event.stopPropagation();
                scrollToIndex(getClosestSlideIndex() - 1);
            });

            nextBtn.addEventListener('click', (event) => {
                event.preventDefault();
                event.stopPropagation();
                scrollToIndex(getClosestSlideIndex() + 1);
            });

            let rafId = null;
            carousel.addEventListener(
                'scroll',
                () => {
                    if (rafId !== null) return;
                    rafId = requestAnimationFrame(() => {
                        syncNavState();
                        rafId = null;
                    });
                }, {
                    passive: true
                }
            );

            carousel.addEventListener('scrollend', syncNavState, {
                passive: true
            });

            if (typeof ResizeObserver !== 'undefined') {
                new ResizeObserver(syncNavState).observe(carousel);
            }

            requestAnimationFrame(syncNavState);
        });
    })();
</script>
<script defer>
  window.addEventListener('load', () => {
    const textElements = document.querySelectorAll('.collapse-text');
    textElements.forEach((textEl) => {
      const btnEl = textEl.parentElement.querySelector('.collapse-btn');
      const targetClass = [...textEl.classList].find((c) => c.startsWith('line-clamp-'));
      textEl.classList.remove(targetClass);
      const lineHeight = parseFloat(getComputedStyle(textEl).lineHeight);
      const height = textEl.clientHeight;
      const lines = Math.round(height / lineHeight);
      const maxLines = +targetClass.match(/\d+/)?.[0];

      if (lines > maxLines) {
        textEl.classList.add(targetClass);
        btnEl.classList.remove('hidden');
        btnEl.classList.add('flex');
      }
    });
  });
</script>
</body>
</html>